| <!DOCTYPE html> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script> |
| 'use strict'; |
| |
| test(() => { |
| let ThreeValuedPositionPerspectiveOrigin = 2005; // From UseCounter.h |
| |
| let isCounted = () => internals.isUseCounted(document, ThreeValuedPositionPerspectiveOrigin); |
| 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 = 'object-position: 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 perspective-origin should not be counted'); |
| |
| div.style = 'perspective-origin: left;'; |
| div.style = 'perspective-origin: left 10%;'; |
| div.style = 'perspective-origin: left 10% top 20%;'; |
| assert_false(isCounted(), |
| '1,2,4 values should not be counted'); |
| |
| div.style = 'perspective-origin: left 10% top;'; |
| assert_true(isCounted(), |
| 'perspective-origin should be counted'); |
| }, 'Three valued position syntax is use counted for perspective-origin'); |
| </script> |