wip(srr): slot outlet

packages/compiler-ssr/__tests__/ssrSlotOutlet.spec.ts

@@ -0,0 +1,60 @@
+import { compile } from '../src'
+
+describe('ssr: <slot>', () => {
+  test('basic', () => {
+    expect(compile(`<slot/>`).code).toMatchInlineSnapshot(`
+      "const { _renderSlot } = require(\\"@vue/server-renderer\\")
+
+      return function ssrRender(_ctx, _push, _parent) {
+        _renderSlot(_ctx.$slots, \\"default\\", {}, null, _push, _parent)
+      }"
+    `)
+  })
+
+  test('with name', () => {
+    expect(compile(`<slot name="foo" />`).code).toMatchInlineSnapshot(`
+      "const { _renderSlot } = require(\\"@vue/server-renderer\\")
+
+      return function ssrRender(_ctx, _push, _parent) {
+        _renderSlot(_ctx.$slots, \\"foo\\", {}, null, _push, _parent)
+      }"
+    `)
+  })
+
+  test('with dynamic name', () => {
+    expect(compile(`<slot :name="bar.baz" />`).code).toMatchInlineSnapshot(`
+      "const { _renderSlot } = require(\\"@vue/server-renderer\\")
+
+      return function ssrRender(_ctx, _push, _parent) {
+        _renderSlot(_ctx.$slots, _ctx.bar.baz, {}, null, _push, _parent)
+      }"
+    `)
+  })
+
+  test('with props', () => {
+    expect(compile(`<slot name="foo" :p="1" bar="2" />`).code)
+      .toMatchInlineSnapshot(`
+      "const { _renderSlot } = require(\\"@vue/server-renderer\\")
+
+      return function ssrRender(_ctx, _push, _parent) {
+        _renderSlot(_ctx.$slots, \\"foo\\", {
+          p: 1,
+          bar: \\"2\\"
+        }, null, _push, _parent)
+      }"
+    `)
+  })
+
+  test('with fallback', () => {
+    expect(compile(`<slot>some {{ fallback }} content</slot>`).code)
+      .toMatchInlineSnapshot(`
+      "const { _renderSlot, _interpolate } = require(\\"@vue/server-renderer\\")
+
+      return function ssrRender(_ctx, _push, _parent) {
+        _renderSlot(_ctx.$slots, \\"default\\", {}, () => {
+          _push(\`some \${_interpolate(_ctx.fallback)} content\`)
+        }, _push, _parent)
+      }"
+    `)
+  })
+})