Browse Source

test(compiler-dom): add DOM compiler integration compile test (#189)

Carlos Rodrigues 6 years ago
parent
commit
a84490858f

+ 22 - 0
packages/compiler-dom/__tests__/__snapshots__/index.spec.ts.snap

@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`compile should contain standard transforms 1`] = `
+"const _Vue = Vue
+const _createVNode = Vue.createVNode
+
+const _hoisted_1 = {}
+
+return function render() {
+  with (this) {
+    const { createVNode: _createVNode, createBlock: _createBlock, Fragment: _Fragment, openBlock: _openBlock } = _Vue
+    
+    return (_openBlock(), _createBlock(_Fragment, null, [
+      _createVNode(\\"div\\", { textContent: text }, null, 8 /* PROPS */, [\\"textContent\\"]),
+      _createVNode(\\"div\\", { innerHTML: html }, null, 8 /* PROPS */, [\\"innerHTML\\"]),
+      _createVNode(\\"div\\", null, \\"test\\"),
+      _createVNode(\\"div\\", { style: _hoisted_1 }, \\"red\\", 4 /* STYLE */),
+      _createVNode(\\"div\\", { style: {color: 'green'}}, null, 4 /* STYLE */)
+    ]))
+  }
+}"
+`;

+ 13 - 0
packages/compiler-dom/__tests__/index.spec.ts

@@ -0,0 +1,13 @@
+import { compile } from '../src'
+
+describe('compile', () => {
+  it('should contain standard transforms', () => {
+    const { code } = compile(`<div v-text="text"></div>
+        <div v-html="html"></div>
+        <div v-cloak>test</div>
+        <div style="color=red">red</div>
+        <div :style="{color: 'green'}"></div>`)
+
+    expect(code).toMatchSnapshot()
+  })
+})