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> |