From ad1709a394d2048e113347c26e37ccc253f703a3 Mon Sep 17 00:00:00 2001
From: Brandon Dail <aweary@users.noreply.github.com>
Date: Mon, 2 Oct 2017 16:50:46 -0700
Subject: [PATCH] Only run custom element fixture in browsers that support it
 (#11052)

---
 .../src/components/fixtures/custom-elements/index.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/fixtures/dom/src/components/fixtures/custom-elements/index.js b/fixtures/dom/src/components/fixtures/custom-elements/index.js
index d0bd747514186..145592269c61e 100644
--- a/fixtures/dom/src/components/fixtures/custom-elements/index.js
+++ b/fixtures/dom/src/components/fixtures/custom-elements/index.js
@@ -4,6 +4,8 @@ import TestCase from '../../TestCase';
 const React = window.React;
 const ReactDOM = window.ReactDOM;
 
+const supportsCustomElements = typeof customElements !== 'undefined';
+
 class HelloWorld extends React.Component {
   render() {
     return <h1>Hello, world!</h1>;
@@ -27,7 +29,9 @@ return class MyElement extends HTMLElement {
 }`
 )(React, ReactDOM, HelloWorld);
 
-customElements.define('my-element', MyElement);
+if (supportsCustomElements) {
+  customElements.define('my-element', MyElement);
+}
 
 export default class ButtonTestCases extends React.Component {
   render() {
@@ -39,7 +43,11 @@ export default class ButtonTestCases extends React.Component {
           <TestCase.ExpectedResult>
             You should see "Hello, World" printed below.{' '}
           </TestCase.ExpectedResult>
-          <my-element />
+          {supportsCustomElements
+            ? <my-element />
+            : <div>
+                This browser does not support custom elements.
+              </div>}
         </TestCase>
       </FixtureSet>
     );