Demo av Playwright med Cucumber

Instalasjon:

Det forutsettes at man har Node installert allerede

Klon repoet og kjør npm install
For å kjøre testene med Playwright, skriv npx playwright test
For å kjøre testene med Cucumber, skriv npm test

VSCode Plugins:

Det anbefales at man installerer disse to plugins'ene for å gjøre det enklere å jobbe me Playwright og Cucumber

1. Name: Cucumber
   Id: CucumberOpen.cucumber-official
   Description: Cucumber for Visual Studio Code
   Version: 1.10.0
   Publisher: Cucumber
   VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=CucumberOpen.cucumber-official

2. Name: Playwright Test for VSCode
   Id: ms-playwright.playwright
   Description: Run Playwright Test tests in Visual Studio Code.
   Version: 1.1.4
   Publisher: Microsoft
   VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=ms-playwright.playwright

Det beste fra to verdener:

Det beste med Cucumber er at det er lett å forstå for alle, selv om man ikke er god på å lese kode. Med Cucumber skrives tester med vanlig språk med såkalt Gherkin-syntax. Vi kan koble sammen disse vanlige setningene til kode, som så utfører det som beskrives.

Det beste med Playwright er at det enkelt kan brukes for å utføre handlingene i testene. Playwright interagerer med nettlesere og kan utføre handlinger som en bruker, med innebygget venting på at elementer lastes inn.

Gherkin syntax:

Given I am on the home page
When I click on the button
Then something should happen

Testrapport

Testrapportene, en fra Playwright og en fra Cucumber vil legge seg i en mappe som kalles "playwright-report"

Github Actions

Det er satt opp slik at alle tester, både Playwright og Cucumber, kjøres i Github Actions ved PR og/eller Push til main branch'en

Etter at testene er kjørt, vil testresultatene publiseres. Testrapporten fra Playwright finner du på url'en /Playwright-Cucumber-Demo/ og rapporten fra Cucumber finner du på /Playwright-Cucumber-Demo/cucumber-report.html