wip: test

diff --git a/packages-private/vapor-e2e-test/__tests__/transition.spec.ts b/packages-private/vapor-e2e-test/__tests__/transition.spec.ts
index 922ff0d0eaf7a4bc69f0e691c3dfe7539802cb0d..44065e6c4bf006eaf70ea9e15508e57d0bdf89cc 100644 (file)
--- a/packages-private/vapor-e2e-test/__tests__/transition.spec.ts
+++ b/packages-private/vapor-e2e-test/__tests__/transition.spec.ts
@@ -199,6 +199,13 @@ describe('vapor transition', () => {
       )
 
       await transitionFinish()
+      expect(await html(containerSelector)).toBe(`<div>vapor compA</div>`)
+
+      await nextFrame()
+      expect(await html(containerSelector)).toBe(
+        `<div class="fade-enter-from fade-enter-active">vapor compA</div>`,
+      )
+
       await nextFrame()
       expect(await html(containerSelector)).toBe(
         `<div class="fade-enter-active fade-enter-to">vapor compA</div>`,
@@ -235,4 +242,16 @@ describe('vapor transition', () => {
   )
 
   test.todo('should work with in-out mode', async () => {}, E2E_TIMEOUT)
+
+  test.todo('transition hooks', async () => {}, E2E_TIMEOUT)
+
+  describe('interop', () => {
+    test.todo('interop: render vdom component', async () => {}, E2E_TIMEOUT)
+
+    test.todo(
+      'interop: switch between vdom/vapor component',
+      async () => {},
+      E2E_TIMEOUT,
+    )
+  })
 })

diff --git a/packages/compiler-vapor/src/transforms/transformElement.ts b/packages/compiler-vapor/src/transforms/transformElement.ts
index 35fd596ee83b5952589c2e9cd6fe03502e0a27c1..370cfdc993e04ea99776f94dab80948ce64b0e47 100644 (file)
--- a/packages/compiler-vapor/src/transforms/transformElement.ts
+++ b/packages/compiler-vapor/src/transforms/transformElement.ts
@@ -130,7 +130,9 @@ function transformComponentElement(
   }
 
   context.dynamic.flags |= DynamicFlag.NON_TEMPLATE | DynamicFlag.INSERT
-  context.registerOperation({
+  // context.registerOperation()
+  // TODO revert wait for https://github.com/vuejs/core/pull/12951 get merged
+  context.block.operation.unshift({
     type: IRNodeTypes.CREATE_COMPONENT_NODE,
     id: context.reference(),
     tag,