From 9d109d68c82323ab449da7735f613fed0bd86c1b Mon Sep 17 00:00:00 2001
From: "Manu Mtz.-Almeida" <manu.mtza@gmail.com>
Date: Mon, 8 Oct 2018 10:18:31 -0500
Subject: [PATCH] fix(all): disable animations in e2e tests

---
 .../action-sheet/test/alert-from-action-sheet/e2e.ts         | 2 +-
 core/src/components/action-sheet/test/basic/e2e.ts           | 2 +-
 core/src/components/action-sheet/test/cancel-only/e2e.ts     | 2 +-
 core/src/components/action-sheet/test/custom-css/e2e.ts      | 2 +-
 core/src/components/action-sheet/test/icons/e2e.ts           | 2 +-
 .../components/action-sheet/test/no-backdrop-dismiss/e2e.ts  | 2 +-
 .../action-sheet/test/scroll-without-cancel/e2e.ts           | 2 +-
 .../components/action-sheet/test/scrollable-options/e2e.ts   | 2 +-
 core/src/components/avatar/test/standalone/e2e.ts            | 2 +-
 core/src/components/badge/test/basic/e2e.ts                  | 2 +-
 core/src/components/badge/test/standalone/e2e.ts             | 2 +-
 core/src/components/button/test/anchor/e2e.ts                | 2 +-
 core/src/components/button/test/basic/e2e.ts                 | 2 +-
 core/src/components/button/test/clear/e2e.ts                 | 2 +-
 core/src/components/button/test/expand/e2e.ts                | 2 +-
 core/src/components/button/test/icon/e2e.ts                  | 2 +-
 core/src/components/button/test/outline/e2e.ts               | 2 +-
 core/src/components/button/test/round/e2e.ts                 | 2 +-
 core/src/components/button/test/size/e2e.ts                  | 2 +-
 core/src/components/button/test/standalone/e2e.ts            | 2 +-
 core/src/components/button/test/strong/e2e.ts                | 2 +-
 core/src/components/button/test/toolbar/e2e.ts               | 2 +-
 core/src/components/card/test/basic/e2e.ts                   | 2 +-
 core/src/components/card/test/standalone/e2e.ts              | 2 +-
 core/src/components/checkbox/test/basic/e2e.ts               | 2 +-
 core/src/components/checkbox/test/standalone/e2e.ts          | 2 +-
 core/src/components/chip/test/basic/e2e.ts                   | 2 +-
 core/src/components/chip/test/standalone/e2e.ts              | 2 +-
 core/src/components/content/test/basic/e2e.ts                | 2 +-
 core/src/components/content/test/fullscreen/e2e.ts           | 2 +-
 core/src/components/content/test/standalone/e2e.ts           | 2 +-
 core/src/components/datetime/test/basic/e2e.ts               | 2 +-
 core/src/components/datetime/test/standalone/e2e.ts          | 2 +-
 core/src/components/fab-button/test/standalone/e2e.ts        | 2 +-
 core/src/components/fab/test/basic/e2e.ts                    | 2 +-
 core/src/components/fab/test/standalone/e2e.ts               | 2 +-
 core/src/components/grid/test/basic/e2e.ts                   | 2 +-
 core/src/components/grid/test/offsets/e2e.ts                 | 2 +-
 core/src/components/grid/test/padding/e2e.ts                 | 2 +-
 core/src/components/grid/test/sizes/e2e.ts                   | 2 +-
 core/src/components/grid/test/standalone/e2e.ts              | 2 +-
 core/src/components/icon/test/basic/e2e.ts                   | 2 +-
 core/src/components/icon/test/items/e2e.ts                   | 2 +-
 core/src/components/icon/test/standalone/e2e.ts              | 2 +-
 core/src/components/img/test/basic/e2e.ts                    | 2 +-
 core/src/components/img/test/standalone/e2e.ts               | 2 +-
 core/src/components/infinite-scroll/test/basic/e2e.ts        | 2 +-
 core/src/components/infinite-scroll/test/standalone/e2e.ts   | 2 +-
 core/src/components/input/test/basic/e2e.ts                  | 2 +-
 core/src/components/input/test/standalone/e2e.ts             | 2 +-
 core/src/components/item-sliding/test/basic/e2e.ts           | 2 +-
 core/src/components/item-sliding/test/standalone/e2e.ts      | 2 +-
 core/src/components/item/test/basic/e2e.ts                   | 2 +-
 core/src/components/item/test/buttons/e2e.ts                 | 2 +-
 core/src/components/item/test/colors/e2e.ts                  | 2 +-
 core/src/components/item/test/dividers/e2e.ts                | 2 +-
 core/src/components/item/test/groups/e2e.ts                  | 2 +-
 core/src/components/item/test/icons/e2e.ts                   | 2 +-
 core/src/components/item/test/images/e2e.ts                  | 2 +-
 core/src/components/item/test/inputs/e2e.ts                  | 2 +-
 core/src/components/item/test/lines/e2e.ts                   | 2 +-
 core/src/components/item/test/media/e2e.ts                   | 2 +-
 core/src/components/item/test/reorder/e2e.ts                 | 2 +-
 core/src/components/item/test/sliding/e2e.ts                 | 2 +-
 core/src/components/item/test/standalone/e2e.ts              | 2 +-
 core/src/components/item/test/text/e2e.ts                    | 2 +-
 core/src/components/label/test/basic/e2e.ts                  | 2 +-
 core/src/components/label/test/standalone/e2e.ts             | 2 +-
 core/src/components/list/test/basic/e2e.ts                   | 2 +-
 core/src/components/list/test/inset/e2e.ts                   | 2 +-
 core/src/components/list/test/lines/e2e.ts                   | 2 +-
 core/src/components/list/test/standalone/e2e.ts              | 2 +-
 core/src/components/loading/test/basic/e2e.ts                | 2 +-
 core/src/components/loading/test/standalone/e2e.ts           | 2 +-
 core/src/components/modal/test/basic/e2e.ts                  | 2 +-
 core/src/components/modal/test/standalone/e2e.ts             | 2 +-
 core/src/components/nav/nav.tsx                              | 3 +--
 core/src/components/popover/test/basic/e2e.ts                | 2 +-
 core/src/components/popover/test/standalone/e2e.ts           | 2 +-
 core/src/components/radio-group/test/standalone/e2e.ts       | 2 +-
 core/src/components/radio/test/basic/e2e.ts                  | 2 +-
 core/src/components/radio/test/standalone/e2e.ts             | 2 +-
 core/src/components/range/test/basic/e2e.ts                  | 2 +-
 core/src/components/range/test/standalone/e2e.ts             | 2 +-
 core/src/components/refresher/test/basic/e2e.ts              | 2 +-
 core/src/components/reorder-group/test/basic/e2e.ts          | 2 +-
 core/src/components/reorder-group/test/standalone/e2e.ts     | 2 +-
 core/src/components/searchbar/searchbar.tsx                  | 5 +++--
 core/src/components/searchbar/test/basic/e2e.ts              | 2 +-
 core/src/components/searchbar/test/standalone/e2e.ts         | 2 +-
 core/src/components/searchbar/test/toolbar/e2e.ts            | 2 +-
 core/src/components/segment/test/basic/e2e.ts                | 2 +-
 core/src/components/segment/test/modes/e2e.ts                | 2 +-
 core/src/components/segment/test/standalone/e2e.ts           | 2 +-
 core/src/components/select/test/basic/e2e.ts                 | 2 +-
 core/src/components/select/test/multiple-value/e2e.ts        | 2 +-
 core/src/components/select/test/single-value/e2e.ts          | 2 +-
 core/src/components/select/test/standalone/e2e.ts            | 2 +-
 core/src/components/slides/test/basic/e2e.ts                 | 2 +-
 core/src/components/slides/test/standalone/e2e.ts            | 2 +-
 core/src/components/spinner/spinner.tsx                      | 2 +-
 core/src/components/spinner/test/basic/e2e.ts                | 2 +-
 core/src/components/spinner/test/color/e2e.ts                | 2 +-
 core/src/components/spinner/test/standalone/e2e.ts           | 2 +-
 core/src/components/split-pane/test/basic/e2e.ts             | 2 +-
 core/src/components/text/test/basic/e2e.ts                   | 2 +-
 core/src/components/textarea/test/basic/e2e.ts               | 2 +-
 core/src/components/textarea/test/standalone/e2e.ts          | 2 +-
 core/src/components/toast/test/basic/e2e.ts                  | 2 +-
 core/src/components/toast/test/standalone/e2e.ts             | 2 +-
 core/src/components/toggle/test/basic/e2e.ts                 | 2 +-
 core/src/components/toggle/test/standalone/e2e.ts            | 2 +-
 core/src/global/ionic-global.ts                              | 3 +++
 core/src/utils/config.ts                                     | 1 +
 114 files changed, 118 insertions(+), 114 deletions(-)

diff --git a/core/src/components/action-sheet/test/alert-from-action-sheet/e2e.ts b/core/src/components/action-sheet/test/alert-from-action-sheet/e2e.ts
index 6423ac2aec..aa122eccca 100644
--- a/core/src/components/action-sheet/test/alert-from-action-sheet/e2e.ts
+++ b/core/src/components/action-sheet/test/alert-from-action-sheet/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('action-sheet: alertFromActionSheet', async () => {
   const page = await newE2EPage({
-    url: `/src/components/action-sheet/test/alert-from-action-sheet?ionic:animated=false`
+    url: `/src/components/action-sheet/test/alert-from-action-sheet?ionic:_testing=true`
   });
 
   const presentBtn = await page.find('#alertFromActionSheet');
diff --git a/core/src/components/action-sheet/test/basic/e2e.ts b/core/src/components/action-sheet/test/basic/e2e.ts
index 58f7a77d42..72b49f82be 100644
--- a/core/src/components/action-sheet/test/basic/e2e.ts
+++ b/core/src/components/action-sheet/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('action-sheet: basic', async () => {
   const page = await newE2EPage({
-    url: `/src/components/action-sheet/test/basic?ionic:animated=false`
+    url: `/src/components/action-sheet/test/basic?ionic:_testing=true`
   });
 
   const presentBtn = await page.find('#basic');
diff --git a/core/src/components/action-sheet/test/cancel-only/e2e.ts b/core/src/components/action-sheet/test/cancel-only/e2e.ts
index 3bf66def27..3516d727e2 100644
--- a/core/src/components/action-sheet/test/cancel-only/e2e.ts
+++ b/core/src/components/action-sheet/test/cancel-only/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('action-sheet: cancelOnly', async () => {
   const page = await newE2EPage({
-    url: `/src/components/action-sheet/test/cancel-only?ionic:animated=false`
+    url: `/src/components/action-sheet/test/cancel-only?ionic:_testing=true`
   });
 
   const presentBtn = await page.find('#cancelOnly');
diff --git a/core/src/components/action-sheet/test/custom-css/e2e.ts b/core/src/components/action-sheet/test/custom-css/e2e.ts
index 9ffe2eb0dd..71f525ab59 100644
--- a/core/src/components/action-sheet/test/custom-css/e2e.ts
+++ b/core/src/components/action-sheet/test/custom-css/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('action-sheet: cssClass', async () => {
   const page = await newE2EPage({
-    url: `/src/components/action-sheet/test/custom-css?ionic:animated=false`
+    url: `/src/components/action-sheet/test/custom-css?ionic:_testing=true`
   });
 
   const presentBtn = await page.find('#cssClass');
diff --git a/core/src/components/action-sheet/test/icons/e2e.ts b/core/src/components/action-sheet/test/icons/e2e.ts
index 191fe9ab6d..c7d28e2cc7 100644
--- a/core/src/components/action-sheet/test/icons/e2e.ts
+++ b/core/src/components/action-sheet/test/icons/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('action-sheet: icons', async () => {
   const page = await newE2EPage({
-    url: `/src/components/action-sheet/test/icons?ionic:animated=false`
+    url: `/src/components/action-sheet/test/icons?ionic:_testing=true`
   });
 
   const presentBtn = await page.find('#icons');
diff --git a/core/src/components/action-sheet/test/no-backdrop-dismiss/e2e.ts b/core/src/components/action-sheet/test/no-backdrop-dismiss/e2e.ts
index 82bac9bec4..68ec241f47 100644
--- a/core/src/components/action-sheet/test/no-backdrop-dismiss/e2e.ts
+++ b/core/src/components/action-sheet/test/no-backdrop-dismiss/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('action-sheet: noBackdropDismiss', async () => {
   const page = await newE2EPage({
-    url: `/src/components/action-sheet/test/no-backdrop-dismiss?ionic:animated=false`
+    url: `/src/components/action-sheet/test/no-backdrop-dismiss?ionic:_testing=true`
   });
 
   const presentBtn = await page.find('#noBackdropDismiss');
diff --git a/core/src/components/action-sheet/test/scroll-without-cancel/e2e.ts b/core/src/components/action-sheet/test/scroll-without-cancel/e2e.ts
index 1dca11cb78..c3a5d6cac8 100644
--- a/core/src/components/action-sheet/test/scroll-without-cancel/e2e.ts
+++ b/core/src/components/action-sheet/test/scroll-without-cancel/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('action-sheet: scrollWithoutCancel', async () => {
   const page = await newE2EPage({
-    url: `/src/components/action-sheet/test/scroll-without-cancel?ionic:animated=false`
+    url: `/src/components/action-sheet/test/scroll-without-cancel?ionic:_testing=true`
   });
 
   const presentBtn = await page.find('#scrollWithoutCancel');
diff --git a/core/src/components/action-sheet/test/scrollable-options/e2e.ts b/core/src/components/action-sheet/test/scrollable-options/e2e.ts
index 5a241544df..08a88040bb 100644
--- a/core/src/components/action-sheet/test/scrollable-options/e2e.ts
+++ b/core/src/components/action-sheet/test/scrollable-options/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('action-sheet: scrollableOptions', async () => {
   const page = await newE2EPage({
-    url: `/src/components/action-sheet/test/scrollable-options?ionic:animated=false`
+    url: `/src/components/action-sheet/test/scrollable-options?ionic:_testing=true`
   });
 
   const presentBtn = await page.find('#scrollableOptions');
diff --git a/core/src/components/avatar/test/standalone/e2e.ts b/core/src/components/avatar/test/standalone/e2e.ts
index 8264ce12b0..19da79c849 100644
--- a/core/src/components/avatar/test/standalone/e2e.ts
+++ b/core/src/components/avatar/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('avatar: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/avatar/test/standalone?ionic:animated=false'
+    url: '/src/components/avatar/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/badge/test/basic/e2e.ts b/core/src/components/badge/test/basic/e2e.ts
index fd16cb7d5d..6d92bb79b8 100644
--- a/core/src/components/badge/test/basic/e2e.ts
+++ b/core/src/components/badge/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('badge: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/badge/test/basic?ionic:animated=false'
+    url: '/src/components/badge/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/badge/test/standalone/e2e.ts b/core/src/components/badge/test/standalone/e2e.ts
index dffab7fd62..6180aad752 100644
--- a/core/src/components/badge/test/standalone/e2e.ts
+++ b/core/src/components/badge/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('badge: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/badge/test/standalone?ionic:animated=false'
+    url: '/src/components/badge/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/button/test/anchor/e2e.ts b/core/src/components/button/test/anchor/e2e.ts
index 95ebe0ffa7..d7962ec5cf 100644
--- a/core/src/components/button/test/anchor/e2e.ts
+++ b/core/src/components/button/test/anchor/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('button: anchor', async () => {
   const page = await newE2EPage({
-    url: '/src/components/button/test/anchor?ionic:animated=false'
+    url: '/src/components/button/test/anchor?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/button/test/basic/e2e.ts b/core/src/components/button/test/basic/e2e.ts
index a26e808e6d..45770ef3f1 100644
--- a/core/src/components/button/test/basic/e2e.ts
+++ b/core/src/components/button/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('button: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/button/test/basic?ionic:animated=false'
+    url: '/src/components/button/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/button/test/clear/e2e.ts b/core/src/components/button/test/clear/e2e.ts
index 9e48bdc6fc..f4d2b2c615 100644
--- a/core/src/components/button/test/clear/e2e.ts
+++ b/core/src/components/button/test/clear/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('button: clear', async () => {
   const page = await newE2EPage({
-    url: '/src/components/button/test/clear?ionic:animated=false'
+    url: '/src/components/button/test/clear?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/button/test/expand/e2e.ts b/core/src/components/button/test/expand/e2e.ts
index 720258c584..f87e76f184 100644
--- a/core/src/components/button/test/expand/e2e.ts
+++ b/core/src/components/button/test/expand/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('button: expand', async () => {
   const page = await newE2EPage({
-    url: '/src/components/button/test/expand?ionic:animated=false'
+    url: '/src/components/button/test/expand?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/button/test/icon/e2e.ts b/core/src/components/button/test/icon/e2e.ts
index 941f556f73..da077cbc70 100644
--- a/core/src/components/button/test/icon/e2e.ts
+++ b/core/src/components/button/test/icon/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('button: icon', async () => {
   const page = await newE2EPage({
-    url: '/src/components/button/test/icon?ionic:animated=false'
+    url: '/src/components/button/test/icon?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/button/test/outline/e2e.ts b/core/src/components/button/test/outline/e2e.ts
index e4f80897f8..7afadd21de 100644
--- a/core/src/components/button/test/outline/e2e.ts
+++ b/core/src/components/button/test/outline/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('button: outline', async () => {
   const page = await newE2EPage({
-    url: '/src/components/button/test/outline?ionic:animated=false'
+    url: '/src/components/button/test/outline?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/button/test/round/e2e.ts b/core/src/components/button/test/round/e2e.ts
index a502b467d2..8a77f21c44 100644
--- a/core/src/components/button/test/round/e2e.ts
+++ b/core/src/components/button/test/round/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('button: round', async () => {
   const page = await newE2EPage({
-    url: '/src/components/button/test/round?ionic:animated=false'
+    url: '/src/components/button/test/round?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/button/test/size/e2e.ts b/core/src/components/button/test/size/e2e.ts
index 8306333846..22104715a8 100644
--- a/core/src/components/button/test/size/e2e.ts
+++ b/core/src/components/button/test/size/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('button: size', async () => {
   const page = await newE2EPage({
-    url: '/src/components/button/test/size?ionic:animated=false'
+    url: '/src/components/button/test/size?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/button/test/standalone/e2e.ts b/core/src/components/button/test/standalone/e2e.ts
index f0c545d5fe..0eab64a4a3 100644
--- a/core/src/components/button/test/standalone/e2e.ts
+++ b/core/src/components/button/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('button: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/button/test/standalone?ionic:animated=false'
+    url: '/src/components/button/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/button/test/strong/e2e.ts b/core/src/components/button/test/strong/e2e.ts
index 0336fcd857..315e6919bb 100644
--- a/core/src/components/button/test/strong/e2e.ts
+++ b/core/src/components/button/test/strong/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('button: strong', async () => {
   const page = await newE2EPage({
-    url: '/src/components/button/test/strong?ionic:animated=false'
+    url: '/src/components/button/test/strong?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/button/test/toolbar/e2e.ts b/core/src/components/button/test/toolbar/e2e.ts
index 75caf84f87..fffc73f1e9 100644
--- a/core/src/components/button/test/toolbar/e2e.ts
+++ b/core/src/components/button/test/toolbar/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('button: toolbar', async () => {
   const page = await newE2EPage({
-    url: '/src/components/button/test/toolbar?ionic:animated=false'
+    url: '/src/components/button/test/toolbar?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/card/test/basic/e2e.ts b/core/src/components/card/test/basic/e2e.ts
index da928e86fc..94f6557f5a 100644
--- a/core/src/components/card/test/basic/e2e.ts
+++ b/core/src/components/card/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('card: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/card/test/basic?ionic:animated=false'
+    url: '/src/components/card/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/card/test/standalone/e2e.ts b/core/src/components/card/test/standalone/e2e.ts
index dbe9bcf381..d654112ba4 100644
--- a/core/src/components/card/test/standalone/e2e.ts
+++ b/core/src/components/card/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('card: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/card/test/standalone?ionic:animated=false'
+    url: '/src/components/card/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/checkbox/test/basic/e2e.ts b/core/src/components/checkbox/test/basic/e2e.ts
index f921beec3b..fb06df3cc8 100644
--- a/core/src/components/checkbox/test/basic/e2e.ts
+++ b/core/src/components/checkbox/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('checkbox: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/checkbox/test/basic?ionic:animated=false'
+    url: '/src/components/checkbox/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/checkbox/test/standalone/e2e.ts b/core/src/components/checkbox/test/standalone/e2e.ts
index 02a89ff6b9..88374470c9 100644
--- a/core/src/components/checkbox/test/standalone/e2e.ts
+++ b/core/src/components/checkbox/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('checkbox: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/checkbox/test/standalone?ionic:animated=false'
+    url: '/src/components/checkbox/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/chip/test/basic/e2e.ts b/core/src/components/chip/test/basic/e2e.ts
index 548931f26b..79a64ae274 100644
--- a/core/src/components/chip/test/basic/e2e.ts
+++ b/core/src/components/chip/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('chip: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/chip/test/basic?ionic:animated=false'
+    url: '/src/components/chip/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/chip/test/standalone/e2e.ts b/core/src/components/chip/test/standalone/e2e.ts
index 2c5d00c976..f8d6953805 100644
--- a/core/src/components/chip/test/standalone/e2e.ts
+++ b/core/src/components/chip/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('chip: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/chip/test/standalone?ionic:animated=false'
+    url: '/src/components/chip/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/content/test/basic/e2e.ts b/core/src/components/content/test/basic/e2e.ts
index 200a70120b..461ad093ec 100644
--- a/core/src/components/content/test/basic/e2e.ts
+++ b/core/src/components/content/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('content: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/content/test/basic?ionic:animated=false'
+    url: '/src/components/content/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/content/test/fullscreen/e2e.ts b/core/src/components/content/test/fullscreen/e2e.ts
index eab9ec4407..854a6ee0a7 100644
--- a/core/src/components/content/test/fullscreen/e2e.ts
+++ b/core/src/components/content/test/fullscreen/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('content: fullscreen', async () => {
   const page = await newE2EPage({
-    url: '/src/components/content/test/fullscreen?ionic:animated=false'
+    url: '/src/components/content/test/fullscreen?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/content/test/standalone/e2e.ts b/core/src/components/content/test/standalone/e2e.ts
index 8c0f52f0dd..cf59c3ad9c 100644
--- a/core/src/components/content/test/standalone/e2e.ts
+++ b/core/src/components/content/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('content: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/content/test/standalone?ionic:animated=false'
+    url: '/src/components/content/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/datetime/test/basic/e2e.ts b/core/src/components/datetime/test/basic/e2e.ts
index d21615c207..c5e73abc29 100644
--- a/core/src/components/datetime/test/basic/e2e.ts
+++ b/core/src/components/datetime/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('datetime: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/datetime/test/basic?ionic:animated=false'
+    url: '/src/components/datetime/test/basic?ionic:_testing=true'
   });
 
   let compare = await page.compareScreenshot();
diff --git a/core/src/components/datetime/test/standalone/e2e.ts b/core/src/components/datetime/test/standalone/e2e.ts
index 3cd6b21c75..88a000f614 100644
--- a/core/src/components/datetime/test/standalone/e2e.ts
+++ b/core/src/components/datetime/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('datetime: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/datetime/test/standalone?ionic:animated=false'
+    url: '/src/components/datetime/test/standalone?ionic:_testing=true'
   });
 
   let compare = await page.compareScreenshot();
diff --git a/core/src/components/fab-button/test/standalone/e2e.ts b/core/src/components/fab-button/test/standalone/e2e.ts
index 744362d6e0..9c558fec2d 100644
--- a/core/src/components/fab-button/test/standalone/e2e.ts
+++ b/core/src/components/fab-button/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('fab-button: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/fab-button/test/standalone?ionic:animated=false'
+    url: '/src/components/fab-button/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/fab/test/basic/e2e.ts b/core/src/components/fab/test/basic/e2e.ts
index 9918272189..d5709fc87e 100644
--- a/core/src/components/fab/test/basic/e2e.ts
+++ b/core/src/components/fab/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('fab: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/fab/test/basic?ionic:animated=false'
+    url: '/src/components/fab/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/fab/test/standalone/e2e.ts b/core/src/components/fab/test/standalone/e2e.ts
index 881b5fcdef..4f38990163 100644
--- a/core/src/components/fab/test/standalone/e2e.ts
+++ b/core/src/components/fab/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('fab: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/fab/test/standalone?ionic:animated=false'
+    url: '/src/components/fab/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/grid/test/basic/e2e.ts b/core/src/components/grid/test/basic/e2e.ts
index a3d6acebca..07ebd4fbd7 100644
--- a/core/src/components/grid/test/basic/e2e.ts
+++ b/core/src/components/grid/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('grid: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/grid/test/basic?ionic:animated=false'
+    url: '/src/components/grid/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/grid/test/offsets/e2e.ts b/core/src/components/grid/test/offsets/e2e.ts
index 523c30d8e4..c6dbfdcfb8 100644
--- a/core/src/components/grid/test/offsets/e2e.ts
+++ b/core/src/components/grid/test/offsets/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('grid: offsets', async () => {
   const page = await newE2EPage({
-    url: '/src/components/grid/test/offsets?ionic:animated=false'
+    url: '/src/components/grid/test/offsets?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/grid/test/padding/e2e.ts b/core/src/components/grid/test/padding/e2e.ts
index bc0295cfa8..a5f9447591 100644
--- a/core/src/components/grid/test/padding/e2e.ts
+++ b/core/src/components/grid/test/padding/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('grid: padding', async () => {
   const page = await newE2EPage({
-    url: '/src/components/grid/test/padding?ionic:animated=false'
+    url: '/src/components/grid/test/padding?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/grid/test/sizes/e2e.ts b/core/src/components/grid/test/sizes/e2e.ts
index 74ff7cba43..f5332667df 100644
--- a/core/src/components/grid/test/sizes/e2e.ts
+++ b/core/src/components/grid/test/sizes/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('grid: sizes', async () => {
   const page = await newE2EPage({
-    url: '/src/components/grid/test/sizes?ionic:animated=false'
+    url: '/src/components/grid/test/sizes?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/grid/test/standalone/e2e.ts b/core/src/components/grid/test/standalone/e2e.ts
index f4afb42ed5..44c5dd9228 100644
--- a/core/src/components/grid/test/standalone/e2e.ts
+++ b/core/src/components/grid/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('grid: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/grid/test/standalone?ionic:animated=false'
+    url: '/src/components/grid/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/icon/test/basic/e2e.ts b/core/src/components/icon/test/basic/e2e.ts
index e142b3b175..658afce8f6 100644
--- a/core/src/components/icon/test/basic/e2e.ts
+++ b/core/src/components/icon/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('icon: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/icon/test/basic?ionic:animated=false'
+    url: '/src/components/icon/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/icon/test/items/e2e.ts b/core/src/components/icon/test/items/e2e.ts
index 051651e389..5becd32b5f 100644
--- a/core/src/components/icon/test/items/e2e.ts
+++ b/core/src/components/icon/test/items/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('icon: items', async () => {
   const page = await newE2EPage({
-    url: '/src/components/icon/test/items?ionic:animated=false'
+    url: '/src/components/icon/test/items?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/icon/test/standalone/e2e.ts b/core/src/components/icon/test/standalone/e2e.ts
index 017f5fc96a..9fcb186ce2 100644
--- a/core/src/components/icon/test/standalone/e2e.ts
+++ b/core/src/components/icon/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('icon: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/icon/test/standalone?ionic:animated=false'
+    url: '/src/components/icon/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/img/test/basic/e2e.ts b/core/src/components/img/test/basic/e2e.ts
index d4200afc53..84553b7e94 100644
--- a/core/src/components/img/test/basic/e2e.ts
+++ b/core/src/components/img/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('img: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/img/test/basic?ionic:animated=false'
+    url: '/src/components/img/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/img/test/standalone/e2e.ts b/core/src/components/img/test/standalone/e2e.ts
index 157d655262..9aaff8701a 100644
--- a/core/src/components/img/test/standalone/e2e.ts
+++ b/core/src/components/img/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('img: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/img/test/standalone?ionic:animated=false'
+    url: '/src/components/img/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/infinite-scroll/test/basic/e2e.ts b/core/src/components/infinite-scroll/test/basic/e2e.ts
index 7790e895db..dd0e196669 100644
--- a/core/src/components/infinite-scroll/test/basic/e2e.ts
+++ b/core/src/components/infinite-scroll/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('infinite-scroll: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/infinite-scroll/test/basic?ionic:animated=false'
+    url: '/src/components/infinite-scroll/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/infinite-scroll/test/standalone/e2e.ts b/core/src/components/infinite-scroll/test/standalone/e2e.ts
index c9c5b3f757..5bb3e9f993 100644
--- a/core/src/components/infinite-scroll/test/standalone/e2e.ts
+++ b/core/src/components/infinite-scroll/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('infinite-scroll: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/infinite-scroll/test/standalone?ionic:animated=false'
+    url: '/src/components/infinite-scroll/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/input/test/basic/e2e.ts b/core/src/components/input/test/basic/e2e.ts
index 5fa349c6e8..28d74f0974 100644
--- a/core/src/components/input/test/basic/e2e.ts
+++ b/core/src/components/input/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('input: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/input/test/basic?ionic:animated=false'
+    url: '/src/components/input/test/basic?ionic:_testing=true'
   });
 
   let compare = await page.compareScreenshot();
diff --git a/core/src/components/input/test/standalone/e2e.ts b/core/src/components/input/test/standalone/e2e.ts
index 2ecf58bd41..70830131a5 100644
--- a/core/src/components/input/test/standalone/e2e.ts
+++ b/core/src/components/input/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('input: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/input/test/standalone?ionic:animated=false'
+    url: '/src/components/input/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item-sliding/test/basic/e2e.ts b/core/src/components/item-sliding/test/basic/e2e.ts
index 7237d13f3d..b81fde6caa 100644
--- a/core/src/components/item-sliding/test/basic/e2e.ts
+++ b/core/src/components/item-sliding/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item-sliding: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item-sliding/test/basic?ionic:animated=false'
+    url: '/src/components/item-sliding/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item-sliding/test/standalone/e2e.ts b/core/src/components/item-sliding/test/standalone/e2e.ts
index d963002c6b..a05582e252 100644
--- a/core/src/components/item-sliding/test/standalone/e2e.ts
+++ b/core/src/components/item-sliding/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item-sliding: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item-sliding/test/standalone?ionic:animated=false'
+    url: '/src/components/item-sliding/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/basic/e2e.ts b/core/src/components/item/test/basic/e2e.ts
index 8e7ae36461..a200148084 100644
--- a/core/src/components/item/test/basic/e2e.ts
+++ b/core/src/components/item/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/basic?ionic:animated=false'
+    url: '/src/components/item/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/buttons/e2e.ts b/core/src/components/item/test/buttons/e2e.ts
index 5b2fd87698..ffa0fba728 100644
--- a/core/src/components/item/test/buttons/e2e.ts
+++ b/core/src/components/item/test/buttons/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: buttons', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/buttons?ionic:animated=false'
+    url: '/src/components/item/test/buttons?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/colors/e2e.ts b/core/src/components/item/test/colors/e2e.ts
index b1d86079d3..d1fe52e744 100644
--- a/core/src/components/item/test/colors/e2e.ts
+++ b/core/src/components/item/test/colors/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: colors', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/colors?ionic:animated=false'
+    url: '/src/components/item/test/colors?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/dividers/e2e.ts b/core/src/components/item/test/dividers/e2e.ts
index ad272dd612..7456ae6201 100644
--- a/core/src/components/item/test/dividers/e2e.ts
+++ b/core/src/components/item/test/dividers/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: dividers', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/dividers?ionic:animated=false'
+    url: '/src/components/item/test/dividers?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/groups/e2e.ts b/core/src/components/item/test/groups/e2e.ts
index 8be7546d9c..04fbec70c2 100644
--- a/core/src/components/item/test/groups/e2e.ts
+++ b/core/src/components/item/test/groups/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: groups', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/groups?ionic:animated=false'
+    url: '/src/components/item/test/groups?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/icons/e2e.ts b/core/src/components/item/test/icons/e2e.ts
index 5da26debd0..888378c59a 100644
--- a/core/src/components/item/test/icons/e2e.ts
+++ b/core/src/components/item/test/icons/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: icons', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/icons?ionic:animated=false'
+    url: '/src/components/item/test/icons?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/images/e2e.ts b/core/src/components/item/test/images/e2e.ts
index a0c9f6ad94..5f10bb0885 100644
--- a/core/src/components/item/test/images/e2e.ts
+++ b/core/src/components/item/test/images/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: images', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/images?ionic:animated=false'
+    url: '/src/components/item/test/images?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/inputs/e2e.ts b/core/src/components/item/test/inputs/e2e.ts
index 80bfe01b76..0b30b39c1e 100644
--- a/core/src/components/item/test/inputs/e2e.ts
+++ b/core/src/components/item/test/inputs/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: inputs', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/inputs?ionic:animated=false'
+    url: '/src/components/item/test/inputs?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/lines/e2e.ts b/core/src/components/item/test/lines/e2e.ts
index b35fd0be31..06f6f33683 100644
--- a/core/src/components/item/test/lines/e2e.ts
+++ b/core/src/components/item/test/lines/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: lines', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/lines?ionic:animated=false'
+    url: '/src/components/item/test/lines?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/media/e2e.ts b/core/src/components/item/test/media/e2e.ts
index 3d7e34ec56..3220e3efaa 100644
--- a/core/src/components/item/test/media/e2e.ts
+++ b/core/src/components/item/test/media/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: media', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/media?ionic:animated=false'
+    url: '/src/components/item/test/media?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/reorder/e2e.ts b/core/src/components/item/test/reorder/e2e.ts
index 06ef62ea89..d3e582e633 100644
--- a/core/src/components/item/test/reorder/e2e.ts
+++ b/core/src/components/item/test/reorder/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: reorder', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/reorder?ionic:animated=false'
+    url: '/src/components/item/test/reorder?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/sliding/e2e.ts b/core/src/components/item/test/sliding/e2e.ts
index 0dd7c78a57..2ec0390e08 100644
--- a/core/src/components/item/test/sliding/e2e.ts
+++ b/core/src/components/item/test/sliding/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: sliding', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/sliding?ionic:animated=false'
+    url: '/src/components/item/test/sliding?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/standalone/e2e.ts b/core/src/components/item/test/standalone/e2e.ts
index 4ad2c6f268..1e3d502148 100644
--- a/core/src/components/item/test/standalone/e2e.ts
+++ b/core/src/components/item/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/standalone?ionic:animated=false'
+    url: '/src/components/item/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/item/test/text/e2e.ts b/core/src/components/item/test/text/e2e.ts
index 02e85d7fc1..4b9c72c8b8 100644
--- a/core/src/components/item/test/text/e2e.ts
+++ b/core/src/components/item/test/text/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('item: text', async () => {
   const page = await newE2EPage({
-    url: '/src/components/item/test/text?ionic:animated=false'
+    url: '/src/components/item/test/text?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/label/test/basic/e2e.ts b/core/src/components/label/test/basic/e2e.ts
index ba66fa1bcd..031a9c578f 100644
--- a/core/src/components/label/test/basic/e2e.ts
+++ b/core/src/components/label/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('label: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/label/test/basic?ionic:animated=false'
+    url: '/src/components/label/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/label/test/standalone/e2e.ts b/core/src/components/label/test/standalone/e2e.ts
index 0e30c874aa..0d068bc210 100644
--- a/core/src/components/label/test/standalone/e2e.ts
+++ b/core/src/components/label/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('label: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/label/test/standalone?ionic:animated=false'
+    url: '/src/components/label/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/list/test/basic/e2e.ts b/core/src/components/list/test/basic/e2e.ts
index 20aa3428e1..6383053657 100644
--- a/core/src/components/list/test/basic/e2e.ts
+++ b/core/src/components/list/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('list: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/list/test/basic?ionic:animated=false'
+    url: '/src/components/list/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/list/test/inset/e2e.ts b/core/src/components/list/test/inset/e2e.ts
index f8926bba99..d5c564b493 100644
--- a/core/src/components/list/test/inset/e2e.ts
+++ b/core/src/components/list/test/inset/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('list: inset', async () => {
   const page = await newE2EPage({
-    url: '/src/components/list/test/inset?ionic:animated=false'
+    url: '/src/components/list/test/inset?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/list/test/lines/e2e.ts b/core/src/components/list/test/lines/e2e.ts
index 946398d302..6d93a6d997 100644
--- a/core/src/components/list/test/lines/e2e.ts
+++ b/core/src/components/list/test/lines/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('list: lines', async () => {
   const page = await newE2EPage({
-    url: '/src/components/list/test/lines?ionic:animated=false'
+    url: '/src/components/list/test/lines?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/list/test/standalone/e2e.ts b/core/src/components/list/test/standalone/e2e.ts
index e37231ce6c..fafdba8525 100644
--- a/core/src/components/list/test/standalone/e2e.ts
+++ b/core/src/components/list/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('list: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/list/test/standalone?ionic:animated=false'
+    url: '/src/components/list/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/loading/test/basic/e2e.ts b/core/src/components/loading/test/basic/e2e.ts
index 797cffb794..69ef48713f 100644
--- a/core/src/components/loading/test/basic/e2e.ts
+++ b/core/src/components/loading/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('loading: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/loading/test/basic?ionic:animated=false'
+    url: '/src/components/loading/test/basic?ionic:_testing=true'
   });
 
   await page.click('#basic');
diff --git a/core/src/components/loading/test/standalone/e2e.ts b/core/src/components/loading/test/standalone/e2e.ts
index 6c2945f7d0..f211dd052e 100644
--- a/core/src/components/loading/test/standalone/e2e.ts
+++ b/core/src/components/loading/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('loading: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/loading/test/standalone?ionic:animated=false'
+    url: '/src/components/loading/test/standalone?ionic:_testing=true'
   });
 
   await page.click('#basic');
diff --git a/core/src/components/modal/test/basic/e2e.ts b/core/src/components/modal/test/basic/e2e.ts
index a78e5aff4e..5d566922b1 100644
--- a/core/src/components/modal/test/basic/e2e.ts
+++ b/core/src/components/modal/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('modal: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/modal/test/basic?ionic:animated=false'
+    url: '/src/components/modal/test/basic?ionic:_testing=true'
   });
 
   await page.click('.e2ePresentModal');
diff --git a/core/src/components/modal/test/standalone/e2e.ts b/core/src/components/modal/test/standalone/e2e.ts
index 02adc406b2..a32ca1cb39 100644
--- a/core/src/components/modal/test/standalone/e2e.ts
+++ b/core/src/components/modal/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('modal: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/modal/test/standalone?ionic:animated=false'
+    url: '/src/components/modal/test/standalone?ionic:_testing=true'
   });
 
   await page.click('#basic');
diff --git a/core/src/components/nav/nav.tsx b/core/src/components/nav/nav.tsx
index 203f02b626..44c12a310d 100644
--- a/core/src/components/nav/nav.tsx
+++ b/core/src/components/nav/nav.tsx
@@ -785,7 +785,6 @@ export class Nav implements NavOutlet {
 
     const enteringEl = enteringView.element!;
     const leavingEl = leavingView && leavingView.element!;
-    const animated = this.animated && this.config.getBoolean('animated', true);
     const animationOpts: TransitionOptions = {
       mode: this.mode,
       showGoBack: this.canGoBackSync(enteringView),
@@ -795,7 +794,7 @@ export class Nav implements NavOutlet {
       baseEl: this.el,
       animationBuilder: this.animation || opts.animationBuilder || this.config.get('navAnimation'),
       progressCallback,
-      animated,
+      animated: this.animated,
 
       enteringEl,
       leavingEl,
diff --git a/core/src/components/popover/test/basic/e2e.ts b/core/src/components/popover/test/basic/e2e.ts
index b4253a3e93..0837f45317 100644
--- a/core/src/components/popover/test/basic/e2e.ts
+++ b/core/src/components/popover/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('popover: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/popover/test/basic?ionic:animated=false'
+    url: '/src/components/popover/test/basic?ionic:_testing=true'
   });
 
   await page.click('.e2eShowPopover');
diff --git a/core/src/components/popover/test/standalone/e2e.ts b/core/src/components/popover/test/standalone/e2e.ts
index 32069d88c1..224c6e1886 100644
--- a/core/src/components/popover/test/standalone/e2e.ts
+++ b/core/src/components/popover/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('popover: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/popover/test/standalone?ionic:animated=false'
+    url: '/src/components/popover/test/standalone?ionic:_testing=true'
   });
 
   await page.click('#basic');
diff --git a/core/src/components/radio-group/test/standalone/e2e.ts b/core/src/components/radio-group/test/standalone/e2e.ts
index c7f60d9ffa..bd0da6f94d 100644
--- a/core/src/components/radio-group/test/standalone/e2e.ts
+++ b/core/src/components/radio-group/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('radio-group: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/radio-group/test/standalone?ionic:animated=false'
+    url: '/src/components/radio-group/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/radio/test/basic/e2e.ts b/core/src/components/radio/test/basic/e2e.ts
index f59934a28c..69c549820b 100644
--- a/core/src/components/radio/test/basic/e2e.ts
+++ b/core/src/components/radio/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('radio: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/radio/test/basic?ionic:animated=false'
+    url: '/src/components/radio/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/radio/test/standalone/e2e.ts b/core/src/components/radio/test/standalone/e2e.ts
index 52f3a425a3..a8336e47f5 100644
--- a/core/src/components/radio/test/standalone/e2e.ts
+++ b/core/src/components/radio/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('radio: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/radio/test/standalone?ionic:animated=false'
+    url: '/src/components/radio/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/range/test/basic/e2e.ts b/core/src/components/range/test/basic/e2e.ts
index 889a8a86d0..a9b78ac5c4 100644
--- a/core/src/components/range/test/basic/e2e.ts
+++ b/core/src/components/range/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('range: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/range/test/basic?ionic:animated=false'
+    url: '/src/components/range/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/range/test/standalone/e2e.ts b/core/src/components/range/test/standalone/e2e.ts
index db03b5cc5c..d3d7dea097 100644
--- a/core/src/components/range/test/standalone/e2e.ts
+++ b/core/src/components/range/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('range: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/range/test/standalone?ionic:animated=false'
+    url: '/src/components/range/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/refresher/test/basic/e2e.ts b/core/src/components/refresher/test/basic/e2e.ts
index 85560834f5..bf86aafeaf 100644
--- a/core/src/components/refresher/test/basic/e2e.ts
+++ b/core/src/components/refresher/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('refresher: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/refresher/test/basic?ionic:animated=false'
+    url: '/src/components/refresher/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/reorder-group/test/basic/e2e.ts b/core/src/components/reorder-group/test/basic/e2e.ts
index 48a0d94f51..83435d7a8e 100644
--- a/core/src/components/reorder-group/test/basic/e2e.ts
+++ b/core/src/components/reorder-group/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('reorder: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/reorder/test/basic?ionic:animated=false'
+    url: '/src/components/reorder/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/reorder-group/test/standalone/e2e.ts b/core/src/components/reorder-group/test/standalone/e2e.ts
index 4c3dcbc2a2..774eeb0f3f 100644
--- a/core/src/components/reorder-group/test/standalone/e2e.ts
+++ b/core/src/components/reorder-group/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('reorder: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/reorder/test/standalone?ionic:animated=false'
+    url: '/src/components/reorder/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/searchbar/searchbar.tsx b/core/src/components/searchbar/searchbar.tsx
index 47d7105dc4..54be1110cf 100644
--- a/core/src/components/searchbar/searchbar.tsx
+++ b/core/src/components/searchbar/searchbar.tsx
@@ -1,6 +1,6 @@
 import { Component, ComponentInterface, Element, Event, EventEmitter, Method, Prop, State, Watch } from '@stencil/core';
 
-import { Color, Mode, TextInputChangeEvent } from '../../interface';
+import { Config, Color, Mode, TextInputChangeEvent } from '../../interface';
 import { debounceEvent } from '../../utils/helpers';
 import { createColorClasses } from '../../utils/theme';
 
@@ -20,6 +20,7 @@ export class Searchbar implements ComponentInterface {
 
   @Element() el!: HTMLElement;
 
+  @Prop({ context: 'config' }) config!: Config;
   @Prop({ context: 'document' }) doc!: Document;
 
   @State() focused = false;
@@ -321,7 +322,7 @@ export class Searchbar implements ComponentInterface {
     return {
       class: {
         ...createColorClasses(this.color),
-        'searchbar-animated': this.animated,
+        'searchbar-animated': this.animated && this.config.getBoolean('animated', true),
         'searchbar-has-value': (this.value !== ''),
         'searchbar-show-cancel': this.showCancelButton,
         'searchbar-left-aligned': this.shouldAlignLeft,
diff --git a/core/src/components/searchbar/test/basic/e2e.ts b/core/src/components/searchbar/test/basic/e2e.ts
index cf27f3c908..b3314157cf 100644
--- a/core/src/components/searchbar/test/basic/e2e.ts
+++ b/core/src/components/searchbar/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('searchbar: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/searchbar/test/basic?ionic:animated=false'
+    url: '/src/components/searchbar/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/searchbar/test/standalone/e2e.ts b/core/src/components/searchbar/test/standalone/e2e.ts
index b6dcec73bb..2754d56848 100644
--- a/core/src/components/searchbar/test/standalone/e2e.ts
+++ b/core/src/components/searchbar/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('searchbar: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/searchbar/test/standalone?ionic:animated=false'
+    url: '/src/components/searchbar/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/searchbar/test/toolbar/e2e.ts b/core/src/components/searchbar/test/toolbar/e2e.ts
index 55dc4b48db..551293194b 100644
--- a/core/src/components/searchbar/test/toolbar/e2e.ts
+++ b/core/src/components/searchbar/test/toolbar/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('searchbar: toolbar', async () => {
   const page = await newE2EPage({
-    url: '/src/components/searchbar/test/toolbar?ionic:animated=false'
+    url: '/src/components/searchbar/test/toolbar?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/segment/test/basic/e2e.ts b/core/src/components/segment/test/basic/e2e.ts
index e960660f99..989a43b74c 100644
--- a/core/src/components/segment/test/basic/e2e.ts
+++ b/core/src/components/segment/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('segment: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/segment/test/basic?ionic:animated=false'
+    url: '/src/components/segment/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/segment/test/modes/e2e.ts b/core/src/components/segment/test/modes/e2e.ts
index 22585bcda9..53ae29d38e 100644
--- a/core/src/components/segment/test/modes/e2e.ts
+++ b/core/src/components/segment/test/modes/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('segment: modes', async () => {
   const page = await newE2EPage({
-    url: '/src/components/segment/test/modes?ionic:animated=false'
+    url: '/src/components/segment/test/modes?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/segment/test/standalone/e2e.ts b/core/src/components/segment/test/standalone/e2e.ts
index 757629af4b..89241c537d 100644
--- a/core/src/components/segment/test/standalone/e2e.ts
+++ b/core/src/components/segment/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('segment: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/segment/test/standalone?ionic:animated=false'
+    url: '/src/components/segment/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/select/test/basic/e2e.ts b/core/src/components/select/test/basic/e2e.ts
index 75c95339b2..7fd2551fd2 100644
--- a/core/src/components/select/test/basic/e2e.ts
+++ b/core/src/components/select/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('select: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/select/test/basic?ionic:animated=false'
+    url: '/src/components/select/test/basic?ionic:_testing=true'
   });
 
   let compare = await page.compareScreenshot();
diff --git a/core/src/components/select/test/multiple-value/e2e.ts b/core/src/components/select/test/multiple-value/e2e.ts
index ba32250328..f6a71f8c48 100644
--- a/core/src/components/select/test/multiple-value/e2e.ts
+++ b/core/src/components/select/test/multiple-value/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('select: multiple-value', async () => {
   const page = await newE2EPage({
-    url: '/src/components/select/test/multiple-value?ionic:animated=false'
+    url: '/src/components/select/test/multiple-value?ionic:_testing=true'
   });
 
   let compare = await page.compareScreenshot();
diff --git a/core/src/components/select/test/single-value/e2e.ts b/core/src/components/select/test/single-value/e2e.ts
index 18f8a5d720..3e818e0f78 100644
--- a/core/src/components/select/test/single-value/e2e.ts
+++ b/core/src/components/select/test/single-value/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('select: single-value', async () => {
   const page = await newE2EPage({
-    url: '/src/components/select/test/single-value?ionic:animated=false'
+    url: '/src/components/select/test/single-value?ionic:_testing=true'
   });
 
   let compare = await page.compareScreenshot();
diff --git a/core/src/components/select/test/standalone/e2e.ts b/core/src/components/select/test/standalone/e2e.ts
index efe4320369..d631f2d297 100644
--- a/core/src/components/select/test/standalone/e2e.ts
+++ b/core/src/components/select/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('select: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/select/test/standalone?ionic:animated=false'
+    url: '/src/components/select/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/slides/test/basic/e2e.ts b/core/src/components/slides/test/basic/e2e.ts
index cc6b6955f6..9b8ef0c922 100644
--- a/core/src/components/slides/test/basic/e2e.ts
+++ b/core/src/components/slides/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('slides: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/slides/test/basic?ionic:animated=false'
+    url: '/src/components/slides/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/slides/test/standalone/e2e.ts b/core/src/components/slides/test/standalone/e2e.ts
index bb241d6eb0..2b9f2a2880 100644
--- a/core/src/components/slides/test/standalone/e2e.ts
+++ b/core/src/components/slides/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('slides: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/slides/test/standalone?ionic:animated=false'
+    url: '/src/components/slides/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/spinner/spinner.tsx b/core/src/components/spinner/spinner.tsx
index b398fad463..01c8c5328f 100644
--- a/core/src/components/spinner/spinner.tsx
+++ b/core/src/components/spinner/spinner.tsx
@@ -53,7 +53,7 @@ export class Spinner implements ComponentInterface {
         ...createColorClasses(this.color),
 
         [`spinner-${this.getName()}`]: true,
-        'spinner-paused': !!this.paused
+        'spinner-paused': !!this.paused || this.config.getBoolean('_testing')
       }
     };
   }
diff --git a/core/src/components/spinner/test/basic/e2e.ts b/core/src/components/spinner/test/basic/e2e.ts
index 3ddc9eaeeb..4d2a1c7055 100644
--- a/core/src/components/spinner/test/basic/e2e.ts
+++ b/core/src/components/spinner/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('spinner: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/spinner/test/basic?ionic:animated=false'
+    url: '/src/components/spinner/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/spinner/test/color/e2e.ts b/core/src/components/spinner/test/color/e2e.ts
index e8131741ee..dda79e6381 100644
--- a/core/src/components/spinner/test/color/e2e.ts
+++ b/core/src/components/spinner/test/color/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('spinner: color', async () => {
   const page = await newE2EPage({
-    url: '/src/components/spinner/test/color?ionic:animated=false'
+    url: '/src/components/spinner/test/color?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/spinner/test/standalone/e2e.ts b/core/src/components/spinner/test/standalone/e2e.ts
index 26ed2a2659..5dc53460cf 100644
--- a/core/src/components/spinner/test/standalone/e2e.ts
+++ b/core/src/components/spinner/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('spinner: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/spinner/test/standalone?ionic:animated=false'
+    url: '/src/components/spinner/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/split-pane/test/basic/e2e.ts b/core/src/components/split-pane/test/basic/e2e.ts
index 3e895b7fde..98471840bf 100644
--- a/core/src/components/split-pane/test/basic/e2e.ts
+++ b/core/src/components/split-pane/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('split-pane: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/split-pane/test/basic?ionic:animated=false'
+    url: '/src/components/split-pane/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/text/test/basic/e2e.ts b/core/src/components/text/test/basic/e2e.ts
index 3db638bfbb..f4f8abac99 100644
--- a/core/src/components/text/test/basic/e2e.ts
+++ b/core/src/components/text/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('text: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/text/test/basic?ionic:animated=false'
+    url: '/src/components/text/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/textarea/test/basic/e2e.ts b/core/src/components/textarea/test/basic/e2e.ts
index c3c81d0d13..6a43fb3662 100644
--- a/core/src/components/textarea/test/basic/e2e.ts
+++ b/core/src/components/textarea/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('textarea: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/textarea/test/basic?ionic:animated=false'
+    url: '/src/components/textarea/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/textarea/test/standalone/e2e.ts b/core/src/components/textarea/test/standalone/e2e.ts
index e23dcdad04..c26764dc73 100644
--- a/core/src/components/textarea/test/standalone/e2e.ts
+++ b/core/src/components/textarea/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('textarea: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/textarea/test/standalone?ionic:animated=false'
+    url: '/src/components/textarea/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/toast/test/basic/e2e.ts b/core/src/components/toast/test/basic/e2e.ts
index ebd6296e38..07b6eea1bd 100644
--- a/core/src/components/toast/test/basic/e2e.ts
+++ b/core/src/components/toast/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('toast: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/toast/test/basic?ionic:animated=false'
+    url: '/src/components/toast/test/basic?ionic:_testing=true'
   });
 
   const button = await page.find('#showBottomToast');
diff --git a/core/src/components/toast/test/standalone/e2e.ts b/core/src/components/toast/test/standalone/e2e.ts
index 9065fb1ea0..b31ec94e74 100644
--- a/core/src/components/toast/test/standalone/e2e.ts
+++ b/core/src/components/toast/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('toast: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/toast/test/standalone?ionic:animated=false'
+    url: '/src/components/toast/test/standalone?ionic:_testing=true'
   });
 
   const button = await page.find('#basic');
diff --git a/core/src/components/toggle/test/basic/e2e.ts b/core/src/components/toggle/test/basic/e2e.ts
index e4fd6cb32e..1ac8adf288 100644
--- a/core/src/components/toggle/test/basic/e2e.ts
+++ b/core/src/components/toggle/test/basic/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('toggle: basic', async () => {
   const page = await newE2EPage({
-    url: '/src/components/toggle/test/basic?ionic:animated=false'
+    url: '/src/components/toggle/test/basic?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/components/toggle/test/standalone/e2e.ts b/core/src/components/toggle/test/standalone/e2e.ts
index b8fdbc7e96..f2e7d8650e 100644
--- a/core/src/components/toggle/test/standalone/e2e.ts
+++ b/core/src/components/toggle/test/standalone/e2e.ts
@@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
 
 it('toggle: standalone', async () => {
   const page = await newE2EPage({
-    url: '/src/components/toggle/test/standalone?ionic:animated=false'
+    url: '/src/components/toggle/test/standalone?ionic:_testing=true'
   });
 
   const compare = await page.compareScreenshot();
diff --git a/core/src/global/ionic-global.ts b/core/src/global/ionic-global.ts
index 1858e2b140..3525f41bcd 100644
--- a/core/src/global/ionic-global.ts
+++ b/core/src/global/ionic-global.ts
@@ -40,3 +40,6 @@ Ionic.mode = Context.mode = mode;
 config.set('mode', mode);
 documentElement.setAttribute('mode', mode);
 documentElement.classList.add(mode);
+if (config.getBoolean('_testing')) {
+  config.set('animated', false);
+}
diff --git a/core/src/utils/config.ts b/core/src/utils/config.ts
index 5aaf9ceb4b..7f368e6d0e 100644
--- a/core/src/utils/config.ts
+++ b/core/src/utils/config.ts
@@ -52,6 +52,7 @@ export interface IonicConfig {
   pickerLeave?: AnimationBuilder;
 
   _forceStatusbarPadding?: boolean;
+  _testing?: boolean;
 }
 
 export function setupConfig(config: IonicConfig) {