<!DOCTYPE HTML>
<meta charset=UTF-8>
<title>css-toggles IDL tests</title>
<link rel="help" href="https://tabatkins.github.io/css-toggle/#dom">
<link rel="help" href="https://github.com/tabatkins/css-toggle/issues/29">
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<script src=/resources/WebIDLParser.js></script>
<script src=/resources/idlharness.js></script>
<script src="support/toggle-helpers.js"></script>
<div id="toggles" style="toggle-root: mytoggle 3 at 1"></div>
<script type="module">
'use strict';

await wait_for_toggle_creation(document.getElementById("toggles"));

idl_test(
  ['css-toggle.tentative'],
  ['dom'],
  idl_array => {
    idl_array.add_objects({
      CSSToggleMap: ['document.getElementById("toggles").toggles'],
      CSSToggle: [
        'document.getElementById("toggles").toggles.get("mytoggle")',
        'new CSSToggle()',
        'new CSSToggle({ value: 3, states: 7, group: true, scope: "narrow", cycle: "cycle-on"})',
        'new CSSToggle({ value: "four", states: ["one", "two", "four", "eight"], group: false, scope: "wide", cycle: "sticky"})',
      ],
    });
  }
);
</script>
