Index: third_party/WebKit/LayoutTests/fast/css/usecounter-position3value-object-position.html |
diff --git a/third_party/WebKit/LayoutTests/fast/css/usecounter-position3value-object-position.html b/third_party/WebKit/LayoutTests/fast/css/usecounter-position3value-object-position.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..4e32947ffde3a34da1be34048967f5d265390a10 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/css/usecounter-position3value-object-position.html |
@@ -0,0 +1,38 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/testharness.js"></script> |
+<script src="../../resources/testharnessreport.js"></script> |
+<script> |
+'use strict'; |
+ |
+test(() => { |
+ let ThreeValuedPositionObjectPosition = 1986; // From UseCounter.h |
+ |
+ let isCounted = () => internals.isUseCounted(document, ThreeValuedPositionObjectPosition); |
+ var div = document.createElement('div'); |
+ |
+ // These properties have their own counters. |
+ div.style = 'background-position: left 10% top;'; |
+ div.style = 'shape-outside: circle(0px at left 10% top);'; |
+ div.style = 'background-image: radial-gradient(0em circle at left 10% top, yellow, blue);'; |
+ div.style = 'perspective-origin: left 10% top;'; |
+ // These values are invalid. |
+ div.style = 'offset-anchor: left 10% top;'; |
+ div.style = 'offset-position: left 10% top;'; |
+ div.style = 'transform-origin: left 10% top;'; |
+ // These obsolete properties will never ship. |
+ div.style = 'scroll-snap-coordinate: left 10% top;'; |
+ div.style = 'scroll-snap-destination: left 10% top;'; |
+ assert_false(isCounted(), |
+ 'non object-position should not be counted'); |
+ |
+ div.style = 'object-position: left;'; |
+ div.style = 'object-position: left 10%;'; |
+ div.style = 'object-position: left 10% top 20%;'; |
+ assert_false(isCounted(), |
+ '1,2,4 values should not be counted'); |
+ |
+ div.style = 'object-position: left 10% top;'; |
+ assert_true(isCounted(), |
+ 'object-position should be counted'); |
+}, 'Three valued position syntax is use counted for object-position'); |
+</script> |