ココがすごいぜ！Playwright Component Test

Transcript

1. ίί͕εΰ͍ͥʂ Playwright Component Test
2. গࣗ͠ݾ঺հ • ໊લɿ দӜ ߉ੜ • ੜ೥݄೔ɿ1999 / 12 / 22 (24) • ग़਎ɿಸྑݝ • ॴଐɿגࣜձࣾϥΫεɹϑϩϯτΤϯυ։ൃ՝ • ࢖͍ͬͯΔٕज़ɿ React , TypeScript
3. Playwright is Կ • Microsoft͕࡞ͬͨNode.jsϕʔεͷE2EςετࣗಈԽϑϨʔϜϫʔΫ • ςετ͸ϖʔδ(ը໘)୯ҐͰߦ͏ • CypressͳͲ͕ର߅അ
4. ϩάΠϯͷE2Eςετͷྫ ϩάΠϯը໘ τοϓը໘
5. Playwright ͷऑ఺ʁ
6. Playwright Component Test is Կ • PlaywrightͰίϯϙʔωϯτςετ·ͰͰ͖Δػೳ • ςετΛϖʔδ୯Ґ͔Βίϯϙʔωϯτ୯Ґʹʂ • ݱࡏ͸Experimental (࣮ݧతػೳ)
7. Ͱ΋ɺίϯϙʔωϯτ(୯ମ)ςετͬͯ Playwright͡Όͳͯ͘΋Ͱ͖ΔΑͶʁ Jest × Testing Library ͱ͔
8. ͪΐͬͱ଴ͬͯʂ Playwright Component Testͷίί͕εΰ͍ͶΜʂ
9. Playwright Component Test ͷεΰ͍఺ ɾίϯϙʔωϯτ͕࣮ϒϥ΢βͰϨϯμϦϯά͞ΕΔ ɾը໘ͷαΠζΛࢦఆͰ͖Δ ɾλΠϜκʔϯ΍ݴޠΛࢦఆͰ͖Δ
10. ίϯϙʔωϯτ͕࣮ϒϥ΢βͰϨϯμϦϯά͞ΕΔ JSDom
11. Playwright Component Test ͷεΰ͍఺ ɾίϯϙʔωϯτ͕࣮ϒϥ΢βͰϨϯμϦϯά͞ΕΔ ɾը໘ͷαΠζΛࢦఆͰ͖Δ ɾλΠϜκʔϯ΍ݴޠΛࢦఆͰ͖Δ
12. ը໘αΠζΛࢦఆͰ͖Δ ϨεϙϯγϒͳαΠυόʔ WindowͷWidth΍HeightɺresizeΠϕϯτͳ ͲΛࣗ࡞͢Δඞཁ͋Γ (※ ͔ͳΓࠔ೉)
13. Playwright Component Test ͷεΰ͍఺ ɾίϯϙʔωϯτ͕࣮ϒϥ΢βͰϨϯμϦϯά͞ΕΔ ɾը໘ͷαΠζΛࢦఆͰ͖Δ ɾλΠϜκʔϯ΍ݴޠΛࢦఆͰ͖Δ
14. λΠϜκʔϯ΍ݴޠΛࢦఆͰ͖Δ ೔ຊޠ ver ӳޠ ver ςετ͕ࠔ೉ खಈ΍VRTͰ֬ೝ͢Δͷ͕ແ೉
15. ·ͱΊ • खಈͰ֬ೝ͍ͯͨ͠Α͏ͳίϯϙʔωϯτςετʹ࢖͑Δʂ • JestͳͲͱ࢖͍෼͚Δ͜ͱ͕େࣄʂ • Playwright Component Test ͷՄೳੑ͸ແݶେʂ