test: add class & style

Author: zhiyuanzmj

packages/compiler/test/transforms/__snapshots__/transformElement.spec.ts.snap

@@ -0,0 +1,15 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`compiler: element transform > props merging: class 1`] = `
+"
+  const n0 = _createComponent(Foo, { class: () => (["foo", { bar: isBar }]) })
+  return n0
+"
+`;
+
+exports[`compiler: element transform > props merging: style 1`] = `
+"
+  const n0 = _createComponent(Foo, { style: () => (["color: green", { color: 'red' }]) })
+  return n0
+"
+`;

packages/compiler/test/transforms/transformElement.spec.ts

@@ -54,4 +54,18 @@ describe('compiler: element transform', () => {
     expect(code).contains(`Foo.Example`)
     expect(helpers).not.toContain('resolveComponent')
   })
+
+  test('props merging: style', () => {
+    const { code } = compileWithElementTransform(
+      `<Foo style="color: green" style={{ color: 'red' }} />`,
+    )
+    expect(code).toMatchSnapshot()
+  })
+
+  test('props merging: class', () => {
+    const { code } = compileWithElementTransform(
+      `<Foo class="foo" class={{ bar: isBar }} />`,
+    )
+    expect(code).toMatchSnapshot()
+  })
 })