respect-user-color-scheme enables checking of prefers-color-scheme media query
#4782
Annotations
9 errors, 2 warnings, and 1 notice
|
tests/integration/playwright/tests/html-dark-mode.spec.ts#L5
2) [chromium] › html-dark-mode.spec.ts:36:5 › Project specifies dark and light brands ────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)
Locator: locator('body').first()
Expected string: "fullcontent quarto-dark"
Received string: "fullcontent quarto-light"
Call log:
- expect.toHaveClass with timeout 5000ms
- waiting for locator('body').first()
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
3 | async function check_red_blue(page) {
4 | const locatr = await page.locator('body').first();
> 5 | await expect(locatr).toHaveClass('fullcontent quarto-dark');
| ^
6 | await expect(locatr).toHaveCSS('background-color', 'rgb(66, 7, 11)');
7 | await page.locator("a.quarto-color-scheme-toggle").click();
8 | const locatr2 = await page.locator('body').first();
at check_red_blue (/home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:5:24)
at /home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:38:3
|
|
tests/integration/playwright/tests/html-dark-mode.spec.ts#L5
3) [firefox] › html-dark-mode.spec.ts:22:5 › Dark and light brand after user themes ──────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)
Locator: locator('body').first()
Expected string: "fullcontent quarto-dark"
Received string: "fullcontent quarto-light"
Call log:
- expect.toHaveClass with timeout 5000ms
- waiting for locator('body').first()
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
3 | async function check_red_blue(page) {
4 | const locatr = await page.locator('body').first();
> 5 | await expect(locatr).toHaveClass('fullcontent quarto-dark');
| ^
6 | await expect(locatr).toHaveCSS('background-color', 'rgb(66, 7, 11)');
7 | await page.locator("a.quarto-color-scheme-toggle").click();
8 | const locatr2 = await page.locator('body').first();
at check_red_blue (/home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:5:24)
at /home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:25:3
|
|
tests/integration/playwright/tests/html-dark-mode.spec.ts#L5
3) [firefox] › html-dark-mode.spec.ts:22:5 › Dark and light brand after user themes ──────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)
Locator: locator('body').first()
Expected string: "fullcontent quarto-dark"
Received string: "fullcontent quarto-light"
Call log:
- expect.toHaveClass with timeout 5000ms
- waiting for locator('body').first()
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
3 | async function check_red_blue(page) {
4 | const locatr = await page.locator('body').first();
> 5 | await expect(locatr).toHaveClass('fullcontent quarto-dark');
| ^
6 | await expect(locatr).toHaveCSS('background-color', 'rgb(66, 7, 11)');
7 | await page.locator("a.quarto-color-scheme-toggle").click();
8 | const locatr2 = await page.locator('body').first();
at check_red_blue (/home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:5:24)
at /home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:25:3
|
|
tests/integration/playwright/tests/html-dark-mode.spec.ts#L5
5) [webkit] › html-dark-mode.spec.ts:22:5 › Dark and light brand after user themes ───────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)
Locator: locator('body').first()
Expected string: "fullcontent quarto-dark"
Received string: "fullcontent quarto-light"
Call log:
- expect.toHaveClass with timeout 5000ms
- waiting for locator('body').first()
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
3 | async function check_red_blue(page) {
4 | const locatr = await page.locator('body').first();
> 5 | await expect(locatr).toHaveClass('fullcontent quarto-dark');
| ^
6 | await expect(locatr).toHaveCSS('background-color', 'rgb(66, 7, 11)');
7 | await page.locator("a.quarto-color-scheme-toggle").click();
8 | const locatr2 = await page.locator('body').first();
at check_red_blue (/home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:5:24)
at /home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:25:3
|
|
tests/integration/playwright/tests/html-dark-mode.spec.ts#L5
5) [webkit] › html-dark-mode.spec.ts:22:5 › Dark and light brand after user themes ───────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)
Locator: locator('body').first()
Expected string: "fullcontent quarto-dark"
Received string: "fullcontent quarto-light"
Call log:
- expect.toHaveClass with timeout 5000ms
- waiting for locator('body').first()
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
3 | async function check_red_blue(page) {
4 | const locatr = await page.locator('body').first();
> 5 | await expect(locatr).toHaveClass('fullcontent quarto-dark');
| ^
6 | await expect(locatr).toHaveCSS('background-color', 'rgb(66, 7, 11)');
7 | await page.locator("a.quarto-color-scheme-toggle").click();
8 | const locatr2 = await page.locator('body').first();
at check_red_blue (/home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:5:24)
at /home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:25:3
|
|
tests/integration/playwright/tests/html-dark-mode.spec.ts#L5
6) [webkit] › html-dark-mode.spec.ts:36:5 › Project specifies dark and light brands ──────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)
Locator: locator('body').first()
Expected string: "fullcontent quarto-dark"
Received string: "fullcontent quarto-light"
Call log:
- expect.toHaveClass with timeout 5000ms
- waiting for locator('body').first()
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
3 | async function check_red_blue(page) {
4 | const locatr = await page.locator('body').first();
> 5 | await expect(locatr).toHaveClass('fullcontent quarto-dark');
| ^
6 | await expect(locatr).toHaveCSS('background-color', 'rgb(66, 7, 11)');
7 | await page.locator("a.quarto-color-scheme-toggle").click();
8 | const locatr2 = await page.locator('body').first();
at check_red_blue (/home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:5:24)
at /home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:38:3
|
|
tests/integration/playwright/tests/html-dark-mode.spec.ts#L5
6) [webkit] › html-dark-mode.spec.ts:36:5 › Project specifies dark and light brands ──────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)
Locator: locator('body').first()
Expected string: "fullcontent quarto-dark"
Received string: "fullcontent quarto-light"
Call log:
- expect.toHaveClass with timeout 5000ms
- waiting for locator('body').first()
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
- locator resolved to <body class="fullcontent quarto-light">…</body>
- unexpected value "fullcontent quarto-light"
3 | async function check_red_blue(page) {
4 | const locatr = await page.locator('body').first();
> 5 | await expect(locatr).toHaveClass('fullcontent quarto-dark');
| ^
6 | await expect(locatr).toHaveCSS('background-color', 'rgb(66, 7, 11)');
7 | await page.locator("a.quarto-color-scheme-toggle").click();
8 | const locatr2 = await page.locator('body').first();
at check_red_blue (/home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:5:24)
at /home/runner/work/quarto-cli/quarto-cli/tests/integration/playwright/tests/html-dark-mode.spec.ts:38:3
|
|
playwright-tests.test.ts#L1
Some tests failed. Download report uploaded as artifact at https://github.com/quarto-dev/quarto-cli/actions/runs/14203330182
|
|
|
|
tests/integration/playwright/[webkit] › blog-simple-blog.spec.ts#L1
tests/integration/playwright/[webkit] › blog-simple-blog.spec.ts took 15.6s
|
|
|
|
6 failed
[chromium] › html-dark-mode.spec.ts:22:5 › Dark and light brand after user themes ──────────────
[chromium] › html-dark-mode.spec.ts:36:5 › Project specifies dark and light brands ─────────────
[firefox] › html-dark-mode.spec.ts:22:5 › Dark and light brand after user themes ───────────────
[firefox] › html-dark-mode.spec.ts:36:5 › Project specifies dark and light brands ──────────────
[webkit] › html-dark-mode.spec.ts:22:5 › Dark and light brand after user themes ────────────────
[webkit] › html-dark-mode.spec.ts:36:5 › Project specifies dark and light brands ───────────────
123 passed (3.8m)
|
The logs for this run have expired and are no longer available.
Loading