fix(tests): update props merging tests for style and class

diff --git a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap
index 65b1d3bf011fdd1557038a27369f0822a6771a24..53d9c556133eaa5fb1746f1b1a70e9f9ef87c282 100644 (file)
--- a/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap
+++ b/packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap
@@ -75,6 +75,16 @@ export function render(_ctx) {
 }"
 `;
 
+exports[`compiler: element transform > component > props merging: class 1`] = `
+"import { resolveComponent as _resolveComponent, createComponentWithFallback as _createComponentWithFallback } from 'vue';
+
+export function render(_ctx) {
+  const _component_Foo = _resolveComponent("Foo")
+  const n0 = _createComponentWithFallback(_component_Foo, { class: () => (["foo", { bar: _ctx.isBar }]) }, null, true)
+  return n0
+}"
+`;
+
 exports[`compiler: element transform > component > props merging: event handlers 1`] = `
 "import { resolveComponent as _resolveComponent, createComponentWithFallback as _createComponentWithFallback } from 'vue';
 
@@ -97,6 +107,16 @@ export function render(_ctx) {
 }"
 `;
 
+exports[`compiler: element transform > component > props merging: style 1`] = `
+"import { resolveComponent as _resolveComponent, createComponentWithFallback as _createComponentWithFallback } from 'vue';
+
+export function render(_ctx) {
+  const _component_Foo = _resolveComponent("Foo")
+  const n0 = _createComponentWithFallback(_component_Foo, { style: () => (["color: green", { color: 'red' }]) }, null, true)
+  return n0
+}"
+`;
+
 exports[`compiler: element transform > component > resolve component from setup bindings (inline const) 1`] = `
 "
   const n0 = _createComponent(Example, null, null, true)

diff --git a/packages/compiler-vapor/__tests__/transforms/transformElement.spec.ts b/packages/compiler-vapor/__tests__/transforms/transformElement.spec.ts
index c825a4fbb6ec152ed0e1528b5cde8fb0f9b5d3b7..c143fea02a24bf7aa983a67cf1b8fc52f15b2aa1 100644 (file)
--- a/packages/compiler-vapor/__tests__/transforms/transformElement.spec.ts
+++ b/packages/compiler-vapor/__tests__/transforms/transformElement.spec.ts
@@ -346,14 +346,14 @@ describe('compiler: element transform', () => {
       expect(code).contains('onClick: () => [_on_click, _on_click1]')
     })
 
-    test.todo('props merging: style', () => {
+    test('props merging: style', () => {
       const { code } = compileWithElementTransform(
         `<Foo style="color: green" :style="{ color: 'red' }" />`,
       )
       expect(code).toMatchSnapshot()
     })
 
-    test.todo('props merging: class', () => {
+    test('props merging: class', () => {
       const { code } = compileWithElementTransform(
         `<Foo class="foo" :class="{ bar: isBar }" />`,
       )