Slide 1
Slide 1 text
Production E2E test
with ProxyServer
Slide 2
Slide 2 text
せ: @brn (ꫬꅿ⨳ⵃa.k.a ـٕ٦ظ)
耵噟: ؿٗٝزؒٝسؒٝآص،٥iOSؒٝآص،
⠓爡: Cyberagent ،سذؙأةآؔRightSegment٥AI Messenger
ـؚٗ: http://abcdef.gets.b6n.ch/
Twitter: https://twitter.com/brn227
GitHub: https://github.com/brn
Slide 3
Slide 3 text
Why test against production?
猘ך⫴ְגְ،سذؙأةآؔדכBtoBָً؎ٝחזתׅկ
ًر؍،瘝ךBtoCךؿٗٝزؒٝس㹋鄲ׅ堣⠓כ婁ו֮תׇկ
ךծE2Eذأزחꟼ׃ג㼰ղ暴婊ז✲䞔ָ㢳ְדׅկ
Slide 4
Slide 4 text
Why test against production?
ז鏬ד➙㔐כ剑㹋鄲ֿׅהָ㢳ְծ
javascript SDKךE2Eذأزך׀稱➜׃ְה䙼ְתׅկ
Slide 5
Slide 5 text
Why is javascript SDK?
ךחjavascript SDKהכוזך䭷׃גְַ׀铡僇׃תׅկ
javascript SDKהכ⚺חծscriptה㼰׃ךةؚךإحزד䲿⣘ׁhtml
ػ٦خדׅկ
Ⱗ⡤⢽ד鎉ֲהGoogle Analyticsךأصلحز瘝ךֿהדׅկ
Slide 6
Slide 6 text
Special E2E test
ׁגծֿךjavascript SDKךE2Eذأزָ暴婊ַהְֲהծ
㛇劤涸חؙٓ؎،ٝزךWebل٦آח㙵鴥תֿה䲿ה׃גְ
ծ涯秵ך橆㞮דE2Eذأز׃הֿדծ㹋ꥷךذأزחזז
ְֿהָ㢳ְךדׅկ
ך…
Slide 7
Slide 7 text
Solution
ؙٓ؎،ٝزךWEBل٦آ♳ד
㹋ꥷחذأز׃תׅ
Slide 8
Slide 8 text
How?
ֿװזְה…
⟃厤طحزغؙٝךؚٗ؎ٝل٦آォֹ굲ל׃ֿהָ…
⾱㔓כؙٓ؎،ٝزךل٦آח֮document.writeָChromeחـٗح
ׁؙגְךדָׅծJSSDKך⚥דdocument.open׃גְծ㹋
遤ׁג׃תגل٦آָ涯秵חזג׃תגְַדׅկ
Slide 9
Slide 9 text
How?
ֲֿזזְחذأز׃
Slide 10
Slide 10 text
How?
׃ַ׃ؙٓ؎،ٝزךWEBل٦آחכ㹋ꥷח劤殢ךةָؚ㙵תגֶծ
ذأزׅחכֿךةؚرفٗ؎ךdev橆㞮ךךח縧ֹ䳔ִ䗳銲
ָ֮תׅկ
Slide 11
Slide 11 text
ProxyServer
ֿדـٓؐؠהWEBل٦آךחProxyServer䮠ծ
Man in the middle(⚥罏余䷼)הְֲ䩛岀欽ְג
WEBل٦آ何ׂ׃תׅw
Slide 12
Slide 12 text
ProxyServer
➙㔐כNodejsךדծ
node-mitm-proxyהְֲךך׆לזnpmٌآُ٦ٕ崞欽׃תׅկ
Slide 13
Slide 13 text
node-mitm-proxy
ֿךٌآُ٦ٕכוֲװծ
client => proxy
proxy => server
server => proxy
proxy => client
ךぐ穗騟ד剅ֹ䳔ִָ〳腉ז״ֲדׅկזךדծ➙㔐כծ
server => proxy
client => proxy
ך穗騟剅ֹ䳔ִגծ劤殢؟٦غפךؙٔؒأز涪؟٦غח崧׃ծ
؟٦غַךٖأهٝأ何甑׃גرغحؚ䞔㜠㙵鴥תׅկ
Slide 14
Slide 14 text
Nightwatch.js
E2Eذأز荈⡤כNightwatch.jsⵃ欽׃ג遤ְתׅկ
Nightwatch.jsהכSelenium⢪E2Eذأزח暴⻉׃ٓ؎ـٓٔדׅկ
湫חSeleniumח鍗״ַז嚂דֹתׅկ
ׁחぐـٓؐؠכselenium-dockerⵃ欽׃גⴓ侔橆㞮ד遤ְתׅկ
Slide 15
Slide 15 text
Images
Nightwatch selenium-hub
Browser
Browser
Browser
Proxy
Proxy
Proxy
jsךURL剅ֹ䳔ִהWEBل٦آך何甑
Development Contents Server
Production Contents Server
剅ֹ䳔ִURLד،ؙإأ
WEB
WEBل٦آ《䖤
Slide 16
Slide 16 text
E2E Test
ֿד劤殢橆㞮פך،ؙإأד֮זָծ
涪橆㞮ךjsؿ؋؎ٕדE2Eذأز㹋遤ֿׅהָדֹתׅկ
Slide 17
Slide 17 text
Problems
Nightwatch.jsדFirefoxחProxy鏣㹀ְְׅ倯岀ָזְծ
Firefoxדذأزָדֹגְתׇկ
湫䱸Selenium⢪ִל〳腉זךדָׅ…
֮הٌغ؎ٕ…
Slide 18
Slide 18 text
Summary
穠㽷荈⹛ذأزֽדؕغ٦דֹ眔㔲חכꣲ歲ָ֮תׅկ
זךדծ➂⸂ד嫣鹈ذأزث٦يָذأز׃גְתׅկ
暴חٌغ؎ٕ橆㞮ך劤殢E2Eذأزָ穠圓⿑׃ְךדծז
הַז傈㣄鋅גְתׅ…
Slide 19
Slide 19 text
Summary
׀幠耮ָ֮הֲ׀ְׂת׃կ