Slide 1

Slide 1 text

1)1FS,BJHJ ,FOJDIJSP,JTIJEB !TJ[VIJLP &&ςετʹ޲͖߹͏

Slide 2

Slide 2 text

,FOJDIJSP,JTIJEB 5PLZP +"1"/ TJ[VIJLP!HNBJMDPN !TJ[VIJLP IUUQTHJUIVCDPNTJ[VIJLP IUUQCMPHPQFOUPLZPKQ

Slide 3

Slide 3 text

w5FTUJOH1ZSBNJE w1SBDUJDBM5FTU1ZSBNJE w5PPMT 5PEBZT

Slide 4

Slide 4 text

5PEBZT w5FTUJOH1ZSBNJE w1SBDUJDBM5FTU1ZSBNJE w5PPMT

Slide 5

Slide 5 text

w(PPHMFʹΑΔͱ wˋΤϯυπʔΤϯυςετ wˋ݁߹ςετ wˋ୯ମςετ https://testing.googleblog.com/2015/04/just-say-no-to-more-end-to-end-tests.html 5FTUJOH1ZSBNJE

Slide 6

Slide 6 text

&&ςετ ιϑτ΢ΣΞશମΛ࠷ॳ͔Β࠷ޙ·Ͱςετ͠ ͯɺΞϓϦέʔγϣϯ͕ظ଴Ͳ͓Γʹಈ࡞͢Δ ͜ͱΛ֬ೝ͢Δख๏

Slide 7

Slide 7 text

Θ͔ΔΑ͏ͰΘ͔ΒΜ

Slide 8

Slide 8 text

https://docs.google.com/presentation/d/15gNk21rjer3xo- b1ZqyQVGebOp_aPvHU3YH7YnOMxtE/edit#slide=id.g437663ce1_53_98 Quote: Google Test Automation Conference 2014 Opening Keynote

Slide 9

Slide 9 text

https://watirmelon.blog/tag/testing-pyramid/ A Software Testing Blog
 By Alister Scott.

Slide 10

Slide 10 text

https://watirmelon.blog/tag/testing-pyramid/

Slide 11

Slide 11 text

5PEBZT w5FTUJOH1ZSBNJE w1SBDUJDBM5FTU1ZSBNJE w5PPMT

Slide 12

Slide 12 text

&&ςετ͕ࣦഊ͢Δͱ w ͳΜͰࣦഊͨ͠ͷ͔Θ͔Βͳ͍ͨΊɺ
 ࣌ؒΛ͔͚ͯݪҼΛಥ͖ࢭΊΔඞཁ͕͋Δ w αʔόʔ͸Ͳ͏ʁ w σϓϩΠ͸੒ޭ͍ͯͨ͠ʁ w σʔλ͸͋ͬͯΔʁ w ςετίʔυ͸Ͳ͏ʁ w ϒϥ΢βͷΞοϓσʔτ͕ݪҼʁ w ςετ͕յΕ΍͍͢ͷʁ https://watirmelon.blog/tag/testing-pyramid/

Slide 13

Slide 13 text

https://speakerdeck.com/tsuemura/kurosuburauzatesutofalsean-toan-toan

Slide 14

Slide 14 text

https://martinfowler.com/articles/practical-test-pyramid.html 26 February 2018

Slide 15

Slide 15 text

6*ςετWT&&ςετ w 6*ςετͱ&&ςετ͸ಉ͡΋ͷͱݴΘΕΔ͜ͱ͕͋Γ ·͢ɻ w ΞϓϦέʔγϣϯΛ&&Ͱςετ͢Δ͜ͱ͸ɺଟ͘ͷ৔ ߹ɺ6*Λհͯ͠ςετΛ࣮ߦ͢Δ͜ͱΛҙຯ͠·͢ɻͨͩ ͠ɺͦͷٯ͸౰ͯ͸·Γ·ͤΜɻ w 6*ͷςετ͸ɺ&&Ͱߦ͏ඞཁ͸͋Γ·ͤΜɻ࢖༻͢Δ ςΫϊϩδʔʹԠͯ͡ɺ6*͸ɺόοΫΤϯυΛελϒΞ΢ τͨ͠ϑϩϯτΤϯυίʔυͷϢχοτςετΛ࡞੒͢Δ ͷͱಉ͘͡Β͍؆୯Ͱ͢ɻ https://martinfowler.com/articles/practical-test-pyramid.html

Slide 16

Slide 16 text

&&ςετͰ͸ w ϝϯςφϯείετ͕ߴ͍ͨΊɺ&&ςετͷ਺Λ࠷খݶʹ཈ ͑Δͱྑ͍ɻ w Ϣʔβʔ͕ΞϓϦέʔγϣϯͰߦ͏Ձ஋ͷߴ͍ΠϯλϥΫγϣ ϯɺ੡඼ͷ֩ͱͳΔՁ஋Λఆٛ͢ΔϢʔβʔδϟʔχʔΛߟ ͑ɺ࠷΋ॏཁͳεςοϓΛࣗಈԽ͞Εͨ&&ςετͰදݱ͢Δ ͱྑ͍ɻ w ςετϐϥϛουʹ͸ɺ͋ΒΏΔछྨͷԼҐϨϕϧͷςετ͕ ͨ͘͞Μ͋Γ·͢ɻ͜ΕΒͷςετΛΑΓߴ͍ϨϕϧͰ܁Γฦ ͢ඞཁ͸͋Γ·ͤΜɻϝϯςφϯεʹଟେͳ࿑ྗΛඅ΍͠ɺଟ ͘ͷޡݕग़Λߦ͏ͱɺ஗͘ͳΓɺςετͷ৴པΛࣦ͍·͢ https://martinfowler.com/articles/practical-test-pyramid.html

Slide 17

Slide 17 text

&&ͰධՁ͢Δ͜ͱΛఆٛ͢Δ w ॏཁͳγφϦΦͱεςοϓ w γεςϜؒ࿈ܞ w ύϑΥʔϚϯε w ʜʜʜ

Slide 18

Slide 18 text

5PEBZT w5FTUJOH1ZSBNJE w1SBDUJDBM5FTU1ZSBNJE w5PPMT

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

wϒϥ΢βࣗಈԽιϦϡʔγϣϯͰ͢ɻ w/PEFKT͔Β$ISPNFΛૢ࡞
 ૢΓਓܗQVQQFUFFS ͢ΔͨΊͷ"1* Λఏڙ͍ͯ͠Δɻ wOQNͰϒϥ΢β͕Πϯετʔϧ͞ΕΔͷ Ͱɺ؀ڥઃఆ΍ߏஙͷඞཁ͕ͳ͍ɻ wϝϞϦϦʔΫ΍ύϑΥʔϚϯεΦʔόʔ ϔουΛؾʹ͢Δඞཁ͕ͳ͍ 1VQQFUFFS https://pptr.dev/

Slide 21

Slide 21 text

w8FCςετ͸஗͍ͱ͍͏౎ࢢ఻આ w#SPXTFS$POUFYU"1*Ͱղܾ wςετ͕'MBLZͱ͍͏౎ࢢ఻આ wXBJU'PS9"1*Ͱղܾ wͲ͜Ͱςετ͕ࣦഊ͔ͨ͠Θ͔Βͳ͍ wDPOTPMFMPHʹԿ͔Τϥʔ͕ग़͍ͯͳ ͍͔νΣοΫͰ͖Δ ͜Ε·Ͱͷ՝୊Λղܾ͢Δ

Slide 22

Slide 22 text

6*ςετΛআ͘&&ςε τͷ՝୊ ϥετϐʔε ΛຒΊΔͷͰ͸ʁ

Slide 23

Slide 23 text

w.PCJMFσόΠεΤϛϡϨʔγϣϯ w0GqJOFαϙʔτ wαʔϏεϫʔΧʔͷݕূ w(FP-PDBUJPO w/FUXPSL.POJUPSJOH w,FZCPBSE.PVTF w1FSGPSNBODF5FTU w$PEF$PWFSBHF w"DDFTTJCJMJUZ ͦͷ΄͔ͷಛ௃

Slide 24

Slide 24 text

https://chromedevtools.github.io/devtools-protocol/

Slide 25

Slide 25 text

w+FTU͔Β1VQQFUFFSΛΑΓ؆୯ʹ࢖͑ ΔΑ͏ʹ͢ΔϥΠϒϥϦ
 
 KFTUQVQQFUFFS https://github.com/smooth-code/jest-puppeteer

Slide 26

Slide 26 text

1VQQFUSZ https://puppetry.app/ 4FMFOJVN*%&ϥΠΫͳ+FTU1VQQFUFFSͷίʔυΛੜ੒͢Δ(6*πʔϧ

Slide 27

Slide 27 text

wެࣜ&YBNQMF͕ࢀߟʹͳΓ·͢
 IUUQTHJUIVCDPNQVQQFUFFSFYBNQMFT 6*ςετͰ࢖͍͍ͨ৔߹

Slide 28

Slide 28 text

w͜Ε·Ͱ$ISPNF͚͚ͩͩͬͨͲɺ 'JSFGPY΋࢖͑ΔΑ͏ʹͳΔΑʂ wݱࡏͷ"1*Λαϙʔτ 1VQQFUFFSpSFGPY https://github.com/puppeteer/puppeteer/tree/master/experimental/puppeteer- firefox

Slide 29

Slide 29 text

https://docs.microsoft.com/ja-jp/microsoft-edge/puppeteer

Slide 30

Slide 30 text

https://github.com/nesk/puphpeteer 1V1)1FUFFS w1)1͔Β1VQQFUFFSΛಈ͔͢ϥΠϒϥϦ

Slide 31

Slide 31 text

1MBZXSJHIU https://github.com/microsoft/playwright

Slide 32

Slide 32 text

https://github.com/microsoft/playwright

Slide 33

Slide 33 text

We recognize WebDriver as a universal standard for the web automation and testing. At the same time we were excited to see Puppeteer affect the WebDriver agenda, steer it towards the bi-directional communication channel, etc. We hope that Playwright can take it further and pioneer support for numerous PWA features across the browsers as they emerge:
 by Playwright

Slide 34

Slide 34 text

WJTJUNZCMPHHJUIVC https://github.com/sizuhiko http://blog.open.tokyo.jp