wip: test

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,
+    )
+  })
 })

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,