Bug 1290864 - Add WPT test for serialization of basic-shapes; r=xidorn (2429f214) · Commits · The Tor Project / Applications / Mullvad Browser

testing/web-platform/meta/MANIFEST.json

+14 −8

Original line number	Diff line number	Diff line
		@@ -11405,14 +11405,14 @@
		"path": "IndexedDB/idbcursor-continue.htm",
		"url": "/IndexedDB/idbcursor-continue.htm"
		},
		{
		"path": "IndexedDB/idbcursor-continuePrimaryKey.htm",
		"url": "/IndexedDB/idbcursor-continuePrimaryKey.htm"
		},
		{
		"path": "IndexedDB/idbcursor-continuePrimaryKey-exception-order.htm",
		"url": "/IndexedDB/idbcursor-continuePrimaryKey-exception-order.htm"
		},
		{
		"path": "IndexedDB/idbcursor-continuePrimaryKey.htm",
		"url": "/IndexedDB/idbcursor-continuePrimaryKey.htm"
		},
		{
		"path": "IndexedDB/idbcursor-direction-index-keyrange.htm",
		"url": "/IndexedDB/idbcursor-direction-index-keyrange.htm"
		@@ -12205,6 +12205,10 @@
		"path": "IndexedDB/idbobjectstore_getAll.html",
		"url": "/IndexedDB/idbobjectstore_getAll.html"
		},
		{
		"path": "IndexedDB/idbobjectstore_getAllKeys.html",
		"url": "/IndexedDB/idbobjectstore_getAllKeys.html"
		},
		{
		"path": "IndexedDB/idbobjectstore_getKey.htm",
		"url": "/IndexedDB/idbobjectstore_getKey.htm"
		@@ -12213,10 +12217,6 @@
		"path": "IndexedDB/idbobjectstore_getKey_exception_order.htm",
		"url": "/IndexedDB/idbobjectstore_getKey_exception_order.htm"
		},
		{
		"path": "IndexedDB/idbobjectstore_getAllKeys.html",
		"url": "/IndexedDB/idbobjectstore_getAllKeys.html"
		},
		{
		"path": "IndexedDB/idbobjectstore_index.htm",
		"url": "/IndexedDB/idbobjectstore_index.htm"
		@@ -37616,6 +37616,12 @@
		]
		},
		"testharness": {
		"css-shapes/basic-shape-circle-ellipse-serialization.html": [
		{
		"path": "css-shapes/basic-shape-circle-ellipse-serialization.html",
		"url": "/css-shapes/basic-shape-circle-ellipse-serialization.html"
		}
		],
		"html/semantics/forms/the-form-element/form-submission-sandbox.html": [
		{
		"path": "html/semantics/forms/the-form-element/form-submission-sandbox.html",

testing/web-platform/meta/css-shapes/dir.ini

0 → 100644

+1 −0

Original line number	Diff line number	Diff line
		prefs: [layout.css.clip-path-shapes.enabled:true]

testing/web-platform/mozilla/meta/MANIFEST.json

+1 −1

Original line number	Diff line number	Diff line
		@@ -14,7 +14,7 @@
		"html/syntax/parsing/math-parse01.html": [
		{
		"path": "html/syntax/parsing/math-parse01.html",
		"url": "/html/syntax/parsing/math-parse01.html"
		"url": "/_mozilla/html/syntax/parsing/math-parse01.html"
		}
		]
		}

testing/web-platform/tests/css-shapes/basic-shape-circle-ellipse-serialization.html

0 → 100644

+76 −0

Original line number	Diff line number	Diff line
		<!doctype html>
		<meta charset=utf-8>
		<title>Serialization of basic shapes</title>
		<link rel="help" href="https://drafts.csswg.org/css-shapes/#basic-shape-serialization"/>
		<script src=/resources/testharness.js></script>
		<script src=/resources/testharnessreport.js></script>
		<script>
		function checkEquals(input, expected) {
		test(function() {
		let div = document.createElement('div');
		div.style.clipPath = input;
		let serialized = div.style.clipPath;
		assert_equals(serialized, expected, input);
		});
		}

		// Keywords get replaced by percentages in 2-value form
		checkEquals("circle(at left bottom)", "circle(at 0% 100%)");
		checkEquals("circle(at bottom left)", "circle(at 0% 100%)");
		checkEquals("circle(at right calc(10% + 5px))",
		"circle(at 100% calc(10% + 5px))");
		checkEquals("ellipse(at left bottom)", "ellipse(at 0% 100%)");
		checkEquals("ellipse(at bottom left)", "ellipse(at 0% 100%)");
		checkEquals("ellipse(at right calc(10% + 5px))",
		"ellipse(at 100% calc(10% + 5px))");

		// Only 2 or 4 value form allowed
		checkEquals("circle()", "circle(at 50% 50%)");
		checkEquals("circle(0px)", "circle(0px at 50% 50%)");
		checkEquals("circle(closest-side)", "circle(at 50% 50%)");
		checkEquals("circle(farthest-side)",
		"circle(farthest-side at 50% 50%)");
		checkEquals("ellipse()", "ellipse(at 50% 50%)");
		checkEquals("ellipse(closest-side farthest-side)",
		"ellipse(closest-side farthest-side at 50% 50%)");


		checkEquals("circle(at right 5px top)", "circle(at right 5px top 0%)");
		checkEquals("ellipse(at right 10px top)", "ellipse(at right 10px top 0%)");
		// Remove defaults like closest-side
		checkEquals("circle(closest-side at center)",
		"circle(at 50% 50%)");
		checkEquals("ellipse(closest-side closest-side at center)",
		"ellipse(at 50% 50%)");

		// don't remove non defaults
		checkEquals("circle(farthest-side at center)",
		"circle(farthest-side at 50% 50%)");
		checkEquals("circle(10px at center)",
		"circle(10px at 50% 50%)");
		checkEquals("ellipse(farthest-side 10px at center)",
		"ellipse(farthest-side 10px at 50% 50%)");
		// Ellipse can have 0 radii or two, not one. We cannot
		// eliminate a single closest-side if the other is different
		checkEquals("ellipse(closest-side farthest-side at 50% 50%)",
		"ellipse(closest-side farthest-side at 50% 50%)");
		checkEquals("ellipse(closest-side 10% at 50% 50%)",
		"ellipse(closest-side 10% at 50% 50%)");

		// Don't transform nonzero lengths
		checkEquals("circle(at right 5px bottom 10px)",
		"circle(at right 5px bottom 10px)");
		checkEquals("ellipse(at right 5px bottom 10px)",
		"ellipse(at right 5px bottom 10px)");

		// Convert keyword-percentage pairs to plain percentages
		// Convert zero lengths to 0%
		checkEquals("circle(at right 5% top 0px)", "circle(at 95% 0%)");
		checkEquals("ellipse(at right 5% top 0px)", "ellipse(at 95% 0%)");

		// Don't transform calcs
		checkEquals("circle(at right calc(10% + 5px) bottom calc(10% + 5px))",
		"circle(at right calc(10% + 5px) bottom calc(10% + 5px))");
		checkEquals("ellipse(at right calc(10% + 5px) bottom calc(10% + 5px))",
		"ellipse(at right calc(10% + 5px) bottom calc(10% + 5px))");
		</script>