diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
| commit | 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch) | |
| tree | a31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /testing/web-platform/tests/css/css-toggle/toggle-events.tentative.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.tar.xz firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.zip | |
Adding upstream version 115.8.0esr.upstream/115.8.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-toggle/toggle-events.tentative.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-toggle/toggle-events.tentative.html | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-toggle/toggle-events.tentative.html b/testing/web-platform/tests/css/css-toggle/toggle-events.tentative.html new file mode 100644 index 0000000000..bc4db7d5f6 --- /dev/null +++ b/testing/web-platform/tests/css/css-toggle/toggle-events.tentative.html @@ -0,0 +1,52 @@ +<!DOCTYPE HTML> +<meta charset="UTF-8"> +<title>CSS Toggles: CSSToggle and CSSToggleMap API</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/"> +<link rel="author" title="Google" href="http://www.google.com/"> +<link rel="help" href="https://tabatkins.github.io/css-toggle/#csstoggleevent"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="support/toggle-helpers.js"></script> + +<div id="test"></div> + +<script> + +let container = document.getElementById("test"); + +function click_while_waiting_for_togglechange(event_watcher, element) { + let p = event_watcher.wait_for("togglechange"); + element.click(); + return p; +} + +promise_test(async test => { + container.innerHTML = ` + <div id="element" style="toggle: mytoggle 2 at 1 self sticky"></div> + `; + const element = document.getElementById("element"); + + await wait_for_toggle_creation(element); + let toggle = element.toggles.get("mytoggle"); + + assert_equals(toggle.value, 1, "initial value of toggle"); + + const watcher = new EventWatcher(test, element, [ "togglechange" ]); + + await click_while_waiting_for_togglechange(watcher, element).then(ev => { + assert_equals(Object.getPrototypeOf(ev), CSSToggleEvent.prototype); + assert_equals(ev.toggleName, "mytoggle", "event.toggleName after first change"); + assert_equals(ev.toggle, toggle, "event.toggle after first change"); + assert_equals(toggle.value, 2, "value after first change"); + }); + + // Test that the event does not fire when the toggle doesn't change due to + // being "sticky" and stuck. EventWatcher will assert if there is an event. + element.click(); + assert_equals(toggle.value, 2, "value after second change"); + + toggle.value = 0; + // there should be no event; EventWatcher will assert if there is one. +}, "basic toggle event firing"); + +</script> |