Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Import css/css-sizing/aspect-ratio tests from WPT
https://bugs.webkit.org/show_bug.cgi?id=228734 Reviewed by Rob Buis. LayoutTests/imported/w3c: Import css/css-sizing/aspect-ratio tests from WPT commit f76ae81. * web-platform-tests/css/css-sizing/aspect-ratio/abspos-021-expected.xht: Added. * web-platform-tests/css/css-sizing/aspect-ratio/abspos-021.html: Added. * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-027-expected.xht: Added. * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-027.html: Added. * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-028-expected.xht: Added. * web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-028.html: Added. * web-platform-tests/css/css-sizing/aspect-ratio/w3c-import.log: LayoutTests: * TestExpectations: Canonical link: https://commits.webkit.org/240214@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@280592 268f45cc-cd09-0410-ab3c-d52691b4dbfc
- Loading branch information
Showing
with
142 additions
and 0 deletions.
- +9 −0 LayoutTests/ChangeLog
- +2 −0 LayoutTests/TestExpectations
- +17 −0 LayoutTests/imported/w3c/ChangeLog
- +19 −0 LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/abspos-021-expected.xht
- +7 −0 LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/abspos-021.html
- +19 −0 ...ts/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-027-expected.xht
- +20 −0 LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-027.html
- +19 −0 ...ts/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-028-expected.xht
- +24 −0 LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/flex-aspect-ratio-028.html
- +6 −0 LayoutTests/imported/w3c/web-platform-tests/css/css-sizing/aspect-ratio/w3c-import.log
There are no files selected for viewing
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
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
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
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
| @@ -0,0 +1,19 @@ | ||
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
| <html xmlns="http://www.w3.org/1999/xhtml"> | ||
| <head> | ||
| <title>CSS Reftest Reference</title> | ||
| <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> | ||
| <style type="text/css"><![CDATA[ | ||
| div | ||
| { | ||
| background-color: green; | ||
| height: 100px; | ||
| width: 100px; | ||
| } | ||
| ]]></style> | ||
| </head> | ||
| <body> | ||
| <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> | ||
| <div></div> | ||
| </body> | ||
| </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
| @@ -0,0 +1,7 @@ | ||
| <!DOCTYPE html> | ||
| <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1233150"> | ||
| <link rel="match" href="../../reference/ref-filled-green-100px-square.xht"> | ||
| <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> | ||
| <div style="position: relative; width: 200px;"> | ||
| <div style="position: absolute; inset: 0; max-height: 100px; aspect-ratio: 1/1; background: green;"></div> | ||
| </div> |
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
| @@ -0,0 +1,19 @@ | ||
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
| <html xmlns="http://www.w3.org/1999/xhtml"> | ||
| <head> | ||
| <title>CSS Reftest Reference</title> | ||
| <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> | ||
| <style type="text/css"><![CDATA[ | ||
| div | ||
| { | ||
| background-color: green; | ||
| height: 100px; | ||
| width: 100px; | ||
| } | ||
| ]]></style> | ||
| </head> | ||
| <body> | ||
| <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> | ||
| <div></div> | ||
| </body> | ||
| </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
| @@ -0,0 +1,20 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS aspect-ratio: auto size img with aspect-ratio inside column flexbox</title> | ||
| <link rel="help" href="https://www.w3.org/TR/css-sizing-4/#propdef-aspect-ratio"> | ||
| <link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#layout-algorithm"> | ||
| <link rel="match" href="../../reference/ref-filled-green-100px-square.xht" /> | ||
|
|
||
| <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> | ||
| <style> | ||
| div { | ||
| width: 100px; | ||
| display: flex; | ||
| flex-direction: column; | ||
| } | ||
| </style> | ||
|
|
||
| </head> | ||
| <body> | ||
| <div><img style="aspect-ratio: 1/1;" src="support/200x200-green.png" /></div> | ||
| </body> | ||
| </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
| @@ -0,0 +1,19 @@ | ||
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
| <html xmlns="http://www.w3.org/1999/xhtml"> | ||
| <head> | ||
| <title>CSS Reftest Reference</title> | ||
| <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> | ||
| <style type="text/css"><![CDATA[ | ||
| div | ||
| { | ||
| background-color: green; | ||
| height: 100px; | ||
| width: 100px; | ||
| } | ||
| ]]></style> | ||
| </head> | ||
| <body> | ||
| <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> | ||
| <div></div> | ||
| </body> | ||
| </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
| @@ -0,0 +1,24 @@ | ||
| <!DOCTYPE html> | ||
| <title>CSS aspect-ratio: auto size img with attributes width and height inside column flexbox</title> | ||
| <link rel="help" href="https://html.spec.whatwg.org/#map-to-the-aspect-ratio-property-(using-dimension-rules)"> | ||
| <link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#layout-algorithm"> | ||
| <link rel="match" href="../../reference/ref-filled-green-100px-square.xht" /> | ||
|
|
||
| <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> | ||
| <style> | ||
| div { | ||
| width: 100px; | ||
| display: flex; | ||
| flex-direction: column; | ||
| } | ||
| img { | ||
| width: auto; | ||
| height: auto; | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div><img width="200" height="200" src="support/200x200-green.png" /></div> | ||
| </body> | ||
| </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