drive_stylesheet_merging_tests.js

import { test } from "@playwright/test"
import { assert } from "chai"
import { cssClassIsDefined, hasSelector, nextBody } from "../helpers/page"

test.beforeEach(async ({ page }) => {
  await page.goto("/src/tests/fixtures/stylesheets/left.html")
})

test("navigating removes unused style elements", async ({ page }) => {
  await page.locator("#go-right").click()
  await nextBody(page)

  assert.ok(await hasSelector(page, 'link[rel=stylesheet][href="/src/tests/fixtures/stylesheets/common.css"]'))
  assert.ok(await hasSelector(page, 'link[rel=stylesheet][href="/src/tests/fixtures/stylesheets/right.css"]'))
  assert.notOk(await hasSelector(page, 'link[rel=stylesheet][href="/src/tests/fixtures/stylesheets/left.css"]'))

  assert.ok(await cssClassIsDefined(page, "right"))
  assert.notOk(await cssClassIsDefined(page, "left"))
})