Просмотр исходного кода

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

daiwei 5 месяцев назад
Родитель
Сommit
74a8bae0a4

+ 20 - 0
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)

+ 2 - 2
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 }" />`,
       )