chore: remove teleport e2e tests

Author: edison1105

packages-private/vapor-e2e-test/__tests__/teleport.spec.ts

@@ -5,7 +5,6 @@ import {
 } from '../../../packages/vue/__tests__/e2e/e2eUtils'
 import connect from 'connect'
 import sirv from 'sirv'
-import { ports } from '../utils'
 
 describe('e2e: todomvc', () => {
   const {
@@ -24,7 +23,7 @@ describe('e2e: todomvc', () => {
   } = setupPuppeteer()
 
   let server: any
-  const port = ports.todomvc
+  const port = '8194'
   beforeAll(() => {
     server = connect()
       .use(sirv(path.resolve(import.meta.dirname, '../dist')))

packages-private/vapor-e2e-test/__tests__/todomvc.spec.ts

@@ -5,33 +5,29 @@ import {
 } from '../../../packages/vue/__tests__/e2e/e2eUtils'
 import connect from 'connect'
 import sirv from 'sirv'
-import { ports } from '../utils'
-import { nextTick } from 'vue'
-const { page, click, text, enterValue, html } = setupPuppeteer()
 
 describe('vdom / vapor interop', () => {
+  const { page, click, text, enterValue } = setupPuppeteer()
+
   let server: any
-  const port = ports.vdomInterop
+  const port = '8193'
   beforeAll(() => {
     server = connect()
       .use(sirv(path.resolve(import.meta.dirname, '../dist')))
       .listen(port)
     process.on('SIGTERM', () => server && server.close())
   })
 
-  beforeEach(async () => {
-    const baseUrl = `http://localhost:${port}/interop/`
-    await page().goto(baseUrl)
-    await page().waitForSelector('#app')
-  })
-
   afterAll(() => {
     server.close()
   })
 
   test(
     'should work',
     async () => {
+      const baseUrl = `http://localhost:${port}/interop/`
+      await page().goto(baseUrl)
+
       expect(await text('.vapor > h2')).toContain('Vapor component in VDOM')
 
       expect(await text('.vapor-prop')).toContain('hello')
@@ -85,33 +81,4 @@ describe('vdom / vapor interop', () => {
     },
     E2E_TIMEOUT,
   )
-
-  describe('teleport', () => {
-    const testSelector = '.teleport'
-    test('render vapor component', async () => {
-      const targetSelector = `${testSelector} .teleport-target`
-      const containerSelector = `${testSelector} .render-vapor-comp`
-      const buttonSelector = `${containerSelector} button`
-
-      // teleport is disabled by default
-      expect(await html(containerSelector)).toBe(
-        `<button>toggle</button><div>vapor comp</div>`,
-      )
-      expect(await html(targetSelector)).toBe('')
-
-      // disabled -> enabled
-      await click(buttonSelector)
-      await nextTick()
-      expect(await html(containerSelector)).toBe(`<button>toggle</button>`)
-      expect(await html(targetSelector)).toBe('<div>vapor comp</div>')
-
-      // enabled -> disabled
-      await click(buttonSelector)
-      await nextTick()
-      expect(await html(containerSelector)).toBe(
-        `<button>toggle</button><div>vapor comp</div>`,
-      )
-      expect(await html(targetSelector)).toBe('')
-    })
-  })
 })

packages-private/vapor-e2e-test/__tests__/vdomInterop.spec.ts

@@ -1,3 +1,2 @@
 <a href="/interop/">VDOM / Vapor interop</a>
 <a href="/todomvc/">Vapor TodoMVC</a>
-<a href="/teleport/">Vapor Teleport</a>

packages-private/vapor-e2e-test/index.html

@@ -1,11 +1,9 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import VaporComp from './components/VaporComp.vue'
-import SimpleVaporComp from './components/SimpleVaporComp.vue'
+import VaporComp from './VaporComp.vue'
 
 const msg = ref('hello')
 const passSlot = ref(true)
-const disabled = ref(true)
 </script>
 
 <template>
@@ -21,16 +19,4 @@ const disabled = ref(true)
 
     <template #test v-if="passSlot">A test slot</template>
   </VaporComp>
-
-  <!-- teleport -->
-  <div class="teleport">
-    <div class="teleport-target"></div>
-    <div class="render-vapor-comp">
-      <button @click="disabled = !disabled">toggle</button>
-      <Teleport to=".teleport-target" defer :disabled="disabled">
-        <SimpleVaporComp />
-      </Teleport>
-    </div>
-  </div>
-  <!-- teleport end-->
 </template>

packages-private/vapor-e2e-test/interop/App.vue

@@ -20,24 +20,19 @@ const slotProp = ref('slot prop')
 
     <div v-if="ok" style="border: 2px solid orange; padding: 10px">
       <h3>vdom slots in vapor component</h3>
-      <button
-        class="change-vdom-slot-in-vapor-prop"
-        @click="slotProp = 'changed'"
-      >
+      <button class="change-vdom-slot-in-vapor-prop" @click="slotProp = 'changed'">
         change slot prop
       </button>
       <div class="vdom-slot-in-vapor-default">
-        #default: <slot :foo="slotProp" />
+        #default:
+        <slot :foo="slotProp" />
       </div>
       <div class="vdom-slot-in-vapor-test">
         #test: <slot name="test">fallback content</slot>
       </div>
     </div>
 
-    <button
-      class="toggle-vapor-slot-in-vdom-default"
-      @click="passSlot = !passSlot"
-    >
+    <button class="toggle-vapor-slot-in-vdom-default" @click="passSlot = !passSlot">
       Toggle default slot to vdom
     </button>
     <VdomComp :msg="msg">