test: remove tests

defineSSRCustomElement can only be used with custom elements that have pre-rendered declarative shadow root

diff --git a/packages/vue/__tests__/e2e/ssr-custom-element.spec.ts b/packages/vue/__tests__/e2e/ssr-custom-element.spec.ts
index c875f1bee69c388b60f0858cb227dbdb80b38e39..c39286d3d1274e8efdf749121e907e017a8e368f 100644 (file)
--- a/packages/vue/__tests__/e2e/ssr-custom-element.spec.ts
+++ b/packages/vue/__tests__/e2e/ssr-custom-element.spec.ts
@@ -78,49 +78,6 @@ test('ssr custom element hydration', async () => {
   await assertInteraction('my-element-async')
 })
 
-test('work with Teleport (shadowRoot: false)', async () => {
-  await setContent(
-    `<div id='test'></div><my-p><my-y><span>default</span></my-y></my-p>`,
-  )
-
-  await page().evaluate(() => {
-    const { h, defineSSRCustomElement, Teleport, renderSlot } = (window as any)
-      .Vue
-    const Y = defineSSRCustomElement(
-      {
-        render() {
-          return h(
-            Teleport,
-            { to: '#test' },
-            {
-              default: () => [renderSlot(this.$slots, 'default')],
-            },
-          )
-        },
-      },
-      { shadowRoot: false },
-    )
-    customElements.define('my-y', Y)
-    const P = defineSSRCustomElement(
-      {
-        render() {
-          return renderSlot(this.$slots, 'default')
-        },
-      },
-      { shadowRoot: false },
-    )
-    customElements.define('my-p', P)
-  })
-
-  function getInnerHTML() {
-    return page().evaluate(() => {
-      return (document.querySelector('#test') as any).innerHTML
-    })
-  }
-
-  expect(await getInnerHTML()).toBe('<span>default</span>')
-})
-
 // #11641
 test('pass key to custom element', async () => {
   const messages: string[] = []

diff --git a/packages/vue/__tests__/e2e/ssr-vapor-custom-element.spec.ts b/packages/vue/__tests__/e2e/ssr-vapor-custom-element.spec.ts
index 065cb0fd68a98a31d9098c85289d2965878af54a..c50bff6709c13e3584e4a90191ab9ca1315cc210 100644 (file)
--- a/packages/vue/__tests__/e2e/ssr-vapor-custom-element.spec.ts
+++ b/packages/vue/__tests__/e2e/ssr-vapor-custom-element.spec.ts
@@ -126,59 +126,3 @@ test('ssr vapor custom element hydration', async () => {
   await assertInteraction('my-element')
   await assertInteraction('my-element-async')
 })
-
-// test('work with Teleport (shadowRoot: false)', async () => {
-//   await setContent(
-//     `<!--[--><div id='test'></div><my-p><my-y><!--teleport start--><!--teleport end--></my-y></my-p><!--]-->`,
-//   )
-
-//   await page().evaluate(() => {
-//     const {
-//       defineVaporSSRCustomElement,
-//       createComponent,
-//       createSlot,
-//       VaporTeleport,
-//       createComponentWithFallback,
-//       template,
-//     } = (window as any).VueVapor
-//     const Y = defineVaporSSRCustomElement(
-//       {
-//         setup() {
-//           const n1 = createComponent(
-//             VaporTeleport,
-//             { to: () => '#test' },
-//             {
-//               default: () => {
-//                 const n0 = createSlot('default', null)
-//                 return n0
-//               },
-//             },
-//             true,
-//           )
-//           return n1
-//         },
-//       },
-//       { shadowRoot: false },
-//     )
-//     customElements.define('my-y', Y)
-//     const P = defineVaporSSRCustomElement(
-//       {
-//         setup() {
-//           return createComponentWithFallback('my-y', null, {
-//             default: () => template('<span>default</span>')(),
-//           })
-//         },
-//       },
-//       { shadowRoot: false },
-//     )
-//     customElements.define('my-p', P)
-//   })
-
-//   function getInnerHTML() {
-//     return page().evaluate(() => {
-//       return (document.querySelector('#test') as any).innerHTML
-//     })
-//   }
-
-//   expect(await getInnerHTML()).toBe('<span>default</span>')
-// })