<!DOCTYPE HTML>
<script src="../resources/gc.js"></script>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<!--
Accessibility Object Model
Explainer: https://github.com/WICG/aom/blob/gh-pages/explainer.md
Spec: https://wicg.github.io/aom/spec/
-->
<input id="native-slider" type="range" min="1" max="100" value="50">
<div id="aria-slider" role="slider" aria-valuemin="1" aria-valuemax="100" aria-valuenow="50">
<script>
test(function(t) {
assert_true(internals.runtimeFlags.accessibilityObjectModelEnabled);
}, "Make sure that Accessibility Object Model is enabled");
promise_test(async function(t) {
var nativeElement = document.getElementById("native-slider");
var ariaElement = document.getElementById("aria-slider");
var nativeCaxNode = await window.getComputedAccessibleNode(nativeElement);
var ariaCaxNode = await window.getComputedAccessibleNode(ariaElement);
assert_equals(nativeCaxNode.valueMin, 1);
assert_equals(ariaCaxNode.valueMin, 1);
}, "ComputedAccessibleNode.valueMin");
promise_test(async function(t) {
var nativeElement = document.getElementById("native-slider");
var ariaElement = document.getElementById("aria-slider");
var nativeCaxNode = await window.getComputedAccessibleNode(nativeElement);
var ariaCaxNode = await window.getComputedAccessibleNode(ariaElement);
assert_equals(nativeCaxNode.valueMax, 100);
assert_equals(ariaCaxNode.valueMax, 100);
}, "ComputedAccessibleNode.valueMax");
promise_test(async function(t) {
var nativeElement = document.getElementById("native-slider");
var ariaElement = document.getElementById("aria-slider");
var nativeCaxNode = await window.getComputedAccessibleNode(nativeElement);
var ariaCaxNode = await window.getComputedAccessibleNode(ariaElement);
assert_equals(nativeCaxNode.valueNow, 50);
assert_equals(ariaCaxNode.valueNow, 50);
}, "ComputedAccessibleNode.valueNow");
</script>