toggleevent-interface.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/popovers/toggleevent-interface.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<link rel="author" href="mailto:masonf@chromium.org">

<link rel=help href="https://open-ui.org/components/popover.research.explainer">

<link rel=help href="https://html.spec.whatwg.org/multipage/popover.html">

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

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

<script>

test(function() {

  var event = new ToggleEvent("");

  assert_true(event instanceof window.ToggleEvent);

}, "the event is an instance of ToggleEvent");

test(function() {

  var event = new ToggleEvent("");

  assert_true(event instanceof window.Event);

}, "the event inherts from Event");

test(function() {

  assert_throws_js(TypeError, function() {

    new ToggleEvent();

  }, 'First argument (type) is required, so was expecting a TypeError.');

}, 'Missing type argument');

test(function() {

  var event = new ToggleEvent("test");

  assert_equals(event.type, "test");

}, "type argument is string");

test(function() {

  var event = new ToggleEvent(null);

  assert_equals(event.type, "null");

}, "type argument is null");

test(function() {

  var event = new ToggleEvent(undefined);

  assert_equals(event.type, "undefined");

}, "event type set to undefined");

test(function() {

  var event = new ToggleEvent("test");

  assert_equals(event.oldState, "");

}, "oldState has default value of empty string");

test(function() {

  var event = new ToggleEvent("test");

  assert_readonly(event, "oldState", "readonly attribute value");

}, "oldState is readonly");

test(function() {

  var event = new ToggleEvent("test");

  assert_equals(event.newState, "");

}, "newState has default value of empty string");

test(function() {

  var event = new ToggleEvent("test");

  assert_readonly(event, "newState", "readonly attribute value");

}, "newState is readonly");

test(function() {

  var event = new ToggleEvent("test", null);

  assert_equals(event.oldState, "");

  assert_equals(event.newState, "");

}, "ToggleEventInit argument is null");

test(function() {

  var event = new ToggleEvent("test", undefined);

  assert_equals(event.oldState, "");

  assert_equals(event.newState, "");

}, "ToggleEventInit argument is undefined");

test(function() {

  var event = new ToggleEvent("test", {});

  assert_equals(event.oldState, "");

  assert_equals(event.newState, "");

}, "ToggleEventInit argument is empty dictionary");

test(function() {

  var event = new ToggleEvent("test", {oldState: "sample"});

  assert_equals(event.oldState, "sample");

}, "oldState set to 'sample'");

test(function() {

  var event = new ToggleEvent("test", {oldState: undefined});

  assert_equals(event.oldState, "");

}, "oldState set to undefined");

test(function() {

  var event = new ToggleEvent("test", {oldState: null});

  assert_equals(event.oldState, "null");

}, "oldState set to null");

test(function() {

  var event = new ToggleEvent("test", {oldState: false});

  assert_equals(event.oldState, "false");

}, "oldState set to false");

test(function() {

  var event = new ToggleEvent("test", {oldState: true});

  assert_equals(event.oldState, "true");

}, "oldState set to true");

test(function() {

  var event = new ToggleEvent("test", {oldState: 0.5});

  assert_equals(event.oldState, "0.5");

}, "oldState set to a number");

test(function() {

  var event = new ToggleEvent("test", {oldState: []});

  assert_equals(event.oldState, "");

}, "oldState set to []");

test(function() {

  var event = new ToggleEvent("test", {oldState: [1, 2, 3]});

  assert_equals(event.oldState, "1,2,3");

}, "oldState set to [1, 2, 3]");

test(function() {

  var event = new ToggleEvent("test", {oldState: {sample: 0.5}});

  assert_equals(event.oldState, "[object Object]");

}, "oldState set to an object");

test(function() {

  var event = new ToggleEvent("test",

      {oldState: {valueOf: function () { return 'sample'; }}});

  assert_equals(event.oldState, "[object Object]");

}, "oldState set to an object with a valueOf function");

test(function() {

  var eventInit = {oldState: "sample",newState: "sample2"};

  var event = new ToggleEvent("test", eventInit);

  assert_equals(event.oldState, "sample");

  assert_equals(event.newState, "sample2");

}, "ToggleEventInit properties set value");

test(function() {

  var eventInit = {oldState: "open",newState: "closed"};

  var event = new ToggleEvent("beforetoggle", eventInit);

  assert_equals(event.oldState, "open");

  assert_equals(event.newState, "closed");

}, "ToggleEventInit properties set value 2");

test(function() {

  var eventInit = {oldState: "closed",newState: "open"};

  var event = new ToggleEvent("toggle", eventInit);

  assert_equals(event.oldState, "closed");

  assert_equals(event.newState, "open");

}, "ToggleEventInit properties set value 3");

test(function() {

  var eventInit = {oldState: "open",newState: "open"};

  var event = new ToggleEvent("beforetoggle", eventInit);

  assert_equals(event.oldState, "open");

  assert_equals(event.newState, "open");

}, "ToggleEventInit properties set value 4");

test(function() {

  var event = new ToggleEvent("test", {newState: "sample"});

  assert_equals(event.newState, "sample");

}, "newState set to 'sample'");

test(function() {

  var event = new ToggleEvent("test", {newState: undefined});

  assert_equals(event.newState, "");

}, "newState set to undefined");

test(function() {

  var event = new ToggleEvent("test", {newState: null});

  assert_equals(event.newState, "null");

}, "newState set to null");

test(function() {

  var event = new ToggleEvent("test", {newState: false});

  assert_equals(event.newState, "false");

}, "newState set to false");

test(function() {

  var event = new ToggleEvent("test", {newState: true});

  assert_equals(event.newState, "true");

}, "newState set to true");

test(function() {

  var event = new ToggleEvent("test", {newState: 0.5});

  assert_equals(event.newState, "0.5");

}, "newState set to a number");

test(function() {

  var event = new ToggleEvent("test", {newState: []});

  assert_equals(event.newState, "");

}, "newState set to []");

test(function() {

  var event = new ToggleEvent("test", {newState: [1, 2, 3]});

  assert_equals(event.newState, "1,2,3");

}, "newState set to [1, 2, 3]");

test(function() {

  var event = new ToggleEvent("test", {newState: {sample: 0.5}});

  assert_equals(event.newState, "[object Object]");

}, "newState set to an object");

test(function() {

  var event = new ToggleEvent("test",

      {newState: {valueOf: function () { return 'sample'; }}});

  assert_equals(event.newState, "[object Object]");

}, "newState set to an object with a valueOf function");

</script>