user-interaction-editing-designMode-svg.svg

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/editing/editing-0/making-entire-documents-editable-the-designmode-idl-attribute/user-interaction-editing-designMode-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>Editing: designMode attribute test</svg:title>

 <head>

  <link rel="author" title="Baidu" href="mailto: guopengcheng@baidu.com"/>

  <link rel="help" href="https://html.spec.whatwg.org/multipage/#making-entire-documents-editable:-the-designmode-idl-attribute"/>

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

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

  <div id="log"></div>

 </head>

 <body>

  <script type="text/javascript"><![CDATA[

   test(function() {

    assert_equals(document.designMode, "off", "check for designMode value");

    assert_throws_dom("InvalidStateError", function() { document.queryCommandSupported("delete") });

    assert_throws_dom("InvalidStateError", function() { document.queryCommandEnabled("delete") });

   }, "initial designMode attribute");

   document.designMode="on";

   test(function() {

    assert_equals(document.designMode, "on", "check for designMode value");

    assert_throws_dom("InvalidStateError", function() { document.queryCommandSupported("delete") });

    assert_throws_dom("InvalidStateError", function() { document.queryCommandEnabled("delete") });

   }, "set designMode = \"on\"");

   document.designMode="off";

   test(function() {

    assert_equals(document.designMode,"off", "check for designMode value");

    assert_throws_dom("InvalidStateError", function() { document.queryCommandSupported("delete") });

    assert_throws_dom("InvalidStateError", function() { document.queryCommandEnabled("delete") });

   }, "set designMode = \"off\"");

  ]]></script>

 </body>

</svg:svg>