Skip to content

Commit 74a8bae

Browse files
committed
fix(tests): update props merging tests for style and class
1 parent f2152d2 commit 74a8bae

File tree

2 files changed

+22
-2
lines changed

2 files changed

+22
-2
lines changed

packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,16 @@ export function render(_ctx) {
7575
}"
7676
`;
7777
78+
exports[`compiler: element transform > component > props merging: class 1`] = `
79+
"import { resolveComponent as _resolveComponent, createComponentWithFallback as _createComponentWithFallback } from 'vue';
80+
81+
export function render(_ctx) {
82+
const _component_Foo = _resolveComponent("Foo")
83+
const n0 = _createComponentWithFallback(_component_Foo, { class: () => (["foo", { bar: _ctx.isBar }]) }, null, true)
84+
return n0
85+
}"
86+
`;
87+
7888
exports[`compiler: element transform > component > props merging: event handlers 1`] = `
7989
"import { resolveComponent as _resolveComponent, createComponentWithFallback as _createComponentWithFallback } from 'vue';
8090
@@ -97,6 +107,16 @@ export function render(_ctx) {
97107
}"
98108
`;
99109
110+
exports[`compiler: element transform > component > props merging: style 1`] = `
111+
"import { resolveComponent as _resolveComponent, createComponentWithFallback as _createComponentWithFallback } from 'vue';
112+
113+
export function render(_ctx) {
114+
const _component_Foo = _resolveComponent("Foo")
115+
const n0 = _createComponentWithFallback(_component_Foo, { style: () => (["color: green", { color: 'red' }]) }, null, true)
116+
return n0
117+
}"
118+
`;
119+
100120
exports[`compiler: element transform > component > resolve component from setup bindings (inline const) 1`] = `
101121
"
102122
const n0 = _createComponent(Example, null, null, true)

packages/compiler-vapor/__tests__/transforms/transformElement.spec.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -346,14 +346,14 @@ describe('compiler: element transform', () => {
346346
expect(code).contains('onClick: () => [_on_click, _on_click1]')
347347
})
348348

349-
test.todo('props merging: style', () => {
349+
test('props merging: style', () => {
350350
const { code } = compileWithElementTransform(
351351
`<Foo style="color: green" :style="{ color: 'red' }" />`,
352352
)
353353
expect(code).toMatchSnapshot()
354354
})
355355

356-
test.todo('props merging: class', () => {
356+
test('props merging: class', () => {
357357
const { code } = compileWithElementTransform(
358358
`<Foo class="foo" :class="{ bar: isBar }" />`,
359359
)

0 commit comments

Comments
 (0)