test: fix test case issue, outer element should be defined first

lejunyang · lejunyang · commit 53077a5d6c5e · 2024-11-19T21:52:53.000+08:00
diff --git a/packages/vue/__tests__/e2e/ssr-custom-element.spec.ts b/packages/vue/__tests__/e2e/ssr-custom-element.spec.ts
@@ -100,7 +100,6 @@ test('work with Teleport (shadowRoot: false)', async () => {
       },
       { shadowRoot: false },
     )
-    customElements.define('my-y', Y)
     const P = defineSSRCustomElement(
       {
         render() {
@@ -110,6 +109,7 @@ test('work with Teleport (shadowRoot: false)', async () => {
       { shadowRoot: false },
     )
     customElements.define('my-p', P)
+    customElements.define('my-y', Y)
   })
 
   function getInnerHTML() {

Original file line number	Diff line number	Diff line change
`@@ -100,7 +100,6 @@ test('work with Teleport (shadowRoot: false)', async () => {`
`100`	`100`	`},`
`101`	`101`	`{ shadowRoot: false },`
`102`	`102`	`)`
`103`		`- customElements.define('my-y', Y)`
`104`	`103`	`const P = defineSSRCustomElement(`
`105`	`104`	`{`
`106`	`105`	`render() {`
`@@ -110,6 +109,7 @@ test('work with Teleport (shadowRoot: false)', async () => {`
`110`	`109`	`{ shadowRoot: false },`
`111`	`110`	`)`
`112`	`111`	`customElements.define('my-p', P)`
	`112`	`+ customElements.define('my-y', Y)`
`113`	`113`	`})`
`114`	`114`
`115`	`115`	`function getInnerHTML() {`