| Index: third_party/WebKit/LayoutTests/fast/css/property-equality.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/css/property-equality.html b/third_party/WebKit/LayoutTests/fast/css/property-equality.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..5d644d18403753ea4ad0792178539494f3a94233
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/css/property-equality.html
|
| @@ -0,0 +1,98 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| + <script src="../../resources/testharness.js"></script>
|
| + <script src="../../resources/testharnessreport.js"></script>
|
| + <style>
|
| + #div1, #div2 {
|
| + color: red;
|
| + outline: dotted;
|
| + counter-increment: foo bar 2;
|
| + counter-reset: quix 2 counter 0;
|
| + grid-template-areas: "a a"
|
| + "b b";
|
| + cursor: url(foo.cur), url(bar.cur), help;
|
| + -webkit-border-before-color: red;
|
| + }
|
| +
|
| + #div3 {
|
| + color: #f00;
|
| + outline: double;
|
| + counter-increment: bar 2 foo 1;
|
| + counter-reset: counter quix 2;
|
| + grid-template-areas: "c c"
|
| + "b b";
|
| + border-top-color: red;
|
| + }
|
| +
|
| + #div4 {
|
| + counter-increment: foo;
|
| + cursor: text;
|
| + }
|
| +
|
| + #div5 {
|
| + counter-reset: foo;
|
| + grid-template-areas: "a a"
|
| + "b b b";
|
| + cursor: text;
|
| + }
|
| + </style>
|
| +</head>
|
| +<body>
|
| + <div id="div1">
|
| + <div id="div4"></div>
|
| + </div>
|
| + <div id="div2"></div>
|
| + <div id="div3"></div>
|
| + <div id="div5"></div>
|
| +<script>
|
| +
|
| +test(() => {
|
| + assert_true(internals.isCSSPropertyEqual('color', div2, div4));
|
| + assert_true(internals.isCSSPropertyEqual('color', div1, div3));
|
| +}, 'Test color property equality');
|
| +
|
| +test(() => {
|
| + assert_true(internals.isCSSPropertyEqual('outline-style', div1, div2));
|
| + assert_false(internals.isCSSPropertyEqual('outline-style', div1, div3));
|
| + assert_false(internals.isCSSPropertyEqual('outline-style', div1, div4));
|
| +}, 'Test outline-style property equality');
|
| +
|
| +test(() => {
|
| + assert_true(internals.isCSSPropertyEqual('counter-increment', div1, div2));
|
| + assert_true(internals.isCSSPropertyEqual('counter-increment', div1, div3));
|
| + assert_false(internals.isCSSPropertyEqual('counter-increment', div1, div4));
|
| + assert_false(internals.isCSSPropertyEqual('counter-increment', div1, div5));
|
| +}, 'Test counter-increment property equality');
|
| +
|
| +test(() => {
|
| + assert_true(internals.isCSSPropertyEqual('counter-reset', div1, div2));
|
| + assert_true(internals.isCSSPropertyEqual('counter-reset', div1, div3));
|
| + assert_false(internals.isCSSPropertyEqual('counter-reset', div1, div4));
|
| + assert_false(internals.isCSSPropertyEqual('counter-reset', div1, div5));
|
| +}, 'Test counter-reset property equality');
|
| +
|
| +test(() => {
|
| + assert_true(internals.isCSSPropertyEqual('grid-template-areas', div1, div2));
|
| + assert_false(internals.isCSSPropertyEqual('grid-template-areas', div1, div3));
|
| + assert_false(internals.isCSSPropertyEqual('grid-template-areas', div1, div4));
|
| + assert_false(internals.isCSSPropertyEqual('grid-template-areas', div1, div5));
|
| +}, 'Test grid-template-areas property equality');
|
| +
|
| +test(() => {
|
| + assert_true(internals.isCSSPropertyEqual('cursor', div1, div2));
|
| + assert_true(internals.isCSSPropertyEqual('cursor', div4, div5));
|
| + assert_false(internals.isCSSPropertyEqual('cursor', div1, div3));
|
| + assert_false(internals.isCSSPropertyEqual('cursor', div1, div4));
|
| +}, 'Test cursor property equality');
|
| +
|
| +test(() => {
|
| + assert_true(internals.isCSSPropertyEqual('border-top-color', div1, div2));
|
| + assert_true(internals.isCSSPropertyEqual('-webkit-border-before-color', div1, div2));
|
| + assert_true(internals.isCSSPropertyEqual('border-top-color', div1, div3));
|
| + assert_true(internals.isCSSPropertyEqual('-webkit-border-before-color', div1, div3));
|
| +}, 'Test border-top-color/-webkit-border-before-color property equality');
|
| +
|
| +</script>
|
| +</body>
|
| +</html>
|
|
|