1 files changed, 28 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/shadycss/tests/chrome-devtools.html b/catapult/third_party/polymer/components/shadycss/tests/chrome-devtools.html
new file mode 100644
index 00000000..602c207b
--- /dev/null
+++ b/catapult/third_party/polymer/components/shadycss/tests/chrome-devtools.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<!--
+@license
+Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<title>Chrome Dev Tools emulation</title>
+<script>
+  // define user agent to be Safari 9
+  Object.defineProperty(navigator, 'userAgent', { value: 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1' });
+</script>
+<script src="test-flags.js"></script>
+<script src="../node_modules/wct-browser-legacy/browser.js"></script>
+<script src="../node_modules/@webcomponents/shadydom/shadydom.min.js"></script>
+<script src="module/generated/style-settings.js"></script>
+<script>
+  suite('Chrome Devtools', () => {
+    test('Emaulating iOS, native css variables are tied to native shadowdom support', () => {
+      if (!window.ShadyDOM || !window.ShadyDOM.inUse) {
+        assert.isTrue(window.StyleSettings.nativeCssVariables);
+      }
+    });
+  })
+</script>
+\ No newline at end of file