Moderni E2E-testaus Playwrightilla
Testaa Electron-sovelluksesi päästä päähän Playwrightilla, joka on Spectronin moderni seuraaja. Automatisoi oikeat ikkunat ja varmista käyttöliittymän toiminta.
Moderni E2E-testaus Playwrightilla on ilmainen Electron-työpöytäsovellusten kehitys-oppitunti CoddyKitissä. Tämä on oppitunti 4/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Electron-työpöytäsovellusten kehitys-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Electron-työpöytäsovellusten kehitys-kurssilla on yhteensä 4 oppituntia.
Miksi Playwright Electronia varten
Spectron on vanhentunut. Playwright tukee Electronia ensiluokkaisesti ja ohjaa oikeaa sovellustanne käyttäjän tavoin.
Playwrightin asentaminen
Lisätkää Playwright kehitysriippuvuudeksi. Sen test runner ja Electron launcher toimitetaan mukana.
npm install --save-dev @playwright/testSovelluksen käynnistäminen
Käynnistäkää paketoitu tai lähdekoodista ajettava sovelluksenne testiohjaukseen komennolla _electron.launch.
const { _electron: electron } = require('playwright');
const app = await electron.launch({ args: ['.'] });Ensimmäisen ikkunan hakeminen
firstWindow() palauttaa renderer-sivun, jotta voitte käsitellä DOMia.
const window = await app.firstWindow();
await window.waitForLoadState('domcontentloaded');Elementtien paikantaminen
Käyttäkää rooleihin ja nimiöihin perustuvia, vikasietoisia paikantimia hauraiden CSS-valitsimien sijaan.
function selectorFor(role, name) {
return 'role=' + role + '[name="' + name + '"]';
}
console.log(selectorFor('button', 'Save'));Käyttöliittymän käsitteleminen
Napsauttakaa, kirjoittakaa ja tehkää väitteitä aivan kuten käyttäjä.
await window.fill('#title', 'My Note');
await window.click('text=Save');Väitteet
Käyttäkää expect-komentoa automaattisesti odottavien matchereiden kanssa, jotta ajoitukseen liittyvät epävakausongelmat poistuvat.
await expect(window.locator('.toast')).toHaveText('Saved');Arviointi pääprosessissa
Playwright voi suorittaa koodia pääprosessissa komennon app.evaluate avulla, joten voitte tehdä väitteitä sovelluksen tilasta.
const isPackaged = await app.evaluate(({ app }) => app.isPackaged);Kuvakaappausten ottaminen
Ottakaa virhetilanteissa kuvakaappauksia visuaalista vianmääritystä varten. Määritysten mukaisesti Playwright tekee tämän automaattisesti.
await window.screenshot({ path: 'failure.png' });Siisti sulkeminen
Sulkekaa sovellus aina jokaisen testin jälkeen, jotta prosesseja ei jää vuotamaan.
await app.close();Suorittaminen CI:ssä
Suorittakaa E2E-testit headless-tilassa CI:ssä jokaisen pushin yhteydessä. Käyttäkää Linux-ajureissa tarvittaessa virtuaalista näyttöä.
Pikatarkistus
Testatkaa Playwright-tietonne.
Kertaus
Opitte modernia E2E-testausta Playwrightilla: sovelluksen käynnistämistä, ikkunoiden hakemista, vikasietoisten paikantimien käyttöä, väitteiden tekemistä automaattisesti odottavilla matchereilla, pääprosessin tilan arviointia ja suorittamista CI:ssä.
Opi JavaScript tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 12
- Oppitunnit
- 47
Usein kysytyt kysymykset
Onko oppitunti ”Moderni E2E-testaus Playwrightilla” ilmainen?
Kyllä – oppitunnin ”Moderni E2E-testaus Playwrightilla” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Electron-työpöytäsovellusten kehitys-kurssin, päivitä CoddyKit PROhon. Electron-työpöytäsovellusten kehitys-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Moderni E2E-testaus Playwrightilla”?
Testaa Electron-sovelluksesi päästä päähän Playwrightilla, joka on Spectronin moderni seuraaja. Automatisoi oikeat ikkunat ja varmista käyttöliittymän toiminta. Harjoittelet Electron-työpöytäsovellusten kehitys-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni Electron-työpöytäsovellusten kehitys-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin Electron-työpöytäsovellusten kehitys-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 4/4.
Kuinka kauan ”Moderni E2E-testaus Playwrightilla”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä Electron-työpöytäsovellusten kehitys-oppitunnilla?
Kyllä. Jokainen Electron-työpöytäsovellusten kehitys-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Main- ja renderer-prosessien virheenkorjaus
- Yksikkötestaus Spectronilla
- Kokonaisvaltaisen testauksen työnkulut
- Moderni E2E-testaus Playwrightilla