67 lines
2.9 KiB
HTML
67 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
description("This tests checks that will-change parses correctly.");
|
|
|
|
function test(value)
|
|
{
|
|
var div = document.createElement("div");
|
|
div.setAttribute("style", value);
|
|
document.body.appendChild(div);
|
|
|
|
var result = div.style.getPropertyValue("will-change");
|
|
document.body.removeChild(div);
|
|
return result;
|
|
}
|
|
|
|
function testComputedStyle(value)
|
|
{
|
|
var div = document.createElement("div");
|
|
div.setAttribute("style", value);
|
|
document.body.appendChild(div);
|
|
|
|
var result = window.getComputedStyle(div).willChange;
|
|
document.body.removeChild(div);
|
|
return result;
|
|
}
|
|
|
|
shouldBe('testComputedStyle("will-change:;")', '"auto"');
|
|
shouldBe('testComputedStyle("will-change: contents, all;")', '"auto"');
|
|
shouldBe('testComputedStyle("will-change: contents;")', '"contents"');
|
|
|
|
shouldBe('test("will-change: inherit;")', '"inherit"');
|
|
shouldBe('test("will-change: initial;")', '"initial"');
|
|
shouldBe('test("will-change: all;")', '""');
|
|
shouldBe('test("will-change: none;")', '""');
|
|
shouldBe('test("will-change: default;")', '""');
|
|
shouldBe('test("will-change: will-change;")', '""');
|
|
|
|
shouldBe('test("will-change: auto;")', '"auto"');
|
|
shouldBe('test("will-change: auto, contents;")', '""');
|
|
shouldBe('test("will-change: scroll-position;")', '"scroll-position"');
|
|
shouldBe('test("will-change: contents;")', '"contents"');
|
|
|
|
shouldBe('test("will-change: scroll-position, scroll-position;")', '"scroll-position, scroll-position"');
|
|
|
|
shouldBe('test("will-change: contents, scroll-position, transform;")', '"contents, scroll-position, transform"');
|
|
shouldBe('test("will-change: contents, transform, scroll-position, transform;")', '"contents, transform, scroll-position, transform"');
|
|
|
|
shouldBe('test("will-change: , background;")', '""');
|
|
shouldBe('test("will-change: background, transform;")', '"background, transform"');
|
|
shouldBe('test("will-change: background transform;")', '""');
|
|
shouldBe('test("will-change: background, all;")', '""');
|
|
shouldBe('test("will-change: background, will-change;")', '""');
|
|
|
|
shouldBe('test("will-change: unknown-property;")', '"unknown-property"');
|
|
|
|
shouldBe('test("will-change: transform, initial;")', '""');
|
|
shouldBe('test("will-change: default;")', '""');
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|