test: enhance hydration tests for CSS variable handling and mismatch … #19791
edison1105ci.yml
on: push
test
/
unit-test
1m 35s
test
/
unit-test-windows
1m 37s
test
/
e2e-test
1m 47s
test
/
e2e-vapor
1m 19s
test
/
lint-and-test-dts
1m 10s
continuous-release
1m 12s
Annotations
10 errors and 1 notice
|
packages/runtime-vapor/__tests__/hydration.spec.ts > data-allow-mismatch > style mismatch:
scripts/setup-vitest.ts#L101
Error: test case threw unexpected warnings:
- [Vue warn]: Unhandled error during execution of setup function
❯ scripts/setup-vitest.ts:101:11
|
|
packages/runtime-vapor/__tests__/hydration.spec.ts > data-allow-mismatch > style mismatch:
packages/runtime-vapor/src/dom/prop.ts#L642
Error: resolveCssVars should NOT be called before component is mounted
❯ resolveCssVars packages/runtime-vapor/src/dom/prop.ts:642:11
❯ styleHasMismatch packages/runtime-vapor/src/dom/prop.ts:609:5
❯ setStyleIncremental packages/runtime-vapor/src/dom/prop.ts:292:17
❯ setStyle packages/runtime-vapor/src/dom/prop.ts:248:5
❯ RenderEffect.eval [as render] packages/runtime-vapor/__tests__/_utils.ts:182:10
❯ RenderEffect.fn packages/runtime-vapor/src/renderEffect.ts:74:12
❯ RenderEffect.run packages/reactivity/src/effect.ts:121:19
❯ renderEffect packages/runtime-vapor/src/renderEffect.ts:95:10
❯ setup packages/runtime-vapor/__tests__/_utils.ts:182:10
❯ callWithErrorHandling packages/runtime-core/src/errorHandling.ts:76:19
|
|
packages/runtime-vapor/__tests__/hydration.spec.ts > data-allow-mismatch > complete mismatch:
packages/runtime-vapor/__tests__/hydration.spec.ts#L4577
AssertionError: expected '<div data-allow-mismatch="children"><…' to be '<div data-allow-mismatch="children"><…' // Object.is equality
Expected: "<div data-allow-mismatch="children"><span>foo</span><!--dynamic-component--></div>"
Received: "<div data-allow-mismatch="children"><span>foo</span></div>"
❯ packages/runtime-vapor/__tests__/hydration.spec.ts:4577:33
|
|
packages/runtime-vapor/__tests__/hydration.spec.ts > mismatch handling > should not warn css v-bind:
packages/runtime-vapor/src/dom/prop.ts#L642
Error: resolveCssVars should NOT be called before component is mounted
❯ resolveCssVars packages/runtime-vapor/src/dom/prop.ts:642:11
❯ resolveCssVars packages/runtime-vapor/src/dom/prop.ts:663:5
❯ styleHasMismatch packages/runtime-vapor/src/dom/prop.ts:609:5
❯ packages/runtime-vapor/src/dom/prop.ts:285:14
❯ flushPostFlushCbs packages/runtime-core/src/scheduler.ts:231:11
❯ flushOnAppMount packages/runtime-core/src/scheduler.ts:251:5
❯ packages/runtime-vapor/src/apiCreateApp.ts:73:5
❯ performHydration packages/runtime-vapor/src/dom/hydration.ts:68:15
❯ withHydration packages/runtime-vapor/src/dom/hydration.ts:79:10
❯ hydrateApp packages/runtime-vapor/src/apiCreateApp.ts:61:3
|
|
packages/runtime-vapor/__tests__/hydration.spec.ts > mismatch handling > style mismatch w/ v-show:
scripts/setup-vitest.ts#L101
Error: test case threw unexpected warnings:
- [Vue warn]: Unhandled error during execution of setup function
❯ scripts/setup-vitest.ts:101:11
|
|
packages/runtime-vapor/__tests__/hydration.spec.ts > mismatch handling > style mismatch w/ v-show:
packages/runtime-vapor/src/dom/prop.ts#L642
Error: resolveCssVars should NOT be called before component is mounted
❯ resolveCssVars packages/runtime-vapor/src/dom/prop.ts:642:11
❯ styleHasMismatch packages/runtime-vapor/src/dom/prop.ts:609:5
❯ setStyle packages/runtime-vapor/src/dom/prop.ts:265:19
❯ RenderEffect.eval [as render] packages/runtime-vapor/__tests__/_utils.ts:182:10
❯ RenderEffect.fn packages/runtime-vapor/src/renderEffect.ts:74:12
❯ RenderEffect.run packages/reactivity/src/effect.ts:121:19
❯ renderEffect packages/runtime-vapor/src/renderEffect.ts:95:10
❯ setup packages/runtime-vapor/__tests__/_utils.ts:182:10
❯ callWithErrorHandling packages/runtime-core/src/errorHandling.ts:76:19
❯ setupComponent packages/runtime-vapor/src/component.ts:350:7
|
|
packages/runtime-vapor/__tests__/hydration.spec.ts > mismatch handling > style mismatch when no style attribute is present:
scripts/setup-vitest.ts#L101
Error: test case threw unexpected warnings:
- [Vue warn]: Unhandled error during execution of setup function
❯ scripts/setup-vitest.ts:101:11
|
|
packages/runtime-vapor/__tests__/hydration.spec.ts > mismatch handling > style mismatch when no style attribute is present:
packages/runtime-vapor/src/dom/prop.ts#L642
Error: resolveCssVars should NOT be called before component is mounted
❯ resolveCssVars packages/runtime-vapor/src/dom/prop.ts:642:11
❯ styleHasMismatch packages/runtime-vapor/src/dom/prop.ts:609:5
❯ setStyleIncremental packages/runtime-vapor/src/dom/prop.ts:292:17
❯ setStyle packages/runtime-vapor/src/dom/prop.ts:248:5
❯ RenderEffect.eval [as render] packages/runtime-vapor/__tests__/_utils.ts:182:10
❯ RenderEffect.fn packages/runtime-vapor/src/renderEffect.ts:74:12
❯ RenderEffect.run packages/reactivity/src/effect.ts:121:19
❯ renderEffect packages/runtime-vapor/src/renderEffect.ts:95:10
❯ setup packages/runtime-vapor/__tests__/_utils.ts:182:10
❯ callWithErrorHandling packages/runtime-core/src/errorHandling.ts:76:19
|
|
packages/runtime-vapor/__tests__/hydration.spec.ts > mismatch handling > style mismatch:
scripts/setup-vitest.ts#L101
Error: test case threw unexpected warnings:
- [Vue warn]: Unhandled error during execution of setup function
❯ scripts/setup-vitest.ts:101:11
|
|
packages/runtime-vapor/__tests__/hydration.spec.ts > mismatch handling > style mismatch:
packages/runtime-vapor/src/dom/prop.ts#L642
Error: resolveCssVars should NOT be called before component is mounted
❯ resolveCssVars packages/runtime-vapor/src/dom/prop.ts:642:11
❯ styleHasMismatch packages/runtime-vapor/src/dom/prop.ts:609:5
❯ setStyleIncremental packages/runtime-vapor/src/dom/prop.ts:292:17
❯ setStyle packages/runtime-vapor/src/dom/prop.ts:248:5
❯ RenderEffect.eval [as render] packages/runtime-vapor/__tests__/_utils.ts:182:10
❯ RenderEffect.fn packages/runtime-vapor/src/renderEffect.ts:74:12
❯ RenderEffect.run packages/reactivity/src/effect.ts:121:19
❯ renderEffect packages/runtime-vapor/src/renderEffect.ts:95:10
❯ setup packages/runtime-vapor/__tests__/_utils.ts:182:10
❯ callWithErrorHandling packages/runtime-core/src/errorHandling.ts:76:19
|
|
continuous-release
{
"workflowData": {
"owner": "vuejs",
"repo": "core",
"sha": "2475ea0cb771a631f0e53807ce10eabc9d0ec3a3",
"ref": "12621"
},
"key": "LqtuW8nyG2",
"runId": 19325148674,
"webhookDebug": {
"action": "requested",
"head_branch": "edison/refactor/vaporUseCssVars",
"head_repository_full_name": "vuejs/core",
"full_name": "vuejs/core",
"isPullRequest": true,
"prNumber": 12621,
"prNumberType": "number",
"isNewPullRequest": true,
"isOldPullRequest": false,
"prKey": "vuejs/core:edison/refactor/vaporUseCssVars",
"oldPrDataHash": "dIcTOIfMNN",
"lookupKey": "vuejs/core:edison/refactor/vaporUseCssVars",
"data": {
"owner": "vuejs",
"repo": "core",
"sha": "2475ea0cb771a631f0e53807ce10eabc9d0ec3a3",
"ref": "12621"
}
}
}
|