Electron + WebDriver = Spectron

Introduction to Spectron; a E2E testing framework for Electron apps

1. &MFDUSPO
   
   8FC%SJWFS
   
   4QFDUSPO .PEFSO
   8FC
   "QQ
   -5 @Linda_pp @rhysd
2. &MFDUSPO
    w σεΫτοϓΞϓϦϑϨʔϜϫʔΫ
   GSPN
   (JU)VC
   w $ISPNJVN
   ϕʔε
   
   /PEFKT
3. &MFDUSPO
   ΞϓϦ
   ։ൃ༻ΞϓϦ 4QFDUSPO
   &OE
   UP
   &OE
   ςετ ༻ͷςεςΟϯάɹ ϑϨʔϜϫʔΫ
   $ISPNFESJWFS
   
   XFCESJWFSJP %FWUSPO
   *1$
   ΍ΠϕϯτΛ؂ ࢹͰ͖Δ
   %FW5PPMT
   ֦ு "1*
   %FNP
   "QQ
   &MFDUSPO
   ͷ֤छ
   "1*
   ΛࢼͤΔσϞΞϓϦ
4. &MFDUSPO
   ΞϓϦ
   ։ൃ༻ΞϓϦ 4QFDUSPO
   &OE
   UP
   &OE
   ςετ ༻ͷςεςΟϯάɹ ϑϨʔϜϫʔΫ
   $ISPNFESJWFS
   
   XFCESJWFSJP %FWUSPO
   *1$
   
   ΍ΠϕϯτΛ ؂ࢹͰ͖Δ
   
   %FW5PPMT
   ֦ு "1*
   %FNP
   "QQ
   &MFDUSPO
   ͷ֤छ
   "1*
   ΛࢼͤΔσϞΞϓϦ
5. &MFDUSPO
   ΞϓϦͷςετ w ୯ମςετʢ&MFDUSPO
   "1*
   ΁ͷґଘແ͠ʣ
   w ϩʔΧϧͷ
   /PEFKT
   Ͱςετʢ৔߹ʹΑͬͯ
   
   KTEPNʣ
   w ୯ମςετʢ&MFDUSPO
   "1*
   ΁ͷґଘ༗Γʣ
   w FMFDUSPONPDIB
   Λ࢖ͬͯ
   &MFDUSPO
   ͷϓϩηε্ͰςετΛ૸ΒͤΔ
   w IUUQTHJUIVCDPNKQSJDIBSETPOFMFDUSPONPDIB
   w &OE
   UP
   &OE
   ςετ
   w 4QFDUSPO
   Λ࢖࣮ͬͯࡍͷΞϓϦΛಈ͔͢
   w IUUQTHJUIVCDPNFMFDUSPOTQFDUSPO
6. σϞʂ w IUUQTHJUIVCDPNSIZTE:PVS'VLVSPV
   w πΠολʔΫϥΠΞϯτ
   w 5ZQF4DSJQU
   
   BWBKT
   
   BTZODBXBJU
7. 4QFDUSPO w 4QFDUSPO
   
   DISPNFESJWFS
   
   XFCESJWFSJP
   w DISPNFESJWFS
   ͷηοτΞοϓ΍ΞϓϦଆͷ
   &MFDUSPO
   "1*
   Λୟͨ͘Ίͷϔϧύʔ
   w ΞϓϦͷ
   QBUI
   Λࢦఆ͢Δ͚ͩͰ͙͢ςετ͕࢝Ί ΒΕΔ
   w 5SBWJT
   $*
   
   "QQ7FZPS
   SFBEZ
8. XFCESJWFSJP w 4FMFOJVN
   8FC%SJWFS
   ͷ
   +BWB4DSJQU
   όΠϯσΟϯ άɽ8FC%SJWFS
   "1*
   ܦ༝Ͱϒϥ΢βΛૢ࡞͢Δϥ ΠϒϥϦ
   w ඪ४ͷ
   +4
   όΠϯσΟϯάʹൺ΂ͯ؆ܿʹॻ͚Δ
9. &MFDUSPO
   $ISPNJVN 4QFDUSPO XFCESJWFSJP :PVS
   5FTU
   $PEF :PVS
   "QQ w DBQBCJMJUZ
   ࣗಈࢦఆ
   w ESJWFS
   ΦϒδΣΫ τ֦ு w 8FC%SJWFS
   "1*
   WJB
   DISPNFESJWFS w NPDIB
   ΍
   BWB
   ͳͲ Ͱςετ w &MFDUSPO
   "1*
   ͷϦ Ϟʔτ࣮ߦ
10. import test from 'ava'; import {Application} from 'spectron'; test.beforeEach(async t => { t.context.app = new Application({ path: '/Applications/MyApp.app/Contents/MacOS/MyApp' }); await t.context.app.start(); }); test.afterEach.always(async t => { await t.context.app.stop(); }); test(async t => { const app = t.context.app; const client = app.client; await client.waitUntilWindowLoaded(); // Electron API (BrowserWindow) const win = app.browserWindow; t.true(await win.isVisible()); // Operate app via WebDriver await client.element('#name-input').keys('my name'); await client.click('#submit-btn'); t.true(await client.waitForExist('#login-success')); });
11. FMFDUSPOQSFCVJMU
    ύοέʔδΛ࢖͍͍ͨ࣌ import {Application} from 'spectron'; import * as electron from 'electron-prebuilt'; test.beforeEach(async t => { t.context.app = new Application({ path: electron, args: ['/path/to/your/repository'], env: process.env, }); });
12. HPUP
    '"*- w ςετ͕
    GBJM
    ͨ͠ͱ͖
    w NBJO
    ϓϩηε΍
    SFOEFSFS
    ϓϩηεͷϩάΛऩूͯ͠อ ଘ
    w DMJFOUHFU.BJO1SPDFTT-PHT
    w DMJFOUHFU3FOEFS1SPDFTT-PHT
    w DMJFOUDBQUVSF1BHF
    ͰεΫϦʔϯγϣοτอଘ
    w DMJFOUTBWF1BHF
    Ͱϖʔδͷ
    )5.-
    ςΩετΛอଘ
13. ࠓ೔࿩ͯ͠ͳ͍͜ͱ w ςετέʔεઃܭ
    w 1BHF
    0CKFDU
    ύλʔϯʹΑΔ
    6*
    ૢ࡞ͷϥΠϒϥϦ Խ
    w ςετεΫϦϓτͷϝϯςφϯε
    w ࢓༷มߋʹڧ͍
    &&
    ςετεΫϦϓτઃܭ
14. ·ͱΊ w &MFDUSPO
    ΞϓϦͷ
    &OE
    UP
    &OE
    ςετ͸
    4QFDUSPO
    Ͱ؆୯ʹͰ͖Δ @Linda_pp @rhysd