playwright.cucumber.typescript.template/templates/src/steps/generalSteps/general.steps.ts

Projeto do playwright com cucumber, teste de regressao visual, teste de acessibilidade e lighthouse integrado

import {
    global,
    ICustomWorld,
    compareToBaseImage,
    axeCore,
    playLighthouse,
} from "playwright.typescript.cucumber"
import { Given, Then, World } from "@cucumber/cucumber"
import { join } from "path"
import { Commons } from "../../support/Commons"

const commons = new Commons()

Given(/Estar na pagina Google/, async () => {
    await commons.GoHome()
})

Then("Snapshot {string}", async function (this: World, name: string) {
    await global.page.screenshot({ path: join("test-results", `${name}.png`) })
})
Then("Snapshot", async function () {
    const image = await global.page.screenshot()
    image && (await global.B.attach(image, "image/png"))
})
Then("debug", async function () {
    debugger
})

Then(
    "Comparar a imagem base com atual {string}",
    async function (this: ICustomWorld, name: string) {
        await global.page.waitForTimeout(1000)
        const screenshot = await global.page.screenshot()
        await compareToBaseImage(this, name, screenshot as Buffer)
    }
)

Then("Execute analise lighthouse {string}", async function (name: string) {
    await playLighthouse(name)
})

Then(
    "Execute analise de acessibilidade {string}",
    async function (url: string) {
        await axeCore(global.page, url)
    }
)