From ae3271f2d7b1de010f955a494c21c2ebc34fd0ed Mon Sep 17 00:00:00 2001
From: Cam Wiegert <cam@camwiegert.com>
Date: Thu, 11 Oct 2018 15:13:23 -0500
Subject: [PATCH] test(all): inject test styles on flag

---
 core/scripts/screenshot/testing.css               |  3 ---
 core/scripts/screenshot/testing.js                | 15 +++++++++++++++
 .../test/alert-from-action-sheet/index.html       |  2 +-
 .../components/action-sheet/test/basic/index.html |  2 +-
 .../action-sheet/test/cancel-only/index.html      |  2 +-
 .../action-sheet/test/custom-css/index.html       |  2 +-
 .../components/action-sheet/test/icons/index.html |  2 +-
 .../test/no-backdrop-dismiss/index.html           |  2 +-
 .../action-sheet/test/preview/index.html          |  2 +-
 .../test/scroll-without-cancel/index.html         |  2 +-
 .../test/scrollable-options/index.html            |  2 +-
 .../action-sheet/test/standalone/index.html       |  2 +-
 .../action-sheet/test/translucent/index.html      |  2 +-
 core/src/components/alert/test/basic/index.html   |  2 +-
 core/src/components/alert/test/preview/index.html |  2 +-
 .../components/alert/test/standalone/index.html   |  2 +-
 .../components/alert/test/translucent/index.html  |  2 +-
 core/src/components/anchor/test/basic/index.html  |  2 +-
 .../components/anchor/test/standalone/index.html  |  2 +-
 core/src/components/app/test/cordova/index.html   |  2 +-
 core/src/components/avatar/test/basic/index.html  |  2 +-
 .../src/components/avatar/test/preview/index.html |  2 +-
 .../components/avatar/test/standalone/index.html  |  2 +-
 .../components/back-button/test/basic/index.html  |  2 +-
 .../back-button/test/host-element/index.html      |  2 +-
 .../back-button/test/preview/index.html           |  2 +-
 .../back-button/test/standalone/index.html        |  2 +-
 core/src/components/badge/test/basic/index.html   |  2 +-
 core/src/components/badge/test/preview/index.html |  2 +-
 .../components/badge/test/standalone/index.html   |  2 +-
 core/src/components/button/test/anchor/index.html |  2 +-
 core/src/components/button/test/basic/index.html  |  2 +-
 core/src/components/button/test/clear/index.html  |  2 +-
 core/src/components/button/test/expand/index.html |  2 +-
 core/src/components/button/test/form/index.html   |  2 +-
 core/src/components/button/test/icon/index.html   |  2 +-
 .../src/components/button/test/outline/index.html |  2 +-
 .../src/components/button/test/preview/index.html |  2 +-
 core/src/components/button/test/round/index.html  |  2 +-
 core/src/components/button/test/size/index.html   |  2 +-
 .../components/button/test/standalone/index.html  |  2 +-
 core/src/components/button/test/strong/index.html |  2 +-
 .../src/components/button/test/toolbar/index.html |  2 +-
 core/src/components/buttons/test/icon/index.html  |  2 +-
 core/src/components/card/test/basic/index.html    |  2 +-
 core/src/components/card/test/preview/index.html  |  2 +-
 .../components/card/test/standalone/index.html    |  2 +-
 .../components/card/test/translucent/index.html   |  2 +-
 .../src/components/checkbox/test/basic/index.html |  2 +-
 .../components/checkbox/test/preview/index.html   |  2 +-
 .../checkbox/test/standalone/index.html           |  2 +-
 core/src/components/chip/test/basic/index.html    |  2 +-
 core/src/components/chip/test/preview/index.html  |  2 +-
 .../components/chip/test/standalone/index.html    |  2 +-
 core/src/components/content/test/basic/index.html |  2 +-
 .../components/content/test/fullscreen/index.html |  2 +-
 .../components/content/test/preview/index.html    |  2 +-
 .../components/content/test/standalone/index.html |  2 +-
 .../src/components/datetime/test/basic/index.html |  2 +-
 .../components/datetime/test/preview/index.html   |  2 +-
 .../datetime/test/standalone/index.html           |  2 +-
 .../fab-button/test/standalone/index.html         |  2 +-
 core/src/components/fab/test/basic/index.html     |  2 +-
 core/src/components/fab/test/preview/index.html   |  2 +-
 .../src/components/fab/test/standalone/index.html |  2 +-
 .../components/fab/test/translucent/index.html    |  2 +-
 .../components/footer/test/translucent/index.html |  2 +-
 core/src/components/grid/test/basic/index.html    |  2 +-
 core/src/components/grid/test/offsets/index.html  |  2 +-
 core/src/components/grid/test/padding/index.html  |  2 +-
 core/src/components/grid/test/preview/index.html  |  2 +-
 core/src/components/grid/test/sizes/index.html    |  2 +-
 .../components/grid/test/standalone/index.html    |  2 +-
 .../components/header/test/translucent/index.html |  2 +-
 .../components/hide-when/test/basic/index.html    |  2 +-
 .../components/hide-when/test/preview/index.html  |  2 +-
 core/src/components/icon/test/basic/index.html    |  2 +-
 core/src/components/icon/test/items/index.html    |  2 +-
 core/src/components/icon/test/preview/index.html  |  2 +-
 .../components/icon/test/standalone/index.html    |  2 +-
 core/src/components/img/test/basic/index.html     |  2 +-
 .../src/components/img/test/standalone/index.html |  2 +-
 .../infinite-scroll/test/basic/index.html         |  2 +-
 .../infinite-scroll/test/preview/index.html       |  2 +-
 .../infinite-scroll/test/standalone/index.html    |  2 +-
 .../infinite-scroll/test/top/index.html           |  2 +-
 .../components/input/test/attributes/index.html   |  2 +-
 core/src/components/input/test/basic/index.html   |  2 +-
 core/src/components/input/test/preview/index.html |  2 +-
 .../components/input/test/standalone/index.html   |  2 +-
 .../item-divider/test/preview/index.html          |  2 +-
 .../item-divider/test/standalone/index.html       |  2 +-
 .../components/item-sliding/test/basic/index.html |  2 +-
 .../components/item-sliding/test/lines/index.html |  2 +-
 .../item-sliding/test/preview/index.html          |  2 +-
 .../item-sliding/test/standalone/index.html       |  2 +-
 core/src/components/item/test/basic/index.html    |  2 +-
 core/src/components/item/test/buttons/index.html  |  2 +-
 core/src/components/item/test/colors/index.html   |  2 +-
 core/src/components/item/test/dividers/index.html |  2 +-
 core/src/components/item/test/groups/index.html   |  2 +-
 core/src/components/item/test/icons/index.html    |  2 +-
 core/src/components/item/test/images/index.html   |  2 +-
 core/src/components/item/test/inputs/index.html   |  2 +-
 core/src/components/item/test/lines/index.html    |  2 +-
 core/src/components/item/test/media/index.html    |  2 +-
 core/src/components/item/test/preview/index.html  |  2 +-
 core/src/components/item/test/reorder/index.html  |  2 +-
 core/src/components/item/test/sliding/index.html  |  2 +-
 .../components/item/test/standalone/index.html    |  2 +-
 core/src/components/item/test/text/index.html     |  2 +-
 core/src/components/label/test/basic/index.html   |  2 +-
 core/src/components/label/test/preview/index.html |  2 +-
 .../components/label/test/standalone/index.html   |  2 +-
 core/src/components/list/test/basic/index.html    |  2 +-
 core/src/components/list/test/inset/index.html    |  2 +-
 core/src/components/list/test/lines/index.html    |  2 +-
 core/src/components/list/test/preview/index.html  |  2 +-
 .../components/list/test/standalone/index.html    |  2 +-
 core/src/components/loading/test/basic/index.html |  2 +-
 .../components/loading/test/preview/index.html    |  2 +-
 .../components/loading/test/standalone/index.html |  2 +-
 .../components/menu-toggle/test/basic/index.html  |  2 +-
 .../components/menu-toggle/test/button/index.html |  2 +-
 .../components/menu-toggle/test/list/index.html   |  2 +-
 .../menu-toggle/test/preview/index.html           |  2 +-
 core/src/components/menu/test/basic/index.html    |  2 +-
 core/src/components/menu/test/preview/index.html  |  2 +-
 .../components/menu/test/standalone/index.html    |  2 +-
 core/src/components/modal/test/basic/index.html   |  2 +-
 .../modal/test/host-elements/index.html           |  2 +-
 core/src/components/modal/test/preview/index.html |  2 +-
 .../components/modal/test/standalone/index.html   |  2 +-
 core/src/components/nav-pop/test/basic/index.html |  2 +-
 .../components/nav-pop/test/preview/index.html    |  2 +-
 .../src/components/nav-push/test/basic/index.html |  2 +-
 .../components/nav-push/test/preview/index.html   |  2 +-
 .../components/nav-set-root/test/basic/index.html |  2 +-
 .../nav-set-root/test/preview/index.html          |  2 +-
 core/src/components/nav/test/basic/index.html     |  2 +-
 .../components/nav/test/host-elements/index.html  |  2 +-
 core/src/components/nav/test/preview/index.html   |  2 +-
 core/src/components/nav/test/routing/index.html   |  2 +-
 core/src/components/nav/test/set-root/index.html  |  2 +-
 .../nav/test/simple-nested-navs/index.html        |  2 +-
 core/src/components/note/test/basic/index.html    |  2 +-
 core/src/components/note/test/preview/index.html  |  2 +-
 .../components/note/test/standalone/index.html    |  2 +-
 core/src/components/popover/test/basic/index.html |  2 +-
 .../components/popover/test/preview/index.html    |  2 +-
 .../components/popover/test/standalone/index.html |  2 +-
 .../components/radio-group/test/basic/index.html  |  2 +-
 .../components/radio-group/test/form/index.html   |  2 +-
 .../radio-group/test/preview/index.html           |  2 +-
 .../radio-group/test/standalone/index.html        |  2 +-
 core/src/components/radio/test/basic/index.html   |  2 +-
 core/src/components/radio/test/preview/index.html |  2 +-
 .../components/radio/test/standalone/index.html   |  2 +-
 core/src/components/range/test/basic/index.html   |  2 +-
 core/src/components/range/test/preview/index.html |  2 +-
 .../components/range/test/standalone/index.html   |  2 +-
 .../components/refresher/test/basic/index.html    |  2 +-
 .../components/refresher/test/preview/index.html  |  2 +-
 .../reorder-group/test/basic/index.html           |  2 +-
 .../reorder-group/test/preview/index.html         |  2 +-
 .../reorder-group/test/standalone/index.html      |  2 +-
 .../ripple-effect/test/basic/index.html           |  2 +-
 .../ripple-effect/test/preview/index.html         |  2 +-
 .../router-outlet/test/basic/index.html           |  2 +-
 core/src/components/router/test/basic/index.html  |  2 +-
 .../src/components/router/test/preview/index.html |  2 +-
 .../components/searchbar/test/basic/index.html    |  2 +-
 .../components/searchbar/test/preview/index.html  |  2 +-
 .../searchbar/test/standalone/index.html          |  2 +-
 .../components/searchbar/test/toolbar/index.html  |  2 +-
 core/src/components/segment/test/basic/index.html |  2 +-
 core/src/components/segment/test/modes/index.html |  2 +-
 .../components/segment/test/preview/index.html    |  2 +-
 .../components/segment/test/standalone/index.html |  2 +-
 .../components/segment/test/toolbar/index.html    |  2 +-
 core/src/components/select/test/basic/index.html  |  2 +-
 .../select/test/multiple-value/index.html         |  2 +-
 .../src/components/select/test/preview/index.html |  2 +-
 .../select/test/single-value/index.html           |  2 +-
 .../components/select/test/standalone/index.html  |  2 +-
 .../components/show-when/test/basic/index.html    |  2 +-
 .../components/show-when/test/preview/index.html  |  2 +-
 .../skeleton-text/test/basic/index.html           |  2 +-
 .../skeleton-text/test/preview/index.html         |  2 +-
 .../components/slides/test/app-intro/index.html   |  2 +-
 core/src/components/slides/test/basic/index.html  |  2 +-
 .../components/slides/test/pagination/index.html  |  2 +-
 .../src/components/slides/test/preview/index.html |  2 +-
 .../components/slides/test/scrollbar/index.html   |  2 +-
 .../components/slides/test/standalone/index.html  |  2 +-
 core/src/components/spinner/test/basic/index.html |  2 +-
 core/src/components/spinner/test/color/index.html |  2 +-
 .../components/spinner/test/preview/index.html    |  2 +-
 .../components/spinner/test/standalone/index.html |  2 +-
 .../components/split-pane/test/basic/index.html   |  2 +-
 .../components/split-pane/test/preview/index.html |  2 +-
 core/src/components/tabs/test/basic/index.html    |  2 +-
 core/src/components/tabs/test/colors/index.html   |  2 +-
 core/src/components/tabs/test/nav/index.html      |  2 +-
 .../components/tabs/test/placements/index.html    |  2 +-
 core/src/components/tabs/test/preview/index.html  |  2 +-
 .../components/tabs/test/translucent/index.html   |  2 +-
 core/src/components/tabs/test/vanilla/index.html  |  2 +-
 core/src/components/text/test/basic/index.html    |  2 +-
 core/src/components/text/test/preview/index.html  |  2 +-
 .../src/components/textarea/test/basic/index.html |  2 +-
 .../components/textarea/test/preview/index.html   |  2 +-
 .../textarea/test/standalone/index.html           |  2 +-
 .../components/thumbnail/test/basic/index.html    |  2 +-
 .../components/thumbnail/test/preview/index.html  |  2 +-
 .../thumbnail/test/standalone/index.html          |  2 +-
 core/src/components/toast/test/basic/index.html   |  2 +-
 core/src/components/toast/test/preview/index.html |  2 +-
 .../components/toast/test/standalone/index.html   |  2 +-
 core/src/components/toggle/test/basic/index.html  |  2 +-
 .../src/components/toggle/test/preview/index.html |  2 +-
 .../components/toggle/test/standalone/index.html  |  2 +-
 core/src/components/toolbar/test/basic/index.html |  2 +-
 .../src/components/toolbar/test/colors/index.html |  2 +-
 .../components/toolbar/test/preview/index.html    |  2 +-
 .../components/toolbar/test/scenarios/index.html  |  2 +-
 .../components/toolbar/test/standalone/index.html |  2 +-
 .../toolbar/test/translucent/index.html           |  2 +-
 228 files changed, 241 insertions(+), 229 deletions(-)
 delete mode 100644 core/scripts/screenshot/testing.css
 create mode 100644 core/scripts/screenshot/testing.js

diff --git a/core/scripts/screenshot/testing.css b/core/scripts/screenshot/testing.css
deleted file mode 100644
index 73c84d7d1a..0000000000
--- a/core/scripts/screenshot/testing.css
+++ /dev/null
@@ -1,3 +0,0 @@
-:root {
-  --ion-font-family: Arial;
-}
diff --git a/core/scripts/screenshot/testing.js b/core/scripts/screenshot/testing.js
new file mode 100644
index 0000000000..d767e79632
--- /dev/null
+++ b/core/scripts/screenshot/testing.js
@@ -0,0 +1,15 @@
+{
+  const getStyles = () => {
+    const tag = document.createElement('style');
+    tag.textContent = `
+      :root {
+        --ion-font-family: Arial;
+      }
+    `;
+    return tag;
+  };
+
+  if (window.location.search.indexOf('ionic:_testing=true') > -1) {
+    document.head.appendChild(getStyles());
+  }
+}
diff --git a/core/src/components/action-sheet/test/alert-from-action-sheet/index.html b/core/src/components/action-sheet/test/alert-from-action-sheet/index.html
index f432a245a0..2e9631348a 100644
--- a/core/src/components/action-sheet/test/alert-from-action-sheet/index.html
+++ b/core/src/components/action-sheet/test/alert-from-action-sheet/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/action-sheet/test/basic/index.html b/core/src/components/action-sheet/test/basic/index.html
index 92121df396..0b019f6010 100644
--- a/core/src/components/action-sheet/test/basic/index.html
+++ b/core/src/components/action-sheet/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/action-sheet/test/cancel-only/index.html b/core/src/components/action-sheet/test/cancel-only/index.html
index 65629856d6..9a4aa897aa 100644
--- a/core/src/components/action-sheet/test/cancel-only/index.html
+++ b/core/src/components/action-sheet/test/cancel-only/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/action-sheet/test/custom-css/index.html b/core/src/components/action-sheet/test/custom-css/index.html
index 9c15eb7519..c5cea8404d 100644
--- a/core/src/components/action-sheet/test/custom-css/index.html
+++ b/core/src/components/action-sheet/test/custom-css/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/action-sheet/test/icons/index.html b/core/src/components/action-sheet/test/icons/index.html
index 9be4bfa91b..aed2e1b18f 100644
--- a/core/src/components/action-sheet/test/icons/index.html
+++ b/core/src/components/action-sheet/test/icons/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/action-sheet/test/no-backdrop-dismiss/index.html b/core/src/components/action-sheet/test/no-backdrop-dismiss/index.html
index c4227fb719..4cd85652f7 100644
--- a/core/src/components/action-sheet/test/no-backdrop-dismiss/index.html
+++ b/core/src/components/action-sheet/test/no-backdrop-dismiss/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/action-sheet/test/preview/index.html b/core/src/components/action-sheet/test/preview/index.html
index 062a26b7e6..2cf347a5bd 100644
--- a/core/src/components/action-sheet/test/preview/index.html
+++ b/core/src/components/action-sheet/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/action-sheet/test/scroll-without-cancel/index.html b/core/src/components/action-sheet/test/scroll-without-cancel/index.html
index 0f865bd43f..38924b55b3 100644
--- a/core/src/components/action-sheet/test/scroll-without-cancel/index.html
+++ b/core/src/components/action-sheet/test/scroll-without-cancel/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/action-sheet/test/scrollable-options/index.html b/core/src/components/action-sheet/test/scrollable-options/index.html
index 1466e49c10..13c42ae210 100644
--- a/core/src/components/action-sheet/test/scrollable-options/index.html
+++ b/core/src/components/action-sheet/test/scrollable-options/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/action-sheet/test/standalone/index.html b/core/src/components/action-sheet/test/standalone/index.html
index e78f607d4f..0f77409533 100644
--- a/core/src/components/action-sheet/test/standalone/index.html
+++ b/core/src/components/action-sheet/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/action-sheet/test/translucent/index.html b/core/src/components/action-sheet/test/translucent/index.html
index d4f44b0588..3bbd1654af 100644
--- a/core/src/components/action-sheet/test/translucent/index.html
+++ b/core/src/components/action-sheet/test/translucent/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/alert/test/basic/index.html b/core/src/components/alert/test/basic/index.html
index 3ae2cfd583..2e50a5182a 100644
--- a/core/src/components/alert/test/basic/index.html
+++ b/core/src/components/alert/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/alert/test/preview/index.html b/core/src/components/alert/test/preview/index.html
index 139bd5d0a7..3849ccd031 100644
--- a/core/src/components/alert/test/preview/index.html
+++ b/core/src/components/alert/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/alert/test/standalone/index.html b/core/src/components/alert/test/standalone/index.html
index 68d51e8a6d..4c837de8db 100644
--- a/core/src/components/alert/test/standalone/index.html
+++ b/core/src/components/alert/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/alert/test/translucent/index.html b/core/src/components/alert/test/translucent/index.html
index d6020465e2..9b6941aef8 100644
--- a/core/src/components/alert/test/translucent/index.html
+++ b/core/src/components/alert/test/translucent/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/anchor/test/basic/index.html b/core/src/components/anchor/test/basic/index.html
index de5f157032..b86242fbcc 100644
--- a/core/src/components/anchor/test/basic/index.html
+++ b/core/src/components/anchor/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/anchor/test/standalone/index.html b/core/src/components/anchor/test/standalone/index.html
index 01b582bae1..bb54360ca5 100644
--- a/core/src/components/anchor/test/standalone/index.html
+++ b/core/src/components/anchor/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body padding>
diff --git a/core/src/components/app/test/cordova/index.html b/core/src/components/app/test/cordova/index.html
index a850177442..95ad9bd595 100644
--- a/core/src/components/app/test/cordova/index.html
+++ b/core/src/components/app/test/cordova/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <script type="text/javascript">
     window.Ionic.config = { statusbarPadding: true };
   </script>
diff --git a/core/src/components/avatar/test/basic/index.html b/core/src/components/avatar/test/basic/index.html
index ede97295de..23990e50ee 100644
--- a/core/src/components/avatar/test/basic/index.html
+++ b/core/src/components/avatar/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/avatar/test/preview/index.html b/core/src/components/avatar/test/preview/index.html
index f716aa233d..90e5f86394 100644
--- a/core/src/components/avatar/test/preview/index.html
+++ b/core/src/components/avatar/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/avatar/test/standalone/index.html b/core/src/components/avatar/test/standalone/index.html
index 3882a81d72..da6f744842 100644
--- a/core/src/components/avatar/test/standalone/index.html
+++ b/core/src/components/avatar/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body padding>
diff --git a/core/src/components/back-button/test/basic/index.html b/core/src/components/back-button/test/basic/index.html
index f0423c0413..5c5396946e 100644
--- a/core/src/components/back-button/test/basic/index.html
+++ b/core/src/components/back-button/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body onload="loadFirstPage()">
diff --git a/core/src/components/back-button/test/host-element/index.html b/core/src/components/back-button/test/host-element/index.html
index a5fcce4a5b..538e438240 100644
--- a/core/src/components/back-button/test/host-element/index.html
+++ b/core/src/components/back-button/test/host-element/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <script>
     class PageOne extends HTMLElement {
       connectedCallback() {
diff --git a/core/src/components/back-button/test/preview/index.html b/core/src/components/back-button/test/preview/index.html
index c4907bf323..c9cbcf32d8 100644
--- a/core/src/components/back-button/test/preview/index.html
+++ b/core/src/components/back-button/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body onload="loadFirstPage()">
diff --git a/core/src/components/back-button/test/standalone/index.html b/core/src/components/back-button/test/standalone/index.html
index 8f20f1c7a2..b2253d6181 100644
--- a/core/src/components/back-button/test/standalone/index.html
+++ b/core/src/components/back-button/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/badge/test/basic/index.html b/core/src/components/badge/test/basic/index.html
index 25b01c079d..e4a96caf14 100644
--- a/core/src/components/badge/test/basic/index.html
+++ b/core/src/components/badge/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/badge/test/preview/index.html b/core/src/components/badge/test/preview/index.html
index 80274a1929..ebd9c863d4 100644
--- a/core/src/components/badge/test/preview/index.html
+++ b/core/src/components/badge/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/badge/test/standalone/index.html b/core/src/components/badge/test/standalone/index.html
index d3077fac97..a6e604e8ab 100644
--- a/core/src/components/badge/test/standalone/index.html
+++ b/core/src/components/badge/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body padding>
diff --git a/core/src/components/button/test/anchor/index.html b/core/src/components/button/test/anchor/index.html
index b6121cfa91..b8b1282757 100644
--- a/core/src/components/button/test/anchor/index.html
+++ b/core/src/components/button/test/anchor/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/button/test/basic/index.html b/core/src/components/button/test/basic/index.html
index 9f2df87ba0..3a639f6c10 100644
--- a/core/src/components/button/test/basic/index.html
+++ b/core/src/components/button/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/button/test/clear/index.html b/core/src/components/button/test/clear/index.html
index 27458cc96c..ecad6cf446 100644
--- a/core/src/components/button/test/clear/index.html
+++ b/core/src/components/button/test/clear/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/button/test/expand/index.html b/core/src/components/button/test/expand/index.html
index 9b2cddbd48..88202eebab 100644
--- a/core/src/components/button/test/expand/index.html
+++ b/core/src/components/button/test/expand/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/button/test/form/index.html b/core/src/components/button/test/form/index.html
index 337d12e46e..14ba7705bc 100644
--- a/core/src/components/button/test/form/index.html
+++ b/core/src/components/button/test/form/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/button/test/icon/index.html b/core/src/components/button/test/icon/index.html
index 9a4d42dcdb..4ab2148f64 100644
--- a/core/src/components/button/test/icon/index.html
+++ b/core/src/components/button/test/icon/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/button/test/outline/index.html b/core/src/components/button/test/outline/index.html
index 9ed635b50f..5559d08f61 100644
--- a/core/src/components/button/test/outline/index.html
+++ b/core/src/components/button/test/outline/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/button/test/preview/index.html b/core/src/components/button/test/preview/index.html
index 97c36cde57..62cc4174bb 100644
--- a/core/src/components/button/test/preview/index.html
+++ b/core/src/components/button/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/button/test/round/index.html b/core/src/components/button/test/round/index.html
index 4e331735ad..6c5082e42e 100644
--- a/core/src/components/button/test/round/index.html
+++ b/core/src/components/button/test/round/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/button/test/size/index.html b/core/src/components/button/test/size/index.html
index 593f5bd8dc..2ac5477533 100644
--- a/core/src/components/button/test/size/index.html
+++ b/core/src/components/button/test/size/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/button/test/standalone/index.html b/core/src/components/button/test/standalone/index.html
index 6cfe7e8f14..80af68bc22 100644
--- a/core/src/components/button/test/standalone/index.html
+++ b/core/src/components/button/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/button/test/strong/index.html b/core/src/components/button/test/strong/index.html
index 9118904846..d97c960652 100644
--- a/core/src/components/button/test/strong/index.html
+++ b/core/src/components/button/test/strong/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/button/test/toolbar/index.html b/core/src/components/button/test/toolbar/index.html
index 78b0398ff9..d13399ba00 100644
--- a/core/src/components/button/test/toolbar/index.html
+++ b/core/src/components/button/test/toolbar/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/buttons/test/icon/index.html b/core/src/components/buttons/test/icon/index.html
index 07c158e266..78766e8788 100644
--- a/core/src/components/buttons/test/icon/index.html
+++ b/core/src/components/buttons/test/icon/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/card/test/basic/index.html b/core/src/components/card/test/basic/index.html
index 708d899623..0449a4be58 100644
--- a/core/src/components/card/test/basic/index.html
+++ b/core/src/components/card/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/card/test/preview/index.html b/core/src/components/card/test/preview/index.html
index b88512a142..43ad9cf859 100644
--- a/core/src/components/card/test/preview/index.html
+++ b/core/src/components/card/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/card/test/standalone/index.html b/core/src/components/card/test/standalone/index.html
index 76f68186c3..46500e1548 100644
--- a/core/src/components/card/test/standalone/index.html
+++ b/core/src/components/card/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/card/test/translucent/index.html b/core/src/components/card/test/translucent/index.html
index 3ed8c0c5ef..9397cb04ee 100644
--- a/core/src/components/card/test/translucent/index.html
+++ b/core/src/components/card/test/translucent/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/checkbox/test/basic/index.html b/core/src/components/checkbox/test/basic/index.html
index 189a81a085..ce6a86dd81 100644
--- a/core/src/components/checkbox/test/basic/index.html
+++ b/core/src/components/checkbox/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/checkbox/test/preview/index.html b/core/src/components/checkbox/test/preview/index.html
index ca505ddf6c..23842fe3ad 100644
--- a/core/src/components/checkbox/test/preview/index.html
+++ b/core/src/components/checkbox/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/checkbox/test/standalone/index.html b/core/src/components/checkbox/test/standalone/index.html
index a97884615a..d8695bd4a0 100644
--- a/core/src/components/checkbox/test/standalone/index.html
+++ b/core/src/components/checkbox/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body padding>
diff --git a/core/src/components/chip/test/basic/index.html b/core/src/components/chip/test/basic/index.html
index 47274c9937..d89c95e158 100644
--- a/core/src/components/chip/test/basic/index.html
+++ b/core/src/components/chip/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/chip/test/preview/index.html b/core/src/components/chip/test/preview/index.html
index f56f60fb5c..a71f9a1902 100644
--- a/core/src/components/chip/test/preview/index.html
+++ b/core/src/components/chip/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/chip/test/standalone/index.html b/core/src/components/chip/test/standalone/index.html
index 00cce0c79c..89513c590c 100644
--- a/core/src/components/chip/test/standalone/index.html
+++ b/core/src/components/chip/test/standalone/index.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 <body>
   <h2>Text Chips</h2>
diff --git a/core/src/components/content/test/basic/index.html b/core/src/components/content/test/basic/index.html
index 648ecacaf3..fecd11da3a 100644
--- a/core/src/components/content/test/basic/index.html
+++ b/core/src/components/content/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/content/test/fullscreen/index.html b/core/src/components/content/test/fullscreen/index.html
index ef05cc2bf9..cbcd9084f4 100644
--- a/core/src/components/content/test/fullscreen/index.html
+++ b/core/src/components/content/test/fullscreen/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/content/test/preview/index.html b/core/src/components/content/test/preview/index.html
index 3565e67ec3..26e6559827 100644
--- a/core/src/components/content/test/preview/index.html
+++ b/core/src/components/content/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/content/test/standalone/index.html b/core/src/components/content/test/standalone/index.html
index f18b443c75..943ebbd868 100644
--- a/core/src/components/content/test/standalone/index.html
+++ b/core/src/components/content/test/standalone/index.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 <body>
   <div class="content-height">
diff --git a/core/src/components/datetime/test/basic/index.html b/core/src/components/datetime/test/basic/index.html
index 93386612c2..67a4c2138d 100644
--- a/core/src/components/datetime/test/basic/index.html
+++ b/core/src/components/datetime/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/datetime/test/preview/index.html b/core/src/components/datetime/test/preview/index.html
index 3ff44cf3ba..ecdc0da5dd 100644
--- a/core/src/components/datetime/test/preview/index.html
+++ b/core/src/components/datetime/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/datetime/test/standalone/index.html b/core/src/components/datetime/test/standalone/index.html
index 6381ecb348..0b11128658 100644
--- a/core/src/components/datetime/test/standalone/index.html
+++ b/core/src/components/datetime/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/fab-button/test/standalone/index.html b/core/src/components/fab-button/test/standalone/index.html
index b3165a0cc2..361bef2927 100644
--- a/core/src/components/fab-button/test/standalone/index.html
+++ b/core/src/components/fab-button/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/fab/test/basic/index.html b/core/src/components/fab/test/basic/index.html
index fd9682f719..3bb8ace59e 100644
--- a/core/src/components/fab/test/basic/index.html
+++ b/core/src/components/fab/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/fab/test/preview/index.html b/core/src/components/fab/test/preview/index.html
index 4023d939a4..d3e95a0aba 100644
--- a/core/src/components/fab/test/preview/index.html
+++ b/core/src/components/fab/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/fab/test/standalone/index.html b/core/src/components/fab/test/standalone/index.html
index e47da0041b..4d215970e9 100644
--- a/core/src/components/fab/test/standalone/index.html
+++ b/core/src/components/fab/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/fab/test/translucent/index.html b/core/src/components/fab/test/translucent/index.html
index 7d923e345a..a4b0b50a58 100644
--- a/core/src/components/fab/test/translucent/index.html
+++ b/core/src/components/fab/test/translucent/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/footer/test/translucent/index.html b/core/src/components/footer/test/translucent/index.html
index b8ab21d16a..5996f8a9a5 100644
--- a/core/src/components/footer/test/translucent/index.html
+++ b/core/src/components/footer/test/translucent/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/grid/test/basic/index.html b/core/src/components/grid/test/basic/index.html
index bade49d9f1..31122d928f 100644
--- a/core/src/components/grid/test/basic/index.html
+++ b/core/src/components/grid/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/grid/test/offsets/index.html b/core/src/components/grid/test/offsets/index.html
index 2ebc70bd91..c57f233033 100644
--- a/core/src/components/grid/test/offsets/index.html
+++ b/core/src/components/grid/test/offsets/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/grid/test/padding/index.html b/core/src/components/grid/test/padding/index.html
index 6e85121960..bbff6d6aa2 100644
--- a/core/src/components/grid/test/padding/index.html
+++ b/core/src/components/grid/test/padding/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/grid/test/preview/index.html b/core/src/components/grid/test/preview/index.html
index cac6de03d9..f5304d44d6 100644
--- a/core/src/components/grid/test/preview/index.html
+++ b/core/src/components/grid/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/grid/test/sizes/index.html b/core/src/components/grid/test/sizes/index.html
index 2d3c212fd3..326a9f5f5b 100644
--- a/core/src/components/grid/test/sizes/index.html
+++ b/core/src/components/grid/test/sizes/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/grid/test/standalone/index.html b/core/src/components/grid/test/standalone/index.html
index b4d2a7cd05..a180c8d6d5 100644
--- a/core/src/components/grid/test/standalone/index.html
+++ b/core/src/components/grid/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/header/test/translucent/index.html b/core/src/components/header/test/translucent/index.html
index 57601ccc61..39e6362dba 100644
--- a/core/src/components/header/test/translucent/index.html
+++ b/core/src/components/header/test/translucent/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/hide-when/test/basic/index.html b/core/src/components/hide-when/test/basic/index.html
index 17fdc36272..a4c07aabb9 100644
--- a/core/src/components/hide-when/test/basic/index.html
+++ b/core/src/components/hide-when/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/hide-when/test/preview/index.html b/core/src/components/hide-when/test/preview/index.html
index 4a3fdf9d56..65b918648b 100644
--- a/core/src/components/hide-when/test/preview/index.html
+++ b/core/src/components/hide-when/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/icon/test/basic/index.html b/core/src/components/icon/test/basic/index.html
index 9cf1d20c4d..fbdb6db9aa 100644
--- a/core/src/components/icon/test/basic/index.html
+++ b/core/src/components/icon/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/icon/test/items/index.html b/core/src/components/icon/test/items/index.html
index 72f3b38aa4..2780563a41 100644
--- a/core/src/components/icon/test/items/index.html
+++ b/core/src/components/icon/test/items/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <style>
     profile-modal {
       background: red;
diff --git a/core/src/components/icon/test/preview/index.html b/core/src/components/icon/test/preview/index.html
index cde5663860..8d3a8b2ca1 100644
--- a/core/src/components/icon/test/preview/index.html
+++ b/core/src/components/icon/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/icon/test/standalone/index.html b/core/src/components/icon/test/standalone/index.html
index b0a2d0b697..b40d814947 100644
--- a/core/src/components/icon/test/standalone/index.html
+++ b/core/src/components/icon/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/img/test/basic/index.html b/core/src/components/img/test/basic/index.html
index 28352a20c0..366b864a1f 100644
--- a/core/src/components/img/test/basic/index.html
+++ b/core/src/components/img/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/img/test/standalone/index.html b/core/src/components/img/test/standalone/index.html
index 0ae861e4bf..d270eea2ec 100644
--- a/core/src/components/img/test/standalone/index.html
+++ b/core/src/components/img/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body padding onLoad="render()">
diff --git a/core/src/components/infinite-scroll/test/basic/index.html b/core/src/components/infinite-scroll/test/basic/index.html
index d142eb42fe..77acc427f8 100644
--- a/core/src/components/infinite-scroll/test/basic/index.html
+++ b/core/src/components/infinite-scroll/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/infinite-scroll/test/preview/index.html b/core/src/components/infinite-scroll/test/preview/index.html
index a29204c3d0..31ee22ea5f 100644
--- a/core/src/components/infinite-scroll/test/preview/index.html
+++ b/core/src/components/infinite-scroll/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/infinite-scroll/test/standalone/index.html b/core/src/components/infinite-scroll/test/standalone/index.html
index d38d029aee..98bbadca49 100644
--- a/core/src/components/infinite-scroll/test/standalone/index.html
+++ b/core/src/components/infinite-scroll/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/infinite-scroll/test/top/index.html b/core/src/components/infinite-scroll/test/top/index.html
index 87986ea62e..e6ba340bea 100644
--- a/core/src/components/infinite-scroll/test/top/index.html
+++ b/core/src/components/infinite-scroll/test/top/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/input/test/attributes/index.html b/core/src/components/input/test/attributes/index.html
index 9e987338ba..d77611c899 100644
--- a/core/src/components/input/test/attributes/index.html
+++ b/core/src/components/input/test/attributes/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/input/test/basic/index.html b/core/src/components/input/test/basic/index.html
index 926e4cfc22..f56ea2f2cb 100644
--- a/core/src/components/input/test/basic/index.html
+++ b/core/src/components/input/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/input/test/preview/index.html b/core/src/components/input/test/preview/index.html
index c9ecc0e308..6e6df3cf70 100644
--- a/core/src/components/input/test/preview/index.html
+++ b/core/src/components/input/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/input/test/standalone/index.html b/core/src/components/input/test/standalone/index.html
index b4e6aa1076..42a446b524 100644
--- a/core/src/components/input/test/standalone/index.html
+++ b/core/src/components/input/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item-divider/test/preview/index.html b/core/src/components/item-divider/test/preview/index.html
index a47809173c..76c5ce68c5 100644
--- a/core/src/components/item-divider/test/preview/index.html
+++ b/core/src/components/item-divider/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item-divider/test/standalone/index.html b/core/src/components/item-divider/test/standalone/index.html
index ae159da6aa..79aa6e3c09 100644
--- a/core/src/components/item-divider/test/standalone/index.html
+++ b/core/src/components/item-divider/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item-sliding/test/basic/index.html b/core/src/components/item-sliding/test/basic/index.html
index 8c29db4f2d..0c88e0fcde 100644
--- a/core/src/components/item-sliding/test/basic/index.html
+++ b/core/src/components/item-sliding/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item-sliding/test/lines/index.html b/core/src/components/item-sliding/test/lines/index.html
index 2783173b7c..1a91cc20b5 100644
--- a/core/src/components/item-sliding/test/lines/index.html
+++ b/core/src/components/item-sliding/test/lines/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item-sliding/test/preview/index.html b/core/src/components/item-sliding/test/preview/index.html
index ad071669f4..a9d2751c56 100644
--- a/core/src/components/item-sliding/test/preview/index.html
+++ b/core/src/components/item-sliding/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item-sliding/test/standalone/index.html b/core/src/components/item-sliding/test/standalone/index.html
index 6012422520..303c13c70b 100644
--- a/core/src/components/item-sliding/test/standalone/index.html
+++ b/core/src/components/item-sliding/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/basic/index.html b/core/src/components/item/test/basic/index.html
index fc9ed2d61c..7c5b1d1675 100644
--- a/core/src/components/item/test/basic/index.html
+++ b/core/src/components/item/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/buttons/index.html b/core/src/components/item/test/buttons/index.html
index 25e0102697..dbc3bffafe 100644
--- a/core/src/components/item/test/buttons/index.html
+++ b/core/src/components/item/test/buttons/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/colors/index.html b/core/src/components/item/test/colors/index.html
index 9c24e30532..70bd1b1a0e 100644
--- a/core/src/components/item/test/colors/index.html
+++ b/core/src/components/item/test/colors/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/dividers/index.html b/core/src/components/item/test/dividers/index.html
index e72bcc8ce0..d0d75cd4db 100644
--- a/core/src/components/item/test/dividers/index.html
+++ b/core/src/components/item/test/dividers/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/groups/index.html b/core/src/components/item/test/groups/index.html
index c1944a2f97..cf1bb6ec13 100644
--- a/core/src/components/item/test/groups/index.html
+++ b/core/src/components/item/test/groups/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/icons/index.html b/core/src/components/item/test/icons/index.html
index f6e3a52fad..a30e98b234 100644
--- a/core/src/components/item/test/icons/index.html
+++ b/core/src/components/item/test/icons/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/images/index.html b/core/src/components/item/test/images/index.html
index fc476acab3..ad9159267d 100644
--- a/core/src/components/item/test/images/index.html
+++ b/core/src/components/item/test/images/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/inputs/index.html b/core/src/components/item/test/inputs/index.html
index 1f2e288d5f..323fc849c0 100644
--- a/core/src/components/item/test/inputs/index.html
+++ b/core/src/components/item/test/inputs/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/lines/index.html b/core/src/components/item/test/lines/index.html
index aa842bdb5c..f2df46ef4f 100644
--- a/core/src/components/item/test/lines/index.html
+++ b/core/src/components/item/test/lines/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/media/index.html b/core/src/components/item/test/media/index.html
index 81caad4520..6365abce52 100644
--- a/core/src/components/item/test/media/index.html
+++ b/core/src/components/item/test/media/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/preview/index.html b/core/src/components/item/test/preview/index.html
index 2137372f52..b6d52ad517 100644
--- a/core/src/components/item/test/preview/index.html
+++ b/core/src/components/item/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/reorder/index.html b/core/src/components/item/test/reorder/index.html
index cd96554770..c9aa6ec444 100644
--- a/core/src/components/item/test/reorder/index.html
+++ b/core/src/components/item/test/reorder/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/sliding/index.html b/core/src/components/item/test/sliding/index.html
index 24b6d93b6d..07d5bd15d2 100644
--- a/core/src/components/item/test/sliding/index.html
+++ b/core/src/components/item/test/sliding/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/standalone/index.html b/core/src/components/item/test/standalone/index.html
index 03bc8d7955..52c69e1a94 100644
--- a/core/src/components/item/test/standalone/index.html
+++ b/core/src/components/item/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/item/test/text/index.html b/core/src/components/item/test/text/index.html
index 8aa2d7c4dc..194e3214b3 100644
--- a/core/src/components/item/test/text/index.html
+++ b/core/src/components/item/test/text/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/label/test/basic/index.html b/core/src/components/label/test/basic/index.html
index bb70f75f4e..7d286e7c16 100644
--- a/core/src/components/label/test/basic/index.html
+++ b/core/src/components/label/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/label/test/preview/index.html b/core/src/components/label/test/preview/index.html
index 931c52f09f..90260bcc79 100644
--- a/core/src/components/label/test/preview/index.html
+++ b/core/src/components/label/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/label/test/standalone/index.html b/core/src/components/label/test/standalone/index.html
index a1de1acfb5..3b34b8cb5e 100644
--- a/core/src/components/label/test/standalone/index.html
+++ b/core/src/components/label/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/list/test/basic/index.html b/core/src/components/list/test/basic/index.html
index 652c479053..d2555987e5 100644
--- a/core/src/components/list/test/basic/index.html
+++ b/core/src/components/list/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/list/test/inset/index.html b/core/src/components/list/test/inset/index.html
index 759d5e85b6..7b3e7dd827 100644
--- a/core/src/components/list/test/inset/index.html
+++ b/core/src/components/list/test/inset/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/list/test/lines/index.html b/core/src/components/list/test/lines/index.html
index 1794ac22b6..a5c9b50db9 100644
--- a/core/src/components/list/test/lines/index.html
+++ b/core/src/components/list/test/lines/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/list/test/preview/index.html b/core/src/components/list/test/preview/index.html
index 0acbf227d4..e5a06cda03 100644
--- a/core/src/components/list/test/preview/index.html
+++ b/core/src/components/list/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/list/test/standalone/index.html b/core/src/components/list/test/standalone/index.html
index 75787d4bb6..e1e578d243 100644
--- a/core/src/components/list/test/standalone/index.html
+++ b/core/src/components/list/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/loading/test/basic/index.html b/core/src/components/loading/test/basic/index.html
index ff6e39de7b..6876099729 100644
--- a/core/src/components/loading/test/basic/index.html
+++ b/core/src/components/loading/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/loading/test/preview/index.html b/core/src/components/loading/test/preview/index.html
index 2d425726a6..8a3afe3f12 100644
--- a/core/src/components/loading/test/preview/index.html
+++ b/core/src/components/loading/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/loading/test/standalone/index.html b/core/src/components/loading/test/standalone/index.html
index 627975b4ee..2da907b455 100644
--- a/core/src/components/loading/test/standalone/index.html
+++ b/core/src/components/loading/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/menu-toggle/test/basic/index.html b/core/src/components/menu-toggle/test/basic/index.html
index 7a71a69ce2..f73f3cf7f2 100644
--- a/core/src/components/menu-toggle/test/basic/index.html
+++ b/core/src/components/menu-toggle/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/menu-toggle/test/button/index.html b/core/src/components/menu-toggle/test/button/index.html
index 51fb463770..8c9ab22ec9 100644
--- a/core/src/components/menu-toggle/test/button/index.html
+++ b/core/src/components/menu-toggle/test/button/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/menu-toggle/test/list/index.html b/core/src/components/menu-toggle/test/list/index.html
index b086311a87..71899ee498 100644
--- a/core/src/components/menu-toggle/test/list/index.html
+++ b/core/src/components/menu-toggle/test/list/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/menu-toggle/test/preview/index.html b/core/src/components/menu-toggle/test/preview/index.html
index 3c3dc48812..327c8b82cd 100644
--- a/core/src/components/menu-toggle/test/preview/index.html
+++ b/core/src/components/menu-toggle/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/menu/test/basic/index.html b/core/src/components/menu/test/basic/index.html
index b1a27791ef..0e132c7003 100644
--- a/core/src/components/menu/test/basic/index.html
+++ b/core/src/components/menu/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 
   <style>
     .f {
diff --git a/core/src/components/menu/test/preview/index.html b/core/src/components/menu/test/preview/index.html
index 32b572ed82..c37e0ff2e1 100644
--- a/core/src/components/menu/test/preview/index.html
+++ b/core/src/components/menu/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 
   <style>
     .f {
diff --git a/core/src/components/menu/test/standalone/index.html b/core/src/components/menu/test/standalone/index.html
index c04d5b0c55..36a89e32d4 100644
--- a/core/src/components/menu/test/standalone/index.html
+++ b/core/src/components/menu/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/modal/test/basic/index.html b/core/src/components/modal/test/basic/index.html
index 8da1f5728c..e192cef72e 100644
--- a/core/src/components/modal/test/basic/index.html
+++ b/core/src/components/modal/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/modal/test/host-elements/index.html b/core/src/components/modal/test/host-elements/index.html
index cf5c54b33c..9fa4399bd6 100644
--- a/core/src/components/modal/test/host-elements/index.html
+++ b/core/src/components/modal/test/host-elements/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/modal/test/preview/index.html b/core/src/components/modal/test/preview/index.html
index dbfb9dad2c..773ed2e897 100644
--- a/core/src/components/modal/test/preview/index.html
+++ b/core/src/components/modal/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/modal/test/standalone/index.html b/core/src/components/modal/test/standalone/index.html
index a85063398c..122f78b33a 100644
--- a/core/src/components/modal/test/standalone/index.html
+++ b/core/src/components/modal/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/nav-pop/test/basic/index.html b/core/src/components/nav-pop/test/basic/index.html
index e364d3b340..8d2794be7a 100644
--- a/core/src/components/nav-pop/test/basic/index.html
+++ b/core/src/components/nav-pop/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body onload="loadFirstPage()">
diff --git a/core/src/components/nav-pop/test/preview/index.html b/core/src/components/nav-pop/test/preview/index.html
index 241fc4b677..6d1ef1863f 100644
--- a/core/src/components/nav-pop/test/preview/index.html
+++ b/core/src/components/nav-pop/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body onload="loadFirstPage()">
diff --git a/core/src/components/nav-push/test/basic/index.html b/core/src/components/nav-push/test/basic/index.html
index b8c7383a48..0faf77531e 100644
--- a/core/src/components/nav-push/test/basic/index.html
+++ b/core/src/components/nav-push/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body onload="loadFirstPage()">
diff --git a/core/src/components/nav-push/test/preview/index.html b/core/src/components/nav-push/test/preview/index.html
index a5f6305d59..b4aa406fc1 100644
--- a/core/src/components/nav-push/test/preview/index.html
+++ b/core/src/components/nav-push/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body onload="loadFirstPage()">
diff --git a/core/src/components/nav-set-root/test/basic/index.html b/core/src/components/nav-set-root/test/basic/index.html
index 6e6d4f87e3..3afb3153b3 100644
--- a/core/src/components/nav-set-root/test/basic/index.html
+++ b/core/src/components/nav-set-root/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body onload="loadFirstPage()">
diff --git a/core/src/components/nav-set-root/test/preview/index.html b/core/src/components/nav-set-root/test/preview/index.html
index b70df589f6..e3c452a9af 100644
--- a/core/src/components/nav-set-root/test/preview/index.html
+++ b/core/src/components/nav-set-root/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body onload="loadFirstPage()">
diff --git a/core/src/components/nav/test/basic/index.html b/core/src/components/nav/test/basic/index.html
index 6ac25c677a..dab7f244ac 100644
--- a/core/src/components/nav/test/basic/index.html
+++ b/core/src/components/nav/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <script>
     class PageOne extends HTMLElement {
       connectedCallback() {
diff --git a/core/src/components/nav/test/host-elements/index.html b/core/src/components/nav/test/host-elements/index.html
index df695ba7a1..c12a746714 100644
--- a/core/src/components/nav/test/host-elements/index.html
+++ b/core/src/components/nav/test/host-elements/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/nav/test/preview/index.html b/core/src/components/nav/test/preview/index.html
index 6c2da66d9a..b269d65954 100644
--- a/core/src/components/nav/test/preview/index.html
+++ b/core/src/components/nav/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <script>
     class PageOne extends HTMLElement {
       connectedCallback() {
diff --git a/core/src/components/nav/test/routing/index.html b/core/src/components/nav/test/routing/index.html
index 872d81803d..f16c48290b 100644
--- a/core/src/components/nav/test/routing/index.html
+++ b/core/src/components/nav/test/routing/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <script src="/test-components/build/app.js"></script>
 
 </head>
diff --git a/core/src/components/nav/test/set-root/index.html b/core/src/components/nav/test/set-root/index.html
index 03035cdd3a..923394586e 100644
--- a/core/src/components/nav/test/set-root/index.html
+++ b/core/src/components/nav/test/set-root/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body onload="initiaize()">
diff --git a/core/src/components/nav/test/simple-nested-navs/index.html b/core/src/components/nav/test/simple-nested-navs/index.html
index 934611880a..cfa7951d52 100644
--- a/core/src/components/nav/test/simple-nested-navs/index.html
+++ b/core/src/components/nav/test/simple-nested-navs/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <script>
 
     class PageOne extends HTMLElement {
diff --git a/core/src/components/note/test/basic/index.html b/core/src/components/note/test/basic/index.html
index b1c173d96d..b9ce4cb476 100644
--- a/core/src/components/note/test/basic/index.html
+++ b/core/src/components/note/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/note/test/preview/index.html b/core/src/components/note/test/preview/index.html
index 9302dec51b..8cc7198729 100644
--- a/core/src/components/note/test/preview/index.html
+++ b/core/src/components/note/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/note/test/standalone/index.html b/core/src/components/note/test/standalone/index.html
index 52edd808ce..bc9423f58e 100644
--- a/core/src/components/note/test/standalone/index.html
+++ b/core/src/components/note/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/popover/test/basic/index.html b/core/src/components/popover/test/basic/index.html
index aedf126091..6eb2ac57d8 100644
--- a/core/src/components/popover/test/basic/index.html
+++ b/core/src/components/popover/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/popover/test/preview/index.html b/core/src/components/popover/test/preview/index.html
index 39c47a533f..9db1c64664 100644
--- a/core/src/components/popover/test/preview/index.html
+++ b/core/src/components/popover/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/popover/test/standalone/index.html b/core/src/components/popover/test/standalone/index.html
index 820feb03bf..bb7fd24287 100644
--- a/core/src/components/popover/test/standalone/index.html
+++ b/core/src/components/popover/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/radio-group/test/basic/index.html b/core/src/components/radio-group/test/basic/index.html
index ff1311e82a..4382ab2be9 100644
--- a/core/src/components/radio-group/test/basic/index.html
+++ b/core/src/components/radio-group/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/radio-group/test/form/index.html b/core/src/components/radio-group/test/form/index.html
index 84cefdbd94..e8b4602533 100644
--- a/core/src/components/radio-group/test/form/index.html
+++ b/core/src/components/radio-group/test/form/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/radio-group/test/preview/index.html b/core/src/components/radio-group/test/preview/index.html
index 0fe63b3934..dae96b23be 100644
--- a/core/src/components/radio-group/test/preview/index.html
+++ b/core/src/components/radio-group/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/radio-group/test/standalone/index.html b/core/src/components/radio-group/test/standalone/index.html
index 8f48d3c402..50c6f29182 100644
--- a/core/src/components/radio-group/test/standalone/index.html
+++ b/core/src/components/radio-group/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/radio/test/basic/index.html b/core/src/components/radio/test/basic/index.html
index 650d7a5d53..88c83b6809 100644
--- a/core/src/components/radio/test/basic/index.html
+++ b/core/src/components/radio/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/radio/test/preview/index.html b/core/src/components/radio/test/preview/index.html
index 477928bce2..022061f1b0 100644
--- a/core/src/components/radio/test/preview/index.html
+++ b/core/src/components/radio/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/radio/test/standalone/index.html b/core/src/components/radio/test/standalone/index.html
index c737cc2253..bddb34b799 100644
--- a/core/src/components/radio/test/standalone/index.html
+++ b/core/src/components/radio/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/range/test/basic/index.html b/core/src/components/range/test/basic/index.html
index 44d76d285d..541837efe0 100644
--- a/core/src/components/range/test/basic/index.html
+++ b/core/src/components/range/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/range/test/preview/index.html b/core/src/components/range/test/preview/index.html
index e67e4c0802..38d2df85d3 100644
--- a/core/src/components/range/test/preview/index.html
+++ b/core/src/components/range/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/range/test/standalone/index.html b/core/src/components/range/test/standalone/index.html
index 8ddfdec304..3653d0274a 100644
--- a/core/src/components/range/test/standalone/index.html
+++ b/core/src/components/range/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/refresher/test/basic/index.html b/core/src/components/refresher/test/basic/index.html
index d3ef8aa078..04255aabd1 100644
--- a/core/src/components/refresher/test/basic/index.html
+++ b/core/src/components/refresher/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/refresher/test/preview/index.html b/core/src/components/refresher/test/preview/index.html
index 08fc53a25c..aa6be19fc4 100644
--- a/core/src/components/refresher/test/preview/index.html
+++ b/core/src/components/refresher/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/reorder-group/test/basic/index.html b/core/src/components/reorder-group/test/basic/index.html
index e5f3d56592..2133d33b4a 100644
--- a/core/src/components/reorder-group/test/basic/index.html
+++ b/core/src/components/reorder-group/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/reorder-group/test/preview/index.html b/core/src/components/reorder-group/test/preview/index.html
index 9af934da9f..8d8721daf0 100644
--- a/core/src/components/reorder-group/test/preview/index.html
+++ b/core/src/components/reorder-group/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/reorder-group/test/standalone/index.html b/core/src/components/reorder-group/test/standalone/index.html
index 423451aec5..f1e0cd2f97 100644
--- a/core/src/components/reorder-group/test/standalone/index.html
+++ b/core/src/components/reorder-group/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/ripple-effect/test/basic/index.html b/core/src/components/ripple-effect/test/basic/index.html
index 89f0d1aa3d..3dcf776561 100644
--- a/core/src/components/ripple-effect/test/basic/index.html
+++ b/core/src/components/ripple-effect/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 
   <style>
     .my-block {
diff --git a/core/src/components/ripple-effect/test/preview/index.html b/core/src/components/ripple-effect/test/preview/index.html
index 9f5da7759e..9747e668f6 100644
--- a/core/src/components/ripple-effect/test/preview/index.html
+++ b/core/src/components/ripple-effect/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 
   <style>
     .my-block {
diff --git a/core/src/components/router-outlet/test/basic/index.html b/core/src/components/router-outlet/test/basic/index.html
index bed8ca0cf9..7f19e53b1f 100644
--- a/core/src/components/router-outlet/test/basic/index.html
+++ b/core/src/components/router-outlet/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <script>
     class PageOne extends HTMLElement {
       connectedCallback() {
diff --git a/core/src/components/router/test/basic/index.html b/core/src/components/router/test/basic/index.html
index 334b922831..a592658a35 100644
--- a/core/src/components/router/test/basic/index.html
+++ b/core/src/components/router/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <script>
 
     class PageOne extends HTMLElement {
diff --git a/core/src/components/router/test/preview/index.html b/core/src/components/router/test/preview/index.html
index b689515c20..e6a3a3bfcb 100644
--- a/core/src/components/router/test/preview/index.html
+++ b/core/src/components/router/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <script>
 
     class PageOne extends HTMLElement {
diff --git a/core/src/components/searchbar/test/basic/index.html b/core/src/components/searchbar/test/basic/index.html
index df9be9da64..7a4d152de6 100644
--- a/core/src/components/searchbar/test/basic/index.html
+++ b/core/src/components/searchbar/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/searchbar/test/preview/index.html b/core/src/components/searchbar/test/preview/index.html
index 223369cd60..042b86ee36 100644
--- a/core/src/components/searchbar/test/preview/index.html
+++ b/core/src/components/searchbar/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/searchbar/test/standalone/index.html b/core/src/components/searchbar/test/standalone/index.html
index f3e9f6ebe6..6b32a6eb86 100644
--- a/core/src/components/searchbar/test/standalone/index.html
+++ b/core/src/components/searchbar/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/searchbar/test/toolbar/index.html b/core/src/components/searchbar/test/toolbar/index.html
index 08b70c8cb3..35032a546e 100644
--- a/core/src/components/searchbar/test/toolbar/index.html
+++ b/core/src/components/searchbar/test/toolbar/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/segment/test/basic/index.html b/core/src/components/segment/test/basic/index.html
index 2bbaf3bce4..cecf295b30 100644
--- a/core/src/components/segment/test/basic/index.html
+++ b/core/src/components/segment/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body onload="listenForEvent()">
diff --git a/core/src/components/segment/test/modes/index.html b/core/src/components/segment/test/modes/index.html
index 2ff8e6f852..548ed834a2 100644
--- a/core/src/components/segment/test/modes/index.html
+++ b/core/src/components/segment/test/modes/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/segment/test/preview/index.html b/core/src/components/segment/test/preview/index.html
index 1d2aec2683..90da1bed7e 100644
--- a/core/src/components/segment/test/preview/index.html
+++ b/core/src/components/segment/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body onload="listenForEvent()">
diff --git a/core/src/components/segment/test/standalone/index.html b/core/src/components/segment/test/standalone/index.html
index 8e8b529cf2..cc4ca59c55 100644
--- a/core/src/components/segment/test/standalone/index.html
+++ b/core/src/components/segment/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/segment/test/toolbar/index.html b/core/src/components/segment/test/toolbar/index.html
index dda12410b5..d8770de618 100644
--- a/core/src/components/segment/test/toolbar/index.html
+++ b/core/src/components/segment/test/toolbar/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body onload="listenForEvent()">
diff --git a/core/src/components/select/test/basic/index.html b/core/src/components/select/test/basic/index.html
index 164a12755e..e9ce4066b1 100644
--- a/core/src/components/select/test/basic/index.html
+++ b/core/src/components/select/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/select/test/multiple-value/index.html b/core/src/components/select/test/multiple-value/index.html
index f1f7ca85be..4ef8054853 100644
--- a/core/src/components/select/test/multiple-value/index.html
+++ b/core/src/components/select/test/multiple-value/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/select/test/preview/index.html b/core/src/components/select/test/preview/index.html
index eb30128815..fabe625c06 100644
--- a/core/src/components/select/test/preview/index.html
+++ b/core/src/components/select/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/select/test/single-value/index.html b/core/src/components/select/test/single-value/index.html
index afd78bfd65..1aa07d437e 100644
--- a/core/src/components/select/test/single-value/index.html
+++ b/core/src/components/select/test/single-value/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/select/test/standalone/index.html b/core/src/components/select/test/standalone/index.html
index 16a35b256d..424d6862d4 100644
--- a/core/src/components/select/test/standalone/index.html
+++ b/core/src/components/select/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/show-when/test/basic/index.html b/core/src/components/show-when/test/basic/index.html
index b5a1dc1786..a6180e8718 100644
--- a/core/src/components/show-when/test/basic/index.html
+++ b/core/src/components/show-when/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/show-when/test/preview/index.html b/core/src/components/show-when/test/preview/index.html
index bb13498b8b..5279a64a34 100644
--- a/core/src/components/show-when/test/preview/index.html
+++ b/core/src/components/show-when/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/skeleton-text/test/basic/index.html b/core/src/components/skeleton-text/test/basic/index.html
index f7b7f603e4..a480861034 100644
--- a/core/src/components/skeleton-text/test/basic/index.html
+++ b/core/src/components/skeleton-text/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/skeleton-text/test/preview/index.html b/core/src/components/skeleton-text/test/preview/index.html
index ee9224b510..0ff0cd6f3a 100644
--- a/core/src/components/skeleton-text/test/preview/index.html
+++ b/core/src/components/skeleton-text/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/slides/test/app-intro/index.html b/core/src/components/slides/test/app-intro/index.html
index c2476a397c..c74d81d776 100644
--- a/core/src/components/slides/test/app-intro/index.html
+++ b/core/src/components/slides/test/app-intro/index.html
@@ -8,7 +8,7 @@
   <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 
   <style>
     ion-slides {
diff --git a/core/src/components/slides/test/basic/index.html b/core/src/components/slides/test/basic/index.html
index 5b6f9b3eae..88e3cc4e1b 100644
--- a/core/src/components/slides/test/basic/index.html
+++ b/core/src/components/slides/test/basic/index.html
@@ -8,7 +8,7 @@
   <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <style>
     ion-slide {
       height: 200px !important;
diff --git a/core/src/components/slides/test/pagination/index.html b/core/src/components/slides/test/pagination/index.html
index 85177b9928..657efbee80 100644
--- a/core/src/components/slides/test/pagination/index.html
+++ b/core/src/components/slides/test/pagination/index.html
@@ -8,7 +8,7 @@
   <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/slides/test/preview/index.html b/core/src/components/slides/test/preview/index.html
index 46fd68b172..92a0a2a46f 100644
--- a/core/src/components/slides/test/preview/index.html
+++ b/core/src/components/slides/test/preview/index.html
@@ -8,7 +8,7 @@
   <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <style>
     ion-slide {
       height: 200px !important;
diff --git a/core/src/components/slides/test/scrollbar/index.html b/core/src/components/slides/test/scrollbar/index.html
index 4809eb9a60..48fa52a5fb 100644
--- a/core/src/components/slides/test/scrollbar/index.html
+++ b/core/src/components/slides/test/scrollbar/index.html
@@ -8,7 +8,7 @@
   <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/slides/test/standalone/index.html b/core/src/components/slides/test/standalone/index.html
index a5115de3c4..5cde0619f3 100644
--- a/core/src/components/slides/test/standalone/index.html
+++ b/core/src/components/slides/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/spinner/test/basic/index.html b/core/src/components/spinner/test/basic/index.html
index 949a864207..998e9f62e9 100644
--- a/core/src/components/spinner/test/basic/index.html
+++ b/core/src/components/spinner/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/spinner/test/color/index.html b/core/src/components/spinner/test/color/index.html
index c18cce2e94..d26526aaba 100644
--- a/core/src/components/spinner/test/color/index.html
+++ b/core/src/components/spinner/test/color/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/spinner/test/preview/index.html b/core/src/components/spinner/test/preview/index.html
index 0578367c73..37bc890fb4 100644
--- a/core/src/components/spinner/test/preview/index.html
+++ b/core/src/components/spinner/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/spinner/test/standalone/index.html b/core/src/components/spinner/test/standalone/index.html
index 45e60d4893..6a555ad371 100644
--- a/core/src/components/spinner/test/standalone/index.html
+++ b/core/src/components/spinner/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/split-pane/test/basic/index.html b/core/src/components/split-pane/test/basic/index.html
index d4c6d1e47f..1ae0978678 100644
--- a/core/src/components/split-pane/test/basic/index.html
+++ b/core/src/components/split-pane/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/split-pane/test/preview/index.html b/core/src/components/split-pane/test/preview/index.html
index 6d756e102f..ecdd67dc27 100644
--- a/core/src/components/split-pane/test/preview/index.html
+++ b/core/src/components/split-pane/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/tabs/test/basic/index.html b/core/src/components/tabs/test/basic/index.html
index 0e6c88d21d..47d8f9ae2d 100644
--- a/core/src/components/tabs/test/basic/index.html
+++ b/core/src/components/tabs/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/tabs/test/colors/index.html b/core/src/components/tabs/test/colors/index.html
index 5f0c57f252..44186c6c2a 100644
--- a/core/src/components/tabs/test/colors/index.html
+++ b/core/src/components/tabs/test/colors/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/tabs/test/nav/index.html b/core/src/components/tabs/test/nav/index.html
index b822a27d34..bbc0b6c3ad 100644
--- a/core/src/components/tabs/test/nav/index.html
+++ b/core/src/components/tabs/test/nav/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <script type="text/javascript">
     window.Ionic.config = { useRouter: true };
   </script>
diff --git a/core/src/components/tabs/test/placements/index.html b/core/src/components/tabs/test/placements/index.html
index 9978b70a91..4c7ef0d6ce 100644
--- a/core/src/components/tabs/test/placements/index.html
+++ b/core/src/components/tabs/test/placements/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/tabs/test/preview/index.html b/core/src/components/tabs/test/preview/index.html
index 31c5ef2ce7..184b5a08a8 100644
--- a/core/src/components/tabs/test/preview/index.html
+++ b/core/src/components/tabs/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/tabs/test/translucent/index.html b/core/src/components/tabs/test/translucent/index.html
index b5087e11d8..5ec848831c 100644
--- a/core/src/components/tabs/test/translucent/index.html
+++ b/core/src/components/tabs/test/translucent/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <script type="text/javascript">
     window.Ionic.config = { useRouter: true };
   </script>
diff --git a/core/src/components/tabs/test/vanilla/index.html b/core/src/components/tabs/test/vanilla/index.html
index e732853d23..ac564ce999 100644
--- a/core/src/components/tabs/test/vanilla/index.html
+++ b/core/src/components/tabs/test/vanilla/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
   <script type="text/javascript">
     window.Ionic.config = { useRouter: true };
   </script>
diff --git a/core/src/components/text/test/basic/index.html b/core/src/components/text/test/basic/index.html
index 02835f6cba..5f38226921 100644
--- a/core/src/components/text/test/basic/index.html
+++ b/core/src/components/text/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/text/test/preview/index.html b/core/src/components/text/test/preview/index.html
index f98f90296f..1a54714ee1 100644
--- a/core/src/components/text/test/preview/index.html
+++ b/core/src/components/text/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/textarea/test/basic/index.html b/core/src/components/textarea/test/basic/index.html
index ad840f43f8..4211ea7918 100644
--- a/core/src/components/textarea/test/basic/index.html
+++ b/core/src/components/textarea/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/textarea/test/preview/index.html b/core/src/components/textarea/test/preview/index.html
index 10671647a4..66531f709b 100644
--- a/core/src/components/textarea/test/preview/index.html
+++ b/core/src/components/textarea/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/textarea/test/standalone/index.html b/core/src/components/textarea/test/standalone/index.html
index e62bc80c5e..8bf3f6e750 100644
--- a/core/src/components/textarea/test/standalone/index.html
+++ b/core/src/components/textarea/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/thumbnail/test/basic/index.html b/core/src/components/thumbnail/test/basic/index.html
index b1ca2db0ce..b428c121af 100644
--- a/core/src/components/thumbnail/test/basic/index.html
+++ b/core/src/components/thumbnail/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/thumbnail/test/preview/index.html b/core/src/components/thumbnail/test/preview/index.html
index 3f929f0908..aa8fa89c99 100644
--- a/core/src/components/thumbnail/test/preview/index.html
+++ b/core/src/components/thumbnail/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/thumbnail/test/standalone/index.html b/core/src/components/thumbnail/test/standalone/index.html
index 529dc9c8db..2461925036 100644
--- a/core/src/components/thumbnail/test/standalone/index.html
+++ b/core/src/components/thumbnail/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/toast/test/basic/index.html b/core/src/components/toast/test/basic/index.html
index 941a8a9a23..2ee42454b7 100644
--- a/core/src/components/toast/test/basic/index.html
+++ b/core/src/components/toast/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/toast/test/preview/index.html b/core/src/components/toast/test/preview/index.html
index edf3ab702b..0edc9e1c15 100644
--- a/core/src/components/toast/test/preview/index.html
+++ b/core/src/components/toast/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/toast/test/standalone/index.html b/core/src/components/toast/test/standalone/index.html
index a0ea27811e..f196ccdbf1 100644
--- a/core/src/components/toast/test/standalone/index.html
+++ b/core/src/components/toast/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/toggle/test/basic/index.html b/core/src/components/toggle/test/basic/index.html
index cb3a6c8762..45de29e7f0 100644
--- a/core/src/components/toggle/test/basic/index.html
+++ b/core/src/components/toggle/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/toggle/test/preview/index.html b/core/src/components/toggle/test/preview/index.html
index cb5bfe7321..5597156b81 100644
--- a/core/src/components/toggle/test/preview/index.html
+++ b/core/src/components/toggle/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/toggle/test/standalone/index.html b/core/src/components/toggle/test/standalone/index.html
index 8108b0b3ec..6422fb941c 100644
--- a/core/src/components/toggle/test/standalone/index.html
+++ b/core/src/components/toggle/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/toolbar/test/basic/index.html b/core/src/components/toolbar/test/basic/index.html
index 4ba1ce03e9..12fff4fc28 100644
--- a/core/src/components/toolbar/test/basic/index.html
+++ b/core/src/components/toolbar/test/basic/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/toolbar/test/colors/index.html b/core/src/components/toolbar/test/colors/index.html
index 0302c3cc0b..51147d20c0 100644
--- a/core/src/components/toolbar/test/colors/index.html
+++ b/core/src/components/toolbar/test/colors/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/toolbar/test/preview/index.html b/core/src/components/toolbar/test/preview/index.html
index 103667ec05..66c8d92af1 100644
--- a/core/src/components/toolbar/test/preview/index.html
+++ b/core/src/components/toolbar/test/preview/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/toolbar/test/scenarios/index.html b/core/src/components/toolbar/test/scenarios/index.html
index 0f4abb8944..097e3e6d89 100644
--- a/core/src/components/toolbar/test/scenarios/index.html
+++ b/core/src/components/toolbar/test/scenarios/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/toolbar/test/standalone/index.html b/core/src/components/toolbar/test/standalone/index.html
index 26a6e3e888..3a9ea2a4b2 100644
--- a/core/src/components/toolbar/test/standalone/index.html
+++ b/core/src/components/toolbar/test/standalone/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/core.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>
diff --git a/core/src/components/toolbar/test/translucent/index.html b/core/src/components/toolbar/test/translucent/index.html
index 7a2ac552b0..b97265ac1e 100644
--- a/core/src/components/toolbar/test/translucent/index.html
+++ b/core/src/components/toolbar/test/translucent/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <script src="/dist/ionic.js"></script>
   <link rel="stylesheet" type="text/css" href="/css/ionic.bundle.css">
-  <link rel="stylesheet" type="text/css" href="/scripts/screenshot/testing.css">
+  <script src="/scripts/screenshot/testing.js"></script>
 </head>
 
 <body>