Colocated CSS Draft #4133
Draft
Colocated CSS Draft #4133
Annotations
5 errors, 1 warning, and 1 notice
|
Run e2e tests
Process completed with exit code 1.
|
|
Run e2e tests:
test/e2e/tests/issues/4121.spec.js#L19
2) [chromium] › tests/issues/4121.spec.js:5:1 › stream teleported outside of LiveView can be reset
Error: expect(received).toHaveLength(expected)
Expected length: 1
Received length: 2
Received array: [{"id": "items-1", "text": "Item 1"}, {"id": "items-2", "text": "Item 2"}]
17 | await page.locator("button").click();
18 |
> 19 | expect(await streamElements(page, "stream-in-lv")).toHaveLength(1);
| ^
20 | });
21 |
22 | const streamElements = async (page, parent) => {
at /__w/phoenix_live_view/phoenix_live_view/test/e2e/tests/issues/4121.spec.js:19:54
|
|
Run e2e tests:
test/e2e/tests/colocated.spec.js#L88
1) [firefox] › tests/colocated.spec.js:55:1 › scoped colocated css works ─────────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveCSS(expected) failed
Locator: locator('[data-test-scoped="green"]')
Expected: "rgb(0, 255, 0)"
Received: "rgb(255, 255, 0)"
Timeout: 5000ms
Call log:
- Expect "toHaveCSS" with timeout 5000ms
- waiting for locator('[data-test-scoped="green"]')
9 × locator resolved to <span class="test-scoped-css" data-test-scoped="green">Should have green background</span>
- unexpected value "rgb(255, 255, 0)"
86 | );
87 |
> 88 | await expect(page.locator('[data-test-scoped="green"]')).toHaveCSS(
| ^
89 | "background-color",
90 | "rgb(0, 255, 0)",
91 | );
at /__w/phoenix_live_view/phoenix_live_view/test/e2e/tests/colocated.spec.js:88:60
|
|
Run e2e tests:
test/e2e/tests/colocated.spec.js#L88
1) [firefox] › tests/colocated.spec.js:55:1 › scoped colocated css works ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveCSS(expected) failed
Locator: locator('[data-test-scoped="green"]')
Expected: "rgb(0, 255, 0)"
Received: "rgb(255, 255, 0)"
Timeout: 5000ms
Call log:
- Expect "toHaveCSS" with timeout 5000ms
- waiting for locator('[data-test-scoped="green"]')
9 × locator resolved to <span class="test-scoped-css" data-test-scoped="green">Should have green background</span>
- unexpected value "rgb(255, 255, 0)"
86 | );
87 |
> 88 | await expect(page.locator('[data-test-scoped="green"]')).toHaveCSS(
| ^
89 | "background-color",
90 | "rgb(0, 255, 0)",
91 | );
at /__w/phoenix_live_view/phoenix_live_view/test/e2e/tests/colocated.spec.js:88:60
|
|
Run e2e tests:
test/e2e/tests/colocated.spec.js#L88
1) [firefox] › tests/colocated.spec.js:55:1 › scoped colocated css works ─────────────────────────
Error: expect(locator).toHaveCSS(expected) failed
Locator: locator('[data-test-scoped="green"]')
Expected: "rgb(0, 255, 0)"
Received: "rgb(255, 255, 0)"
Timeout: 5000ms
Call log:
- Expect "toHaveCSS" with timeout 5000ms
- waiting for locator('[data-test-scoped="green"]')
9 × locator resolved to <span class="test-scoped-css" data-test-scoped="green">Should have green background</span>
- unexpected value "rgb(255, 255, 0)"
86 | );
87 |
> 88 | await expect(page.locator('[data-test-scoped="green"]')).toHaveCSS(
| ^
89 | "background-color",
90 | "rgb(0, 255, 0)",
91 | );
at /__w/phoenix_live_view/phoenix_live_view/test/e2e/tests/colocated.spec.js:88:60
|
|
.github/workflows/ci.yml#L75
.github/workflows/ci.yml (Line: 75, Col: 13): Conditional expression contains literal text outside replacement tokens. This will cause the expression to always evaluate to truthy. Did you mean to put the entire expression inside ${{ }}?
|
|
Run e2e tests
1 failed
[firefox] › tests/colocated.spec.js:55:1 › scoped colocated css works ──────────────────────────
1 flaky
[chromium] › tests/issues/4121.spec.js:5:1 › stream teleported outside of LiveView can be reset
3 skipped
520 passed (5.3m)
|
Loading