LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html - Issue 816533002: Import CSSWG Shapes tests

Unified Diff: LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html

Issue 816533002: Import CSSWG Shapes tests (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: One more test expectations update Created 6 years ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

« no previous file with comments | « LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/values/shape-outside-ellipse-011.html ('k') | LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-001.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html

diff --git a/LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html b/LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html

new file mode 100644

index 0000000000000000000000000000000000000000..64b27ff0983ee83ac069f1840c555da2d6d3e6ac

--- /dev/null

+++ b/LayoutTests/imported/csswg-test/css-shapes-1/shape-outside/values/shape-outside-inset-000.html

@@ -0,0 +1,75 @@

+<!DOCTYPE html>

+<html>

+ <head>

+ <title>Shape Outside Inset Valid Formats</title>

+ <link rel="author" title="Adobe" href="http://html.adobe.com/">

+ <link rel="author" title="Bear Travis" href="mailto:betravis@adobe.com">

+ <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com">

+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset">

+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property">

+ <meta name="assert" content="An inset has 1 to 4 insets, and optional border radii that follow the border-radius format">

+ <meta name="flags" content="dom">

+ <script src="../../../../../resources/testharness.js"></script>

+ <script src="../../../../../resources/testharnessreport.js"></script>

+ <script src="support/parsing-utils.js"></script>

+ </head>

+ <body>

+ <div id="log"></div>

+ <script type="text/javascript">

+ var valid_inset_tests = [

+ {

+ "name": "1 inset",

+ "actual": "inset(10px)",

+ "expected_inline": "inset(10px)",

+ "expected_computed": "inset(10px)"

+ },

+ {

+ "name": "2 insets",

+ "actual": "inset(10px 20px)",

+ "expected_inline": "inset(10px 20px)",

+ "expected_computed": "inset(10px 20px)"

+ },

+ {

+ "name": "3 insets",

+ "actual": "inset(10px 20px 30px)",

+ "expected_inline": "inset(10px 20px 30px)",

+ "expected_computed": "inset(10px 20px 30px)"

+ },

+ {

+ "name": "4 insets",

+ "actual": "inset(10px 20px 30px 40px)",

+ "expected_inline": "inset(10px 20px 30px 40px)",

+ "expected_computed": "inset(10px 20px 30px 40px)"

+ },

+ {

+ "name": "1 inset and round",

+ "actual": "inset(10px round 20px)",

+ "expected_inline": "inset(10px round 20px)",

+ "expected_computed": "inset(10px round 20px)"

+ },

+ {

+ "name": "2 insets and round",

+ "actual": "inset(10px 20px round 30px)",

+ "expected_inline": "inset(10px 20px round 30px)",

+ "expected_computed": "inset(10px 20px round 30px)"

+ },

+ {

+ "name": "3 insets and round",

+ "actual": "inset(10px 20px 30px round 40px)",

+ "expected_inline": "inset(10px 20px 30px round 40px)",

+ "expected_computed": "inset(10px 20px 30px round 40px)"

+ },

+ {

+ "name": "4 insets and round",

+ "actual": "inset(10px 20px 30px 40px round 50px)",

+ "expected_inline": "inset(10px 20px 30px 40px round 50px)",

+ "expected_computed": "inset(10px 20px 30px 40px round 50px)"

+ }

+ ];

+ generate_tests( ParsingUtils.testInlineStyle,

+ ParsingUtils.buildTestCases(valid_inset_tests, "inline") );

+ generate_tests( ParsingUtils.testComputedStyle,

+ ParsingUtils.buildTestCases(valid_inset_tests, "computed") );

+ </script>

+ </body>

+</html>