191130_SeleniumConf二都物語/seleniumconf_a_tale_of_two_cities

Written in Japanese
30/November/2019
STAR - システムテスト自動化カンファレンスで話した資料です。
運営として携わったSeleniumConf Tokyo、そして10月に開催されたばかりの SeleniumConf Londonを扱っています。

Transcript

1. SeleniumConf ೋ౎෺ޠ /PW
   γεςϜςετࣗಈԽΧϯϑΝϨϯε Տݪా੓య Masanori Kawarada
 (Mark Ward) @mkwrd A Tale of Two Cities
2. w 2VBMJUZ
   1IJMPTPQIFS
   w Ձ஋ࢤ޲ɾจܥാग़਎ΤϯδχΞ
   w ւ֎ΧϯϑΝϨϯεΑ͘ߦ͘ܥΤϯδχΞ
   w Ո௞ ԁͷ͓෦԰ࡏॅΤϯδχΞ
   w 4FMFOJVN$POG
   5PLZP
   ࣮ߦҕһ Տݪా੓య Masanori Kawarada
 (Mark Ward) @mkwrd
3. Տݪా੓య Masanori Kawarada
 (Mark Ward) @mkwrd ݩɾ੨͍ςετձࣾ ݱɾ੨͍FinTechձࣾ ࣍ɾ੨͍ڭҭࣄۀձࣾ Job History
4. Conference ! " # $ % ! Տݪా੓య Masanori Kawarada
 (Mark Ward) @mkwrd
5. Special Thanks Տݪా੓య Masanori Kawarada
 (Mark Ward) @mkwrd
6. Image Materials Տݪా੓య Masanori Kawarada
 (Mark Ward) @mkwrd
7. SeleniumConf ೋ౎෺ޠ A Tale of Two Cities @mkwrd
8. Charles Dickens @mkwrd
9. @mkwrd
10. @mkwrd ౦ΞδΞॳͷ4FMFOJVNެࣜΧϯϑΝϨϯε ϲࠃ͔ΒਓҎ্͕ࢀՃ ண૝͔Β࣮ݱ·Ͱɺ೥൒Ҏ্ʂ ೥݄೔ʙ೔ʢ೔ɿ8PSLTIPQʣ
11. @mkwrd
12. ࣮ݱ·Ͱͷεςοϓ w ೥݄೔ɹ4FMFOJVN
    $PNNJUUFS
    %BZ։࠵
    㾎͜ͷ࣌఺Ͱ͸4FMFOJVN$POG
    5PLZP͸ະ֬ఆʂʂ
    㾎ಉ࣌௨༁෇͖Πϕϯτ @mkwrd w ೥݄೔ɹ4FMFOJVN
    6TFS
    $PNNVOJUZ಺Ͱ࣮ࢪ֬ఆ͕ൃද
    㾎༗ࢤืूຊ֨Խɿϝϯόʔ͸໿ਓ
    㾎໾ׂ෼୲
    ‣ ໰͍߹ΘͤରԠɺ5XJUUFS޿ใ
    ‣ ଞɿεϙϯαʔɺձ৔ɺ௨༁ɺνέοτɺϫʔΫγϣοϓFUD
13. ࣮ݱ·Ͱͷεςοϓ @mkwrd w ೥݄த०ɹ$'1కΊ੾Γ
    㾎ւ֎͔Β໿ຊɺࠃ಺͔Β໿ຊ
    㾎64ͱͷଧͪ߹ΘͤΛॏͶͭͭɺ৻ॏʹݕ౼
    㾎ւ֎$'1͸શ෦ӳޠ
    ‣ େᷢ೔ʹશ෦(PPHMF຋༁ʹ͔͚ͯυΩϡϝϯτ࡞੒ w ೥݄ɹ΄΅ຖ೔ϝʔϧͷ΍ΓऔΓ
    㾎ຖ೔4FMFOJVN$POG
    5PLZPͷ͜ͱΛ΍͍ͬͯͨ
    
14. ࣮ݱ·Ͱͷεςοϓ @mkwrd w ೥݄ɾ݄ɹνέοτൢചՂڥ
    㾎ଞࠃ࣮ࢪͷ4FMFOJVN$POGΑΓ΋͍ͩͿՁ֨Λ཈͑ͯ͝ఏڙ
    㾎ւ֎͔Βͷஂମߪೖ͕ൢചऴྃલʹೖΔͳͲ
    㾎ऩࢧ͸େৎ෉ͩɺ໰୊ͳ͍
    w w ೥݄ɹ4FMFOJVN$POG
    5PLZP
    ࣄલษڧձ
    㾎$'1Λग़ͯ͠ͳ͍ਓ΋ɺग़ͯ͠མͪͨਓ΋ొஃ
    㾎ಈը഑৴࣮ݧ
15. ӡӦνʔϜͷίϛϡχέʔγϣϯ @mkwrd िʹ౓ɺ݄༵ͷ໷ʹ
 ෼ͷ0OMJOF.5( ͨ·ʹू·ΕΔਓͰ
 0⒐JOF.5(
16. @mkwrd
17. @mkwrd
18. @mkwrd τϥοΫɾηογϣϯ ӳޠɿ೔ຊޠɿࠞ߹ʹɿɿ
    ˞-5Λࠞ߹ͱͯ͠Χ΢ϯτ Ͱશηογϣϯ഑৴
19. @mkwrd State of the Union Simon Stewart @shs96c Selenium Lead Committer w 4FMFOJVN$POG߃ྫͷʮҰൠڭॻԋઆɿ4FMFOJVNͷݱঢ়ʯ
    w Ϧʔυίϛολʔ͕ࣗΒ4FMFOJVNͷྺ࢙ɾݱࡏɾະདྷΛޠΔ
    w 4FMFOJVN
    
    BMQIB
    ͷެ։͕ൃද͞ΕΔ
20. @mkwrd Clean code that works –– How can we go there? Takuto Wada @t_wada Author of power-assert-js
 TDD practitioner w ༁ॻʰςετۦಈ։ൃʱͷॻ͖ग़͠Λग़ൃ఺ʹޠΒΕΔ5%%
    w 5%%ͷऔΓ૊Έ͕ͳͥͭ·͍ͮͯ͠·͏ͷ͔Λ෼ੳ
    w ʮಈ͔ͳ͍Ԛ͍ίʔυʯ͔Βʮಈ͘៉ྷͳίʔυʯʹ͠ଓ͚Δي੻
21. @mkwrd Windows Browsers: How to Run them in Docker containers Ivan Krutov @vania_pooh Developer –– Aerokube w %PDLFSίϯςφͰ*&ͱ&EHFΛಈ͔͢ํ๏ͱݶքΛղઆ
    w $-*΍4FMFOPJEΛ࢖͏ɺ։ൃ஌ࣝͷ͋Δਓ޲͚ηογϣϯ
    w ։ൃऀدΓͷࣃԠ͑͋ΔൃදͳͷͰɺಈըͰ܁Γฦ֬͠ೝ͍ͨ͠
22. @mkwrd w -5Λ͠·ͨ͠
    w ͕ͬͭΓ࡞ͬͨεϥΠυͰ෼ؒ
    w ߴΊͷςϯγϣϯɾ೔ຊޠʢӳޠ͸ಉ࣌௨༁͞Μʹ͓೚ͤʂʣ
23. @mkwrd
24. @mkwrd
25. @mkwrd ϥϯνλΠϜʹ
    ొஃऀ߇͑ࣨ଴ػ୲౰ɻ ΠϯλϏϡʔ͢Δ͔ʔ
    ͱࢥ͚ͬͨͲɺձٞதɾɾɾ
26. @mkwrd
27. @mkwrd
28. @mkwrd
29. -0/%0/
    6,
    c
    
    
    
    0$50#&3
    5IF
    P⒏DJBM
    &VSPQFBO
    4FMFOJVN
    DPOGFSFODF @mkwrd
30. @mkwrd ূڌ ࣸਅ
31. @mkwrd ࢀՃऀ༻
 IDΧʔυ ূڌ ࣸਅ
32. @mkwrd
33. @mkwrd τϥοΫɾηογϣϯ ॳڃɿதڃɿ্ڃʹɿɿ
    ˞ίϛολʔύωϧͳͲηογϣϯ͸আ֎ Ͱશηογϣϯ഑৴
34. @mkwrd Beginner Redefining test automation Richard Bradshaw @FriendlyTester CEO –– Ministry of Testing w ೥͔Βͷࣗ਎ͷऔΓ૊ΈΛϕʔεʹɺςετࣗಈԽʹඞཁͳ஌ࣝɾ ߟ͑ํΛॱ൪ʹऔΓ্͍͛ͯ͘
    w ໨ΛҾ͘εϥΠυɺτʔΫ͸ܰົɺௌऺΛҾ͖͚ͭΔ޻෉͕ਵॴʹޫΔ
    w 5FTUBCJMJUZ
    
    "CJMJUZ
    UP
    UFTUͱύϥϑϨʔζ͢ΔͳͲɺઆಘྗ͕͋Δ
35. Intermediate @mkwrd Screwing up. The automated way! Madalina Bejinariu Test Automation Engineer –– Smart2Pay w ςετࣗಈԽͷʮ͘͠͡Γઌੜʯ
    w ԯϢʔβʔ͕ొ࿥͞Ε͍ͯΔຊ൪؀ڥͰࣗಈςετΛಈ͔ͨ͠Β αʔϏε͕ࢭ·ͬͨ
    w 4IBSJOH
    JT
    $BSJOHrrࣗಈςετͷ͜ͱ͔ͩΒ๊ͬͯ͑ͳ͍͜ͱ
36. Advanced @mkwrd The automation break up:
 saying goodbye to full stack tests with task analysis Mark Winteringham @2bittester DojoBoss –– Ministry of Testing w 53*.4 5BSHFUFE
    3FMJBCMF
    *OGPSNBUJWF
    .BJOUBJOBCMF
    4QFFEZ
    Λຬͨ͢ ʮՁ஋͋ΔνΣοΫʯΛࢤ޲
    w ͦͷͨΊʹγεςϜશମͷλεΫ෼ੳ͕ඞཁʢ෼ੳ͖͠Εͳ͍ʁɹෳࡶ͗͢Δʣ
    w แׅతͳ6*ࣗಈςετͷ୅ΘΓʹૂ͍ΛߜΓߴ଎ͳςετΛͭͳ͛ͨ'VMM
    4UBDL
    4NPLF
    5FTUͱ͍͏ߟ͑ํ
37. @mkwrd 40 countries, 35 brands, 1 test automation framework Michel Lalmohamed & Wout de Jong Test Automation Specialist
 –– Valori Full Stack Testing w &ίϚʔεϓϥοτϑΥʔϜ޲͚δΣωϦοΫςετࣗಈԽ'8
    w $VDVNCFS
    8FC%SJWFS*0
    "QQJVN
    $JSDMF$*
    :".-
    w npm run test <country>
    Ͱࠃ͝ͱͷࣗಈςετΛΩοΫ
    w ࠃ͕૿͑Δͱɺςετ΋ࠃผͷಠࣗ࢓༷ରԠ΋૿͑ΔʜʜͲ͏ରԠͨ͠ʁ Intermediate
38. @mkwrd Beginner 4-1-4: four ways how to communicate one thing to four different people! Petra Bouskova @BouskovaPetra Test Coordinator –– tesena w ؾ࣭λΠϓ෼ੳ
    *OTJHIUTš
    %JTDPWFSZΛମݧܗࣜͰ࣮ફతʹ঺հ
    w ʮ಺޲ɾ֎޲ʯʮײ֮ɾࢥߟʯͷ࣠෼ྨͱϩʔϧผͷಛ௃
    w ΍ͨΒΤωϧΪογϡͳʮϓϨθϯςʔγϣϯίʔνʯ
    w ௌऺΛཱͨͤͨΓൃݴͤͨ͞ΓͱɺසൟʹΞΫγϣϯΛٻΊΔ
39. @mkwrd
40. @mkwrd
41. @mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ
42. @mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ ͋Β͜Μʹͪ͸
43. @mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ ͋Β͜Μʹͪ͸ ͑ͬͱɺ΅͘ͷ͜ͱ֮͑ͯ·͔͢ʁ
44. @mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ ͋Β͜Μʹͪ͸ ͑ͬͱɺ΅͘ͷ͜ͱ֮͑ͯ·͔͢ʁ ೥લʹϕϧϦϯͰʜʜ
45. @mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ ͋Β͜Μʹͪ͸ ͑ͬͱɺ΅͘ͷ͜ͱ֮͑ͯ·͔͢ʁ ೥લʹϕϧϦϯͰʜʜ ͋͋͋ʙʙʙʙ͋ͳͨΞϨͶɺ͍֮͑ͯΔΘʂɹ#FSMJOͰొஃ͕ ऴΘͬͨ࣌ʹࢲͷͱ͜Ζʹۦ͚د͖ͬͯͯʮͱͯ΋ײಈ͠·͠ ͨʂɹ΅͘΋কདྷ͋ͳͨͷΑ͏ʹ4FMFOJVN$POGͰొஃΛ͍ͨ͠ Ͱ͢ʂʯͱݴͬͯ͘ΕͨWFSZ
    FOUIVTJBTUJD
    HVZͶʂʂɹ͋ͷ࣌ɺ
46. @mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ ͋Β͜Μʹͪ͸ ͑ͬͱɺ΅͘ͷ͜ͱ֮͑ͯ·͔͢ʁ ೥લʹϕϧϦϯͰʜʜ ͋͋͋ʙʙʙʙ͋ͳͨΞϨͶɺ͍֮͑ͯΔΘʂɹ#FSMJOͰొஃ͕ ऴΘͬͨ࣌ʹࢲͷͱ͜Ζʹۦ͚د͖ͬͯͯʮͱͯ΋ײಈ͠·͠ ͨʂɹ΅͘΋কདྷ͋ͳͨͷΑ͏ʹ4FMFOJVN$POGͰొஃΛ͍ͨ͠ Ͱ͢ʂʯͱݴͬͯ͘ΕͨWFSZ
    FOUIVTJBTUJD
    HVZͶʂʂɹ͋ͷ࣌ɺ ʙதུʙ
47. @mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ ͋Β͜Μʹͪ͸ ͑ͬͱɺ΅͘ͷ͜ͱ֮͑ͯ·͔͢ʁ ೥લʹϕϧϦϯͰʜʜ ͋͋͋ʙʙʙʙ͋ͳͨΞϨͶɺ͍֮͑ͯΔΘʂɹ#FSMJOͰొஃ͕ ऴΘͬͨ࣌ʹࢲͷͱ͜Ζʹۦ͚د͖ͬͯͯʮͱͯ΋ײಈ͠·͠ ͨʂɹ΅͘΋কདྷ͋ͳͨͷΑ͏ʹ4FMFOJVN$POGͰొஃΛ͍ͨ͠ Ͱ͢ʂʯͱݴͬͯ͘ΕͨWFSZ
    FOUIVTJBTUJD
    HVZͶʂʂɹ͋ͷ࣌ɺ ʙதུʙ ձ͑ͯخ͍͠Θɺࢲ͖ͬ͞ձ৔ʹண͍ͨͱ͜Ζͳͷ
48. @mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ ͋Β͜Μʹͪ͸ ͑ͬͱɺ΅͘ͷ͜ͱ֮͑ͯ·͔͢ʁ ೥લʹϕϧϦϯͰʜʜ ͋͋͋ʙʙʙʙ͋ͳͨΞϨͶɺ͍֮͑ͯΔΘʂɹ#FSMJOͰొஃ͕ ऴΘͬͨ࣌ʹࢲͷͱ͜Ζʹۦ͚د͖ͬͯͯʮͱͯ΋ײಈ͠·͠ ͨʂɹ΅͘΋কདྷ͋ͳͨͷΑ͏ʹ4FMFOJVN$POGͰొஃΛ͍ͨ͠ Ͱ͢ʂʯͱݴͬͯ͘ΕͨWFSZ
    FOUIVTJBTUJD
    HVZͶʂʂɹ͋ͷ࣌ɺ ͱ͜ΖͰ͋ͳͨͷट͔Βఏ͍͛ͯΔͦΕ͸Կ͔͠Βʁࢲͷͱ৭͕ ҧ͏ΘͶɻࢲͷ͸ొஃऀ༻Αɻ͑ɺ͋ͳͨొஃ͠ͳ͍ͷʁͲ͏͠ ʙதུʙ ձ͑ͯخ͍͠Θɺࢲ͖ͬ͞ձ৔ʹண͍ͨͱ͜Ζͳͷ
49. @mkwrd 5IF
    8PNBO
    XJUI
    UIF
    .BDIJOF
    (VO
50. @mkwrd w ొஃͰ͸ͳ͍͚Ͳ-5Λ͖ͯ͠·ͨ͠ɺ΋ͪΖΜτοϓόολʔ
    w εϥΠυͳ͠Ͱ෼ؒɺ4FMFOJVN$POG
    5PLZP͕࢒ͨ͠΋ͷͷ࿩
    w ڍಈෆ৹ɾഁ஡໓஡ӳޠɾ౜ಥͳ&YDFMσΟεΓ
    w ࣍͸ຊηογϣϯͰొஃ͍ͨ͠
51. Photo Session with Engineers @mkwrd
52. ϩϯυϯ໊෺μϒϧσοΧʔ⬇ ೔ຊ৯Ϩετϥϯʜʜ⬆
    ͠ɺौ୩ʂʁ ⬅೥ͷྺ࢙Λ࣋ͭ࿝ฮࡿళ ⬆੺ϨϯΨͷ֗ฒΈ ΩϯάζɾΫϩεӺ @mkwrd ਂ໷ɺӍͷ࿏஍
53. Φϖϥ࠲ͷոਓ⬇ ϩϯυϯͰಓ࿏෧࠯ͨ͠؀ڥஂମͷσϞ➡ ⬆⬇όοΩϯΨϜٶ఼ͱӴฌަ୅ࣜ ॻళ಺ΧϑΣͰ➡
    ॆ࣮ͨ͠ςΟʔλΠϜ 'JTI$IJQTͰன͔Βң΋ͨΕ
    @mkwrd
54. @mkwrd @mkwrd
55. @mkwrd @mkwrd ࣍୅Λܴ͑Δ4FMFOJVN
    ॳࢀՃɾॳొஃͷएख͕ͲΜͲΜ૿͍͑ͯΔ
    ϕςϥϯ੎͸੒ՌΛΘ͔Γ΍͘͢঺հ͍ͯ͠Δ
56. @mkwrd ࢀՃऀͱͷަྲྀʹਅՁ
    ςετࣗಈԽʹۃΊͯେྔͷΤωϧΪʔΛ܏͚ΔΤϯδχΞ͕ੈք͔Βू·Δ
    ςετɾ඼࣭อূͷ஌ݟΛٻΊΔਓʑ΋ࢀՃɺେ͍ʹࢹ໺Λ޿͛Δ @mkwrd
57. @mkwrd ࣗ෼
    WT
    ੈք
    ϓϩδΣΫτ಺ɾ෦ॺ಺ɾࣾ಺ɾ஍Ҭ಺ɾࠃ಺ʹด͍ͯ͡Δ࢓ࣄ͕
    ੈքͰͲΕ΄Ͳ௨༻͢Δ΋ͷͳͷ͔ɺഽͰײ͡Δ
    ৺ͷίϯύε͕࣍ʹਐΉ΂͖৔ॴΛࢦࣔ͢͠ @mkwrd
58. @mkwrd @mkwrd
59. @mkwrd @mkwrd $PNF
    -FBSO
    %P
    5FBDI
    5FTU 5FTUJOH
    
    /PU
    KVTU
    GPS
    UFTUFST .PTDPX
    %
    %FDFNCFS
    UI
     "NTUFSEBN
    +
    'FCSVBSZ
    UI
    
60. @mkwrd ΤϯδχΞͷઓ৔͸
61. @mkwrd ΤϯδχΞͷઓ৔͸ੈքͩ
62. SeleniumConf ೋ౎෺ޠ /PW
    γεςϜςετࣗಈԽΧϯϑΝϨϯε Տݪా੓య Masanori Kawarada
 (Mark Ward) @mkwrd A Tale of Two Cities