test: attempts to reload after each page navigation in sorts tests

formkit · Apr 1, 2024 · 406fcb1 · 406fcb1
1 parent 89cc0d0
commit 406fcb1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 12 deletions.
diff --git a/playwright/tests/drag/sort.spec.ts b/playwright/tests/drag/sort.spec.ts
@@ -3,13 +3,14 @@ import { dragDrop } from "../../utils";
 
 let page: Page;
 
-test.beforeAll(async ({ browser }) => {
+test.beforeEach(async ({ browser }) => {
   page = await browser.newPage();
 });
 
 test.describe("Sorting", async () => {
   test("Drag sort", async () => {
     await page.goto("http://localhost:3001/sort");
+    await page.reload();
     await dragDrop(page, {
       originEl: { id: "Apple", position: "center" },
       destinationEl: { id: "Banana", position: "center" },
@@ -45,6 +46,7 @@ test.describe("Sorting", async () => {
 
   test("Uneven drag sort", async () => {
     await page.goto("http://localhost:3001/sort/uneven");
+    await page.reload();
     await dragDrop(page, {
       originEl: { id: "Apple", position: "center" },
       destinationEl: { id: "Banana", position: "center" },
@@ -80,6 +82,7 @@ test.describe("Sorting", async () => {
 
   test("Sort with animations", async () => {
     await page.goto("http://localhost:3001/sort/animations");
+    await page.reload();
     await dragDrop(page, {
       originEl: { id: "Apple", position: "center" },
       destinationEl: { id: "Banana", position: "center" },
@@ -115,6 +118,7 @@ test.describe("Sorting", async () => {
 
   test("Sort with uneven els and animations", async () => {
     await page.goto("http://localhost:3001/sort/uneven-animations");
+    await page.reload();
     await dragDrop(page, {
       originEl: { id: "Apple", position: "center" },
       destinationEl: { id: "Banana", position: "center" },

diff --git a/tests/pages/swap/index.vue b/tests/pages/swap/index.vue
@@ -27,7 +27,7 @@ const [parent3, values3] = useDragAndDrop(
 </script>
 
 <template>
-  <h1>Transfer</h1>
+  <h1>Swap</h1>
   <div class="flex-wrap">
     <div>
       <ul id="transfer_1" ref="parent1" class="list">
@@ -49,16 +49,6 @@ const [parent3, values3] = useDragAndDrop(
         </span>
       </ul>
     </div>
-    <div>
-      <ul id="3" ref="parent3" class="list">
-        <li v-for="value in values3" :id="value" :key="value" class="item">
-          {{ value }}
-        </li>
-        <span id="values_3" class="text-xs">
-          {{ values3.map((x) => x).join(" ") }}
-        </span>
-      </ul>
-    </div>
   </div>
 </template>