From 74a33e7b8e8746b5112deba5f0f34fff3f33a8a4 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Tue, 13 Feb 2024 08:49:11 -0500
Subject: [PATCH] test: remove css animations e2e tests

---
 .../animation/test/animationbuilder/animation.e2e.ts      | 5 -----
 core/src/utils/animation/test/animationbuilder/index.html | 5 -----
 core/src/utils/animation/test/basic/animation.e2e.ts      | 5 -----
 core/src/utils/animation/test/basic/index.html            | 5 -----
 core/src/utils/animation/test/display/animation.e2e.ts    | 5 -----
 core/src/utils/animation/test/display/index.html          | 5 -----
 core/src/utils/animation/test/hooks/animation.e2e.ts      | 5 -----
 core/src/utils/animation/test/hooks/index.html            | 5 -----
 core/src/utils/animation/test/multiple/animation.e2e.ts   | 8 --------
 core/src/utils/animation/test/multiple/index.html         | 5 -----
 core/src/utils/animation/test/reuse/index.html            | 5 -----
 11 files changed, 58 deletions(-)

diff --git a/core/src/utils/animation/test/animationbuilder/animation.e2e.ts b/core/src/utils/animation/test/animationbuilder/animation.e2e.ts
index 96ea221853..a37b7b0694 100644
--- a/core/src/utils/animation/test/animationbuilder/animation.e2e.ts
+++ b/core/src/utils/animation/test/animationbuilder/animation.e2e.ts
@@ -12,11 +12,6 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
       await page.goto('/src/utils/animation/test/animationbuilder', config);
       await testNavigation(page);
     });
-
-    test('ios-transition css', async ({ page }) => {
-      await page.goto('/src/utils/animation/test/animationbuilder?ionic:_forceCSSAnimations=true', config);
-      await testNavigation(page);
-    });
   });
 });
 
diff --git a/core/src/utils/animation/test/animationbuilder/index.html b/core/src/utils/animation/test/animationbuilder/index.html
index a61fa92ee7..795b95efeb 100644
--- a/core/src/utils/animation/test/animationbuilder/index.html
+++ b/core/src/utils/animation/test/animationbuilder/index.html
@@ -13,11 +13,6 @@
     <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
     <script>
-      const forceCSSAnimations = new URLSearchParams(window.location.search).get('ionic:_forceCSSAnimations');
-      if (forceCSSAnimations) {
-        Element.prototype.animate = null;
-      }
-
       class PageRoot extends HTMLElement {
         connectedCallback() {
           this.innerHTML = `
diff --git a/core/src/utils/animation/test/basic/animation.e2e.ts b/core/src/utils/animation/test/basic/animation.e2e.ts
index 959218b3b2..55354834b9 100644
--- a/core/src/utils/animation/test/basic/animation.e2e.ts
+++ b/core/src/utils/animation/test/basic/animation.e2e.ts
@@ -7,11 +7,6 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await page.goto('/src/utils/animation/test/basic', config);
       await testPage(page);
     });
-
-    test(`should resolve using css animations`, async ({ page }) => {
-      await page.goto('/src/utils/animation/test/basic?ionic:_forceCSSAnimations=true', config);
-      await testPage(page);
-    });
   });
 });
 
diff --git a/core/src/utils/animation/test/basic/index.html b/core/src/utils/animation/test/basic/index.html
index 0d6d193962..e7a0a29958 100644
--- a/core/src/utils/animation/test/basic/index.html
+++ b/core/src/utils/animation/test/basic/index.html
@@ -13,11 +13,6 @@
     <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
     <script type="module">
-      const forceCSSAnimations = new URLSearchParams(window.location.search).get('ionic:_forceCSSAnimations');
-      if (forceCSSAnimations) {
-        Element.prototype.animate = null;
-      }
-
       import { createAnimation } from '../../../../dist/ionic/index.esm.js';
 
       const squareA = document.querySelector('.square-a');
diff --git a/core/src/utils/animation/test/display/animation.e2e.ts b/core/src/utils/animation/test/display/animation.e2e.ts
index 2f123854aa..02e345ed5b 100644
--- a/core/src/utils/animation/test/display/animation.e2e.ts
+++ b/core/src/utils/animation/test/display/animation.e2e.ts
@@ -8,11 +8,6 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await page.goto('/src/utils/animation/test/display', config);
       await testDisplay(page);
     });
-
-    test(`should resolve using css animations`, async ({ page }) => {
-      await page.goto('/src/utils/animation/test/display?ionic:_forceCSSAnimations=true', config);
-      await testDisplay(page);
-    });
   });
 });
 
diff --git a/core/src/utils/animation/test/display/index.html b/core/src/utils/animation/test/display/index.html
index 68bd0caac4..23ee1d6f1d 100644
--- a/core/src/utils/animation/test/display/index.html
+++ b/core/src/utils/animation/test/display/index.html
@@ -13,11 +13,6 @@
     <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
     <script type="module">
-      const forceCSSAnimations = new URLSearchParams(window.location.search).get('ionic:_forceCSSAnimations');
-      if (forceCSSAnimations) {
-        Element.prototype.animate = null;
-      }
-
       import { createAnimation } from '../../../../dist/ionic/index.esm.js';
 
       const squareA = document.querySelector('.square-a');
diff --git a/core/src/utils/animation/test/hooks/animation.e2e.ts b/core/src/utils/animation/test/hooks/animation.e2e.ts
index 47c386ef59..a19032176d 100644
--- a/core/src/utils/animation/test/hooks/animation.e2e.ts
+++ b/core/src/utils/animation/test/hooks/animation.e2e.ts
@@ -8,11 +8,6 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await page.goto('/src/utils/animation/test/hooks', config);
       await testHooks(page);
     });
-
-    test(`should fire hooks using css animations`, async ({ page }) => {
-      await page.goto('/src/utils/animation/test/hooks?ionic:_forceCSSAnimations=true', config);
-      await testHooks(page);
-    });
   });
 });
 
diff --git a/core/src/utils/animation/test/hooks/index.html b/core/src/utils/animation/test/hooks/index.html
index 6d2eb4f887..a3b9dffcc9 100644
--- a/core/src/utils/animation/test/hooks/index.html
+++ b/core/src/utils/animation/test/hooks/index.html
@@ -13,11 +13,6 @@
     <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
     <script type="module">
-      const forceCSSAnimations = new URLSearchParams(window.location.search).get('ionic:_forceCSSAnimations');
-      if (forceCSSAnimations) {
-        Element.prototype.animate = null;
-      }
-
       import { createAnimation } from '../../../../dist/ionic/index.esm.js';
 
       const squareA = document.querySelector('.square-a');
diff --git a/core/src/utils/animation/test/multiple/animation.e2e.ts b/core/src/utils/animation/test/multiple/animation.e2e.ts
index 5db1fbe38b..483b182856 100644
--- a/core/src/utils/animation/test/multiple/animation.e2e.ts
+++ b/core/src/utils/animation/test/multiple/animation.e2e.ts
@@ -8,14 +8,6 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await page.goto('/src/utils/animation/test/multiple', config);
       await testMultiple(page);
     });
-
-    /**
-     * CSS animations will occasionally resolve out of order, so we skip for now
-     */
-    test.skip(`should resolve grouped animations using css animations`, async ({ page }) => {
-      await page.goto('/src/utils/animation/test/multiple?ionic:_forceCSSAnimations=true', config);
-      await testMultiple(page);
-    });
   });
 });
 
diff --git a/core/src/utils/animation/test/multiple/index.html b/core/src/utils/animation/test/multiple/index.html
index 696e8c3f9a..ee9de52cf3 100644
--- a/core/src/utils/animation/test/multiple/index.html
+++ b/core/src/utils/animation/test/multiple/index.html
@@ -13,11 +13,6 @@
     <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
     <script type="module">
-      const forceCSSAnimations = new URLSearchParams(window.location.search).get('ionic:_forceCSSAnimations');
-      if (forceCSSAnimations) {
-        Element.prototype.animate = null;
-      }
-
       import { createAnimation } from '../../../../dist/ionic/index.esm.js';
 
       const squareA = document.querySelector('.square-a');
diff --git a/core/src/utils/animation/test/reuse/index.html b/core/src/utils/animation/test/reuse/index.html
index 10f8dd5cc1..13235fe332 100644
--- a/core/src/utils/animation/test/reuse/index.html
+++ b/core/src/utils/animation/test/reuse/index.html
@@ -13,11 +13,6 @@
     <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
     <script type="module">
-      const forceCSSAnimations = new URLSearchParams(window.location.search).get('ionic:_forceCSSAnimations');
-      if (forceCSSAnimations) {
-        Element.prototype.animate = null;
-      }
-
       import { createAnimation } from '../../../../dist/ionic/index.esm.js';
 
       createAnimation()