-
Notifications
You must be signed in to change notification settings - Fork 3.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added parsing tests for properties in CSS Borders 4
- Loading branch information
1 parent
33d11f1
commit f7e5d20
Showing
48 changed files
with
1,039 additions
and
0 deletions.
There are no files selected for viewing
20 changes: 20 additions & 0 deletions
20
css/css-borders-4/parsing/border-block-end-radius-computed.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-block-end-radius'</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" content="This test checks that the computed value of 'border-block-end-radius' is correct."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/computed-testcommon.js"></script> | ||
|
|
||
| <div id="target"></div> | ||
|
|
||
| <script> | ||
| test_computed_value("border-block-end-radius", "10px"); | ||
| test_computed_value("border-block-end-radius", "10px 10px", "10px"); | ||
| test_computed_value("border-block-end-radius", "5px 10px"); | ||
| test_computed_value("border-block-end-radius", "10px / 5px 10px"); | ||
| test_computed_value("border-block-end-radius", "5px 10px / 10px"); | ||
| test_computed_value("border-block-end-radius", "10px 10px / 5px 5px", "10px / 5px"); | ||
| </script> |
23 changes: 23 additions & 0 deletions
23
css/css-borders-4/parsing/border-block-end-radius-invalid.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Parsing 'border-block-end-radius' with invalid values</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" | ||
| content="This test checks that 'border-block-end-radius' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/parsing-testcommon.js"></script> | ||
|
|
||
| <script> | ||
| test_invalid_value("border-block-end-radius", "auto"); | ||
| test_invalid_value("border-block-end-radius", "none"); | ||
| test_invalid_value("border-block-end-radius", "1px 2px 3px"); | ||
| test_invalid_value("border-block-end-radius", "-1px"); | ||
| test_invalid_value("border-block-end-radius", "1px -2px"); | ||
| test_invalid_value("border-block-end-radius", "1em /"); | ||
| test_invalid_value("border-block-end-radius", "1px / 2px 3px 4px"); | ||
| test_invalid_value("border-block-end-radius", "1px / 2px / 3px"); | ||
| test_invalid_value("border-block-end-radius", "4"); | ||
| test_invalid_value("border-block-end-radius", "4 / 5"); | ||
| </script> |
21 changes: 21 additions & 0 deletions
21
css/css-borders-4/parsing/border-block-end-radius-valid.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Parsing 'border-block-end-radius' with valid values</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" | ||
| content="This test checks that 'border-block-end-radius' supports the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/parsing-testcommon.js"></script> | ||
|
|
||
| <script> | ||
| test_valid_value("border-block-end-radius", "1px"); | ||
| test_valid_value("border-block-end-radius", "10%"); | ||
| test_valid_value("border-block-end-radius", "1px 5%"); | ||
| test_valid_value("border-block-end-radius", "5% 1px"); | ||
| test_valid_value("border-block-end-radius", "1px / 2px"); | ||
| test_valid_value("border-block-end-radius", "1px / 1px 2%"); | ||
| test_valid_value("border-block-end-radius", "1px 2% / 3%"); | ||
| test_valid_value("border-block-end-radius", "1px 2% / 3px 4px"); | ||
| </script> |
20 changes: 20 additions & 0 deletions
20
css/css-borders-4/parsing/border-block-start-radius-computed.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-block-start-radius'</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" content="This test checks that the computed value of 'border-block-start-radius' is correct."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/computed-testcommon.js"></script> | ||
|
|
||
| <div id="target"></div> | ||
|
|
||
| <script> | ||
| test_computed_value("border-block-start-radius", "10px"); | ||
| test_computed_value("border-block-start-radius", "10px 10px", "10px"); | ||
| test_computed_value("border-block-start-radius", "5px 10px"); | ||
| test_computed_value("border-block-start-radius", "10px / 5px 10px"); | ||
| test_computed_value("border-block-start-radius", "5px 10px / 10px"); | ||
| test_computed_value("border-block-start-radius", "10px 10px / 5px 5px", "10px / 5px"); | ||
| </script> |
23 changes: 23 additions & 0 deletions
23
css/css-borders-4/parsing/border-block-start-radius-invalid.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Parsing 'border-block-start-radius' with invalid values</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" | ||
| content="This test checks that 'border-block-start-radius' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/parsing-testcommon.js"></script> | ||
|
|
||
| <script> | ||
| test_invalid_value("border-block-start-radius", "auto"); | ||
| test_invalid_value("border-block-start-radius", "none"); | ||
| test_invalid_value("border-block-start-radius", "1px 2px 3px"); | ||
| test_invalid_value("border-block-start-radius", "-1px"); | ||
| test_invalid_value("border-block-start-radius", "1px -2px"); | ||
| test_invalid_value("border-block-start-radius", "1em /"); | ||
| test_invalid_value("border-block-start-radius", "1px / 2px 3px 4px"); | ||
| test_invalid_value("border-block-start-radius", "1px / 2px / 3px"); | ||
| test_invalid_value("border-block-start-radius", "4"); | ||
| test_invalid_value("border-block-start-radius", "4 / 5"); | ||
| </script> |
21 changes: 21 additions & 0 deletions
21
css/css-borders-4/parsing/border-block-start-radius-valid.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Parsing 'border-block-start-radius' with valid values</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" | ||
| content="This test checks that 'border-block-start-radius' supports the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/parsing-testcommon.js"></script> | ||
|
|
||
| <script> | ||
| test_valid_value("border-block-start-radius", "1px"); | ||
| test_valid_value("border-block-start-radius", "10%"); | ||
| test_valid_value("border-block-start-radius", "1px 5%"); | ||
| test_valid_value("border-block-start-radius", "5% 1px"); | ||
| test_valid_value("border-block-start-radius", "1px / 2px"); | ||
| test_valid_value("border-block-start-radius", "1px / 1px 2%"); | ||
| test_valid_value("border-block-start-radius", "1px 2% / 3%"); | ||
| test_valid_value("border-block-start-radius", "1px 2% / 3px 4px"); | ||
| </script> |
20 changes: 20 additions & 0 deletions
20
css/css-borders-4/parsing/border-bottom-radius-computed.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-bottom-radius'</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" content="This test checks that the computed value of 'border-bottom-radius' is correct."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/computed-testcommon.js"></script> | ||
|
|
||
| <div id="target"></div> | ||
|
|
||
| <script> | ||
| test_computed_value("border-bottom-radius", "10px"); | ||
| test_computed_value("border-bottom-radius", "10px 10px", "10px"); | ||
| test_computed_value("border-bottom-radius", "5px 10px"); | ||
| test_computed_value("border-bottom-radius", "10px / 5px 10px"); | ||
| test_computed_value("border-bottom-radius", "5px 10px / 10px"); | ||
| test_computed_value("border-bottom-radius", "10px 10px / 5px 5px", "10px / 5px"); | ||
| </script> |
23 changes: 23 additions & 0 deletions
23
css/css-borders-4/parsing/border-bottom-radius-invalid.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Parsing 'border-bottom-radius' with invalid values</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" | ||
| content="This test checks that 'border-bottom-radius' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/parsing-testcommon.js"></script> | ||
|
|
||
| <script> | ||
| test_invalid_value("border-bottom-radius", "auto"); | ||
| test_invalid_value("border-bottom-radius", "none"); | ||
| test_invalid_value("border-bottom-radius", "1px 2px 3px"); | ||
| test_invalid_value("border-bottom-radius", "-1px"); | ||
| test_invalid_value("border-bottom-radius", "1px -2px"); | ||
| test_invalid_value("border-bottom-radius", "1em /"); | ||
| test_invalid_value("border-bottom-radius", "1px / 2px 3px 4px"); | ||
| test_invalid_value("border-bottom-radius", "1px / 2px / 3px"); | ||
| test_invalid_value("border-bottom-radius", "4"); | ||
| test_invalid_value("border-bottom-radius", "4 / 5"); | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Parsing 'border-bottom-radius' with valid values</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" | ||
| content="This test checks that 'border-bottom-radius' supports the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/parsing-testcommon.js"></script> | ||
|
|
||
| <script> | ||
| test_valid_value("border-bottom-radius", "1px"); | ||
| test_valid_value("border-bottom-radius", "10%"); | ||
| test_valid_value("border-bottom-radius", "1px 5%"); | ||
| test_valid_value("border-bottom-radius", "5% 1px"); | ||
| test_valid_value("border-bottom-radius", "1px / 2px"); | ||
| test_valid_value("border-bottom-radius", "1px / 1px 2%"); | ||
| test_valid_value("border-bottom-radius", "1px 2% / 3%"); | ||
| test_valid_value("border-bottom-radius", "1px 2% / 3px 4px"); | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-clip'</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-clip"> | ||
| <meta name="assert" content="This test checks that the computed value of 'border-clip' is correct."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/computed-testcommon.js"></script> | ||
|
|
||
| <div id="target"></div> | ||
|
|
||
| <script> | ||
| test_computed_value("border-clip", "normal"); | ||
| test_computed_value("border-clip", "10px"); | ||
| test_computed_value("border-clip", "10%"); | ||
| test_computed_value("border-clip", "0"); | ||
| test_computed_value("border-clip", "1fr"); | ||
| test_computed_value("border-clip", "10px 10%"); | ||
| test_computed_value("border-clip", "10px 1em 10% 1fr 2fr", "10px 16px 10% 1fr 2fr"); | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Parsing 'border-clip' with invalid values</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-clip"> | ||
| <meta name="assert" | ||
| content="This test checks that 'border-clip' supports only the keyword 'normal' or a list of <length-percentage> and <flex> values."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/parsing-testcommon.js"></script> | ||
|
|
||
| <script> | ||
| test_invalid_value("border-clip", "auto"); | ||
| test_invalid_value("border-clip", "none"); | ||
| test_invalid_value("border-clip", "padding-box"); | ||
| test_invalid_value("border-clip", "-10px"); | ||
| </script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Parsing 'border-clip' with valid values</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-clip"> | ||
| <meta name="assert" | ||
| content="This test checks that 'border-clip' supports the 'normal' keyword, <length-percentage> and <flex> values."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/parsing-testcommon.js"></script> | ||
|
|
||
| <script> | ||
| test_valid_value("border-clip", "normal"); | ||
| test_valid_value("border-clip", "10px"); | ||
| test_valid_value("border-clip", "10%"); | ||
| test_valid_value("border-clip", "0"); | ||
| test_valid_value("border-clip", "1fr"); | ||
| test_valid_value("border-clip", "10px 10%"); | ||
| test_valid_value("border-clip", "10px 1em 10% 1fr 2fr"); | ||
| </script> |
20 changes: 20 additions & 0 deletions
20
css/css-borders-4/parsing/border-inline-end-radius-computed.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-inline-end-radius'</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" content="This test checks that the computed value of 'border-inline-end-radius' is correct."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/computed-testcommon.js"></script> | ||
|
|
||
| <div id="target"></div> | ||
|
|
||
| <script> | ||
| test_computed_value("border-inline-end-radius", "10px"); | ||
| test_computed_value("border-inline-end-radius", "10px 10px", "10px"); | ||
| test_computed_value("border-inline-end-radius", "5px 10px"); | ||
| test_computed_value("border-inline-end-radius", "10px / 5px 10px"); | ||
| test_computed_value("border-inline-end-radius", "5px 10px / 10px"); | ||
| test_computed_value("border-inline-end-radius", "10px 10px / 5px 5px", "10px / 5px"); | ||
| </script> |
23 changes: 23 additions & 0 deletions
23
css/css-borders-4/parsing/border-inline-end-radius-invalid.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Parsing 'border-radius-inline-end' with invalid values</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" | ||
| content="This test checks that 'border-radius-inline-end' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/parsing-testcommon.js"></script> | ||
|
|
||
| <script> | ||
| test_invalid_value("border-radius-inline-end", "auto"); | ||
| test_invalid_value("border-radius-inline-end", "none"); | ||
| test_invalid_value("border-radius-inline-end", "1px 2px 3px"); | ||
| test_invalid_value("border-radius-inline-end", "-1px"); | ||
| test_invalid_value("border-radius-inline-end", "1px -2px"); | ||
| test_invalid_value("border-radius-inline-end", "1em /"); | ||
| test_invalid_value("border-radius-inline-end", "1px / 2px 3px 4px"); | ||
| test_invalid_value("border-radius-inline-end", "1px / 2px / 3px"); | ||
| test_invalid_value("border-radius-inline-end", "4"); | ||
| test_invalid_value("border-radius-inline-end", "4 / 5"); | ||
| </script> |
21 changes: 21 additions & 0 deletions
21
css/css-borders-4/parsing/border-inline-end-radius-valid.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Parsing 'border-inline-end-radius' with valid values</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" | ||
| content="This test checks that 'border-inline-end-radius' supports the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/parsing-testcommon.js"></script> | ||
|
|
||
| <script> | ||
| test_valid_value("border-inline-end-radius", "1px"); | ||
| test_valid_value("border-inline-end-radius", "10%"); | ||
| test_valid_value("border-inline-end-radius", "1px 5%"); | ||
| test_valid_value("border-inline-end-radius", "5% 1px"); | ||
| test_valid_value("border-inline-end-radius", "1px / 2px"); | ||
| test_valid_value("border-inline-end-radius", "1px / 1px 2%"); | ||
| test_valid_value("border-inline-end-radius", "1px 2% / 3%"); | ||
| test_valid_value("border-inline-end-radius", "1px 2% / 3px 4px"); | ||
| </script> |
20 changes: 20 additions & 0 deletions
20
css/css-borders-4/parsing/border-inline-start-radius-computed.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-inline-start-radius'</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" content="This test checks that the computed value of 'border-inline-start-radius' is correct."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/computed-testcommon.js"></script> | ||
|
|
||
| <div id="target"></div> | ||
|
|
||
| <script> | ||
| test_computed_value("border-inline-start-radius", "10px"); | ||
| test_computed_value("border-inline-start-radius", "10px 10px", "10px"); | ||
| test_computed_value("border-inline-start-radius", "5px 10px"); | ||
| test_computed_value("border-inline-start-radius", "10px / 5px 10px"); | ||
| test_computed_value("border-inline-start-radius", "5px 10px / 10px"); | ||
| test_computed_value("border-inline-start-radius", "10px 10px / 5px 5px", "10px / 5px"); | ||
| </script> |
23 changes: 23 additions & 0 deletions
23
css/css-borders-4/parsing/border-inline-start-radius-invalid.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| <!DOCTYPE html> | ||
| <meta charset="utf-8"> | ||
| <title>CSS Borders and Box Decorations 4 Test: Parsing 'border-inline-start-radius' with invalid values</title> | ||
| <link rel="author" title="Sebastian Zartner" href="mailto:[email protected]"> | ||
| <link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing"> | ||
| <meta name="assert" | ||
| content="This test checks that 'border-inline-start-radius' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?."> | ||
| <script src="/resources/testharness.js"></script> | ||
| <script src="/resources/testharnessreport.js"></script> | ||
| <script src="/css/support/parsing-testcommon.js"></script> | ||
|
|
||
| <script> | ||
| test_invalid_value("border-inline-start-radius", "auto"); | ||
| test_invalid_value("border-inline-start-radius", "none"); | ||
| test_invalid_value("border-inline-start-radius", "1px 2px 3px"); | ||
| test_invalid_value("border-inline-start-radius", "-1px"); | ||
| test_invalid_value("border-inline-start-radius", "1px -2px"); | ||
| test_invalid_value("border-inline-start-radius", "1em /"); | ||
| test_invalid_value("border-inline-start-radius", "1px / 2px 3px 4px"); | ||
| test_invalid_value("border-inline-start-radius", "1px / 2px / 3px"); | ||
| test_invalid_value("border-inline-start-radius", "4"); | ||
| test_invalid_value("border-inline-start-radius", "4 / 5"); | ||
| </script> |
Oops, something went wrong.