<!DOCTYPE html>
<html>
 <head>
  <title>Editing: designMode attribute test</title>
  <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">
   test(function() {
    assert_equals(document.designMode, "off", "check for designMode value");
    assert_true(document.queryCommandSupported("delete"));
    assert_false(document.queryCommandEnabled("delete"));
   }, "initial designMode attribute");
   document.designMode="on";
   test(function() {
    assert_equals(document.designMode, "on", "check for designMode value");
    assert_true(document.queryCommandSupported("delete"));
    assert_true(document.queryCommandEnabled("delete"));
   }, "set designMode = \"on\"");
   document.designMode="off";
   test(function() {
    assert_equals(document.designMode,"off", "check for designMode value");
    assert_true(document.queryCommandSupported("delete"));
    assert_false(document.queryCommandEnabled("delete"));
   }, "set designMode = \"off\"");
  </script>
 </body>
</html>