Document-createElement-svg.svg

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /custom-elements/Document-createElement-svg.svg - WPT Dashboard Interop Dashboard

Checkerboard

<?xml version="1.0" encoding="utf-8"?>

<svg:svg xmlns:svg="http://www.w3.org/2000/svg"

   xmlns="http://www.w3.org/1999/xhtml"

   width="100%" height="100%" viewBox="0 0 800 600">

<svg:title>document.createElement in SVG for custom elements</svg:title>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script><![CDATA[

test(() => {

  class MyElement1 extends HTMLElement {}

  customElements.define('my-element', MyElement1);

  let element = document.createElement('my-element', {});

  assert_false(element instanceof MyElement1, 'Autonomous custom element should not be created.');

}, 'document.createElement() in SVG documents should not create autonomous custom elements.')

test(() => {

  class MyElement2 extends HTMLDivElement {}

  customElements.define('my-div', MyElement2, { extends: 'div' });

  let element = document.createElement('div', { is: 'my-div' });

  assert_false(element instanceof MyElement2, 'Custom built-in element should not be created.');

}, 'document.createElement() in SVG documents should not create custom built-in elements.')

]]></script>

</svg:svg>