add e2e test for reordering + component state persistence case

CrimsonChi · Jun 30, 2024 · 9fc10e2 · 9fc10e2
1 parent e572679
commit 9fc10e2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/e2e/cypress/e2e/reactivity.cy.ts b/e2e/cypress/e2e/reactivity.cy.ts
@@ -14,6 +14,12 @@ describe("basic reactivity & state", () => {
     cy.get("main #counter button").click().click()
     cy.get("main #counter p").should("exist")
   })
+
+  it("correctly persists component state when order of children changes", () => {
+    cy.get("main #counter button").click().click()
+    cy.get("main #toggle-btn").click()
+    cy.get("main #counter span").should("have.text", "2")
+  })
 })
 
 describe("hooks & data", () => {

diff --git a/e2e/src/App.tsx b/e2e/src/App.tsx
@@ -2,13 +2,18 @@ import { Link, Route, Router, memo, useModel, useState } from "kaioken"
 import { Counter } from "./Counter"
 
 export function App() {
+  const [toggled, setToggled] = useState(false)
   return (
     <main>
       <header>
         <h1>Hello World</h1>
       </header>
+      {toggled && <p>Toggled</p>}
       <Counter />
       <TodoList />
+      <button id="toggle-btn" onclick={() => setToggled(!toggled)}>
+        toggle
+      </button>
       <nav>
         <ul>
           <li>