diff options
Diffstat (limited to 'tests/wpt/css-tests')
1186 files changed, 12238 insertions, 5137 deletions
diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-334.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-334.htm index f23758a95ac..4a04ec50091 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-334.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-334.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background shorthand - background-size '100% auto'</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.w3.org/TR/css3-background/#the-background" rel="help" title="3.10. Backgrounds Shorthand: the 'background' property"> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-002.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-002.htm index dd997204104..c99d538f5e0 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-002.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-002.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-clip - initial value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-003.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-003.htm index 89a8077a5cb..e855bc7ee00 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-003.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-003.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-clip - border-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-004.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-004.htm index 53937218da2..978ca7073c5 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-004.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-004.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-clip - padding-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-005.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-005.htm index 01ce5ea94ca..ff06261bc34 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-005.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-005.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-clip - content-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-006.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-006.htm index daf2cdd8b8a..ac1f15da3f2 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-006.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-006.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-clip - inherit keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-007.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-007.htm index 67ccb369215..5fbfbaaadb1 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-007.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-007.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Background and Borders Test: background-clip: content-box with background-color</title> <link href="mailto:jchaffraix@webkit.org" rel="author" title="Julien Chaffraix"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-008.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-008.htm index cdd2080471b..417cc0e3709 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-008.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-008.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Background and Borders Test: background-clip: padding-box with background-color</title> <link href="mailto:jchaffraix@webkit.org" rel="author" title="Julien Chaffraix"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-009.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-009.htm index 65db83fc0fa..e8015a98036 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-009.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-009.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Background and Borders Test: background-clip: border-box with background-color</title> <link href="mailto:jchaffraix@webkit.org" rel="author" title="Julien Chaffraix"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-root.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-root.htm index c6afc55765e..82846ffc07d 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-root.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-root.htm @@ -5,7 +5,7 @@ <link href="http://lea.verou.me" rel="author" title="Lea Verou"> <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help"> <meta content="image" name="flags"> -<meta content="The root element has a different background painting area, and thus the ‘background-clip’ property has no effect when specified on it." name="assert"> +<meta content="The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it." name="assert"> <style> html { diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-002.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-002.htm index 39c77b54814..d1090ba0482 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-002.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-002.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-origin - initial value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-003.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-003.htm index 8100053344a..d7b6e0ef9a8 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-003.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-003.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-origin - padding-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-004.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-004.htm index 89af5b79bfe..626983a9e36 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-004.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-004.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-origin - border-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-005.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-005.htm index 9bbcf460c4a..5835e1564a6 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-005.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-005.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-origin - content-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-006.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-006.htm index 675f63e9d1d..a89d63bf4d8 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-006.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-006.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-origin 'content-box' with background-attachment 'fixed'</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-007.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-007.htm index ffb618a94c2..d948d8867fe 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-007.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-007.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-origin 'border-box' with background-clip 'padding-box'</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-008.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-008.htm index e9505b47a95..8e7f6b2d45a 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-008.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-origin-008.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-origin - inherit keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round-001.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round-001.htm index bc6c2867cfc..1555afec9a6 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round-001.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-repeat-round-001.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-repeat - one round keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-08 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-002.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-002.htm index d45021119df..9cc5d0e7957 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-002.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-002.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - initial value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-005.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-005.htm index a4aac078944..5e0632f0073 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-005.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-005.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one auto keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-006.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-006.htm index 24e24713816..b4a24b4b9df 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-006.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-006.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one <length> value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-007.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-007.htm index ac21af3abd5..457c78255ac 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-007.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-007.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one <length> value at minimum</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-008.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-008.htm index 7a0eadcf7a4..c9c40171b77 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-008.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-008.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one <length> value at maximum</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.w3.org/TR/css3-background/#the-background-size" rel="help" title="3.9. Sizing Images: the 'background-size' property"> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-009.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-009.htm index f2b8c15289f..b0fe2e2b163 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-009.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-009.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-010.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-010.htm index 2ecf4241d6d..89283671799 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-010.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-010.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> value at minimum</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-011.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-011.htm index 9b0dc3c401e..0a1c33de7a9 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-011.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-011.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> value at maximum</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-012.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-012.htm index cd54d56f6a4..8606126fd2b 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-012.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-012.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - two auto keyword values</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-013.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-013.htm index 70437893aba..cc82df4c541 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-013.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-013.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one auto keyword and one <length> values</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-014.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-014.htm index ce309c86a7f..d75317d11c5 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-014.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-014.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one auto keyword and one <percentage> values</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-015.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-015.htm index 4b774c2dc22..da4cfad39c2 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-015.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-015.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one <length> and one auto keyword values</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-016.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-016.htm index 24068ceb8a1..80005b0c17d 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-016.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-016.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - two <length> values</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-017.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-017.htm index 60fa215b26d..2f03ddd24fc 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-017.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-017.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one <length> and one <percentage> values</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-018.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-018.htm index 184e9a77af6..6d3e6e4028e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-018.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-018.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> and one auto keyword values</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-019.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-019.htm index 6ba88e6d2a2..64fb7e1efb6 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-019.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-019.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> and one <length> values</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-020.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-020.htm index 4ad881ea0c1..b473d4b3f85 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-020.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-020.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - two <percentage> values</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-021.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-021.htm index fa2d92360a0..976b095cb4c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-021.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-021.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size '100% 100%' with background-origin 'content-box'</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-024.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-024.htm index 745bcbd1eb8..87631a14464 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-024.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-024.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size '100% 100%' with background-clip 'content-box'</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-025.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-025.htm index 6820b7d2b06..cdaeaa75fcf 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-025.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-025.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size 'auto 61px' with background-repeat 'round'</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-15 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-026.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-026.htm index 9e460849829..ad929ecd225 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-026.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-026.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size 'auto' with background-repeat 'repeat'</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-027.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-027.htm index b3874678c9e..b8fed2b5fbd 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-027.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-027.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size '52px auto' with background-repeat 'repeat round'</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-15 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-028.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-028.htm index 709a6c32677..efd83184eb5 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-028.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-028.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size '50px' with background-repeat 'repeat'</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-15 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-029.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-029.htm index 148938a16e6..e2abbd980de 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-029.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-029.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size '52px auto' with background-repeat 'round repeat'</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-15 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-030.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-030.htm index 83a8590611f..9d27e1bc9c0 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-030.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-030.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size '25% 25%' with background-repeat 'repeat'</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-17 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-031.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-031.htm index c383a3650a2..66edeb4a0f3 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-031.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-031.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size '20% 30%' with background-repeat 'no-repeat round'</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-17 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-032.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-032.htm index de6ec41b7c8..2159aae6a7f 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-032.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-032.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - applies to ::first-letter pseudo-element</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-17 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-033.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-033.htm index 7424f7e6660..91b1522145a 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-033.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-033.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - applies to ::first-line pseudo-element</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-17 --> @@ -23,4 +24,5 @@ <p>Test passes if only the <strong>top half</strong> of "Text sample" has a <strong>blue background</strong>.</p> <div>Text sample<br> text sample text sample</div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-034.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-034.htm index 33473af388e..65a9b1fc3b5 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-034.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-size-034.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Backgrounds and Borders Test: background-size - inherit keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-11-17 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-radius-overflow-hidden.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-radius-overflow-hidden.htm index 4c42331a338..988499e059c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-radius-overflow-hidden.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-radius-overflow-hidden.htm @@ -5,7 +5,7 @@ <link href="http://lea.verou.me" rel="author" title="Lea Verou"> <link href="http://www.w3.org/TR/css3-background/#corner-clipping" rel="help"> <meta content="" name="flags"> -<meta content="Effects that clip to the border or padding edge (such as ‘overflow’ other than ‘visible’) must clip to the curve" name="assert"> +<meta content="Effects that clip to the border or padding edge (such as 'overflow' other than 'visible') must clip to the curve" name="assert"> <style> div { position: absolute; @@ -49,4 +49,5 @@ div { </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm index cd0d368eea8..8dacb990237 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm @@ -1131,7 +1131,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>background-clip on root <ul class="assert"> - <li>The root element has a different background painting area, and thus the &acirc;&#8364;&#732;background-clip&acirc;&#8364;&#8482; property has no effect when specified on it.</li> + <li>The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-4.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-4.htm index 48d94f4103d..843e105b3d7 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-4.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-4.htm @@ -242,7 +242,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> </ul> </td> </tr> @@ -253,7 +253,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style_double <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. &acirc;&#8364;&#732;double&acirc;&#8364;&#8482;: Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal &acirc;&#8364;&#732;border-width&acirc;&#8364;&#8482;.)</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. 'double': Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal 'border-width'.)</li> </ul> </td> </tr> @@ -264,7 +264,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style_shorthand <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> </ul> </td> </tr> @@ -275,7 +275,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> </ul> </td> </tr> @@ -286,7 +286,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> </ul> </td> </tr> @@ -297,7 +297,7 @@ <td></td> <td>border_style_values <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-5.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-5.htm index 290668ac5fd..c0bb7f17d1b 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-5.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-5.htm @@ -1249,7 +1249,7 @@ <td></td> <td>Clipping to the border-radius curve <ul class="assert"> - <li>Effects that clip to the border or padding edge (such as &acirc;&#8364;&#732;overflow&acirc;&#8364;&#8482; other than &acirc;&#8364;&#732;visible&acirc;&#8364;&#8482;) must clip to the curve</li> + <li>Effects that clip to the border or padding edge (such as 'overflow' other than 'visible') must clip to the curve</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/diagonal-percentage-vector-background-ref.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/diagonal-percentage-vector-background-ref.htm index 2a8f713a2ab..c461a86065a 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/diagonal-percentage-vector-background-ref.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/diagonal-percentage-vector-background-ref.htm @@ -1,6 +1,8 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> + <title>CSS Reftest Reference</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/background-iframes-001.html b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/ttwf-reftest-borderRadius-ref.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/ttwf-reftest-borderRadius-ref.htm index d81d6c8401c..4526cdf22ba 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/ttwf-reftest-borderRadius-ref.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reference/ttwf-reftest-borderRadius-ref.htm @@ -10,7 +10,7 @@ </head> <body> <p>The test passes if table's 'border-radius' style don't work.</p> - <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when ‘border-collapse’ is ‘collapse’.</p> + <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when 'border-collapse' is 'collapse'.</p> <table id="testCon"> <tbody><tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/support/background-iframes-001.html b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-double.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-double.htm index 784dadbc9ef..2bf7392dd70 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-double.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-double.htm @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound"> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help"> <meta content="image" name="flags"> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. ‘double’: Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal ‘border-width’.)" name="assert"> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. 'double': Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal 'border-width'.)" name="assert"> <style> #ref { background-color: white; @@ -27,4 +27,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-shorthand-missing-bottom.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-shorthand-missing-bottom.htm index 11d6f2c9194..4f9c4bf1797 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-shorthand-missing-bottom.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-shorthand-missing-bottom.htm @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound"> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help"> <meta content="image" name="flags"> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert"> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert"> <style> #ref { background-color: white; @@ -27,4 +27,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-shorthand-missing-left.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-shorthand-missing-left.htm index 85ac0db84d8..8f85b6a6b73 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-shorthand-missing-left.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-shorthand-missing-left.htm @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound"> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help"> <meta content="image" name="flags"> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert"> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert"> <style> #ref { background-color: white; @@ -27,4 +27,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-shorthand.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-shorthand.htm index a0bd4aed860..6f228bc4960 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-shorthand.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-shorthand.htm @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound"> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help"> <meta content="image" name="flags"> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert"> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert"> <style> #ref { background-color: white; @@ -27,4 +27,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-values.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-values.htm index 2a2cdb55309..f15bafc27c1 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-values.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style-values.htm @@ -3,7 +3,7 @@ <title>CSS Backgrounds and Borders Test: border_style_values</title> <link href="mailto:disound@gmail.com" rel="author" title="disound"> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help"> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset" name="assert"> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset" name="assert"> <style> #test { width: 100%; @@ -66,4 +66,5 @@ <div id="outset">outset</div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style.htm index e8c09909e9e..30c5c3adf28 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-css3background-border-style.htm @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound"> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help"> <meta content="image" name="flags"> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert"> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert"> <style> #ref { background-color: white; @@ -30,4 +30,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-reftest-borderRadius.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-reftest-borderRadius.htm index eb44a88c3a1..ad4491d769c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-reftest-borderRadius.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/ttwf-reftest-borderRadius.htm @@ -12,7 +12,7 @@ </head> <body> <p>The test passes if table's 'border-radius' style don't work.</p> - <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when ‘border-collapse’ is ‘collapse’.</p> + <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when 'border-collapse' is 'collapse'.</p> <table id="testCon"> <tbody><tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data index fd1bf8abf8b..7a6e9585e4d 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data @@ -93,8 +93,8 @@ html4/background-332.htm 30356a69904af933f5701755338257ea23108d46 ? xhtml1/background-332.xht 30356a69904af933f5701755338257ea23108d46 ? html4/background-333.htm 4ef914396c3b091f52f563d2ca2e8fc6cad820f4 ? xhtml1/background-333.xht 4ef914396c3b091f52f563d2ca2e8fc6cad820f4 ? -html4/background-334.htm 3e9a9c00a1954f07219bf5d24e8b62d0f17e0d87 ? -xhtml1/background-334.xht 3e9a9c00a1954f07219bf5d24e8b62d0f17e0d87 ? +html4/background-334.htm 6ea5a471d7dd20d6544c2a86c2696d32ee26fabd ? +xhtml1/background-334.xht 6ea5a471d7dd20d6544c2a86c2696d32ee26fabd ? html4/background-335.htm 23bc95df107c3d1bd048be7e785f324003da537f ? xhtml1/background-335.xht 23bc95df107c3d1bd048be7e785f324003da537f ? html4/background-336.htm d8ffb8c3574d7c27ba4ba04d34fba948debf922b ? @@ -107,22 +107,22 @@ html4/background-attachment-local.htm 2872cbeb53db7bc4c1b90bc27363d57cb5c42e99 ? xhtml1/background-attachment-local.xht 2872cbeb53db7bc4c1b90bc27363d57cb5c42e99 ? html4/background-clip-001.htm 9fb84a761767b000ab557c7de2f79d3722c5ae9d ? xhtml1/background-clip-001.xht 9fb84a761767b000ab557c7de2f79d3722c5ae9d ? -html4/background-clip-002.htm 92d0780fa1c4f198383b320d83a886b64d766ebe ? -xhtml1/background-clip-002.xht 92d0780fa1c4f198383b320d83a886b64d766ebe ? -html4/background-clip-003.htm 0986afc648919557886750b754a717b8e58139fe ? -xhtml1/background-clip-003.xht 0986afc648919557886750b754a717b8e58139fe ? -html4/background-clip-004.htm e122cfb8caee9de9324b88e9ce9c8b7cf0633321 ? -xhtml1/background-clip-004.xht e122cfb8caee9de9324b88e9ce9c8b7cf0633321 ? -html4/background-clip-005.htm 70fab4a34bc424541ea85b125a1a5842ecfe44f2 ? -xhtml1/background-clip-005.xht 70fab4a34bc424541ea85b125a1a5842ecfe44f2 ? -html4/background-clip-006.htm 6feafa6018625f0d35677c9925bd5455ef8850ae ? -xhtml1/background-clip-006.xht 6feafa6018625f0d35677c9925bd5455ef8850ae ? -html4/background-clip-007.htm 7b5deb50ec6732db3f91931debce33f51538825e ? -xhtml1/background-clip-007.xht 7b5deb50ec6732db3f91931debce33f51538825e ? -html4/background-clip-008.htm e711d37e37e64ba2b2d7769730b1cafe962ace83 ? -xhtml1/background-clip-008.xht e711d37e37e64ba2b2d7769730b1cafe962ace83 ? -html4/background-clip-009.htm bf76fc8b361c997a7b08e62758892e8f9427d0dc ? -xhtml1/background-clip-009.xht bf76fc8b361c997a7b08e62758892e8f9427d0dc ? +html4/background-clip-002.htm c544413ed743ab21983e21cc9c7fbef4fa3801b0 ? +xhtml1/background-clip-002.xht c544413ed743ab21983e21cc9c7fbef4fa3801b0 ? +html4/background-clip-003.htm dded3aa8be206272d1c725d1105ab0937c0a8d87 ? +xhtml1/background-clip-003.xht dded3aa8be206272d1c725d1105ab0937c0a8d87 ? +html4/background-clip-004.htm 33522def1ab90b2106c85dda1cd3a723a52a4a4b ? +xhtml1/background-clip-004.xht 33522def1ab90b2106c85dda1cd3a723a52a4a4b ? +html4/background-clip-005.htm 8793eb60c731da552d9f6a648c65bc062642a29e ? +xhtml1/background-clip-005.xht 8793eb60c731da552d9f6a648c65bc062642a29e ? +html4/background-clip-006.htm ea89891eb2e8b40978f9f21fb4f0c494fcff2f03 ? +xhtml1/background-clip-006.xht ea89891eb2e8b40978f9f21fb4f0c494fcff2f03 ? +html4/background-clip-007.htm c72360bccc03a55653feaebc7914a21fefcdfa82 ? +xhtml1/background-clip-007.xht c72360bccc03a55653feaebc7914a21fefcdfa82 ? +html4/background-clip-008.htm 4fb20f112375611b85cb273c0080f50bcbe4adbe ? +xhtml1/background-clip-008.xht 4fb20f112375611b85cb273c0080f50bcbe4adbe ? +html4/background-clip-009.htm 6dfbfd7ba1adc4a2fd06435210345e875f60512e ? +xhtml1/background-clip-009.xht 6dfbfd7ba1adc4a2fd06435210345e875f60512e ? html4/background-clip-010.htm 40f96f532a8862c14b7b74aff3900b454652d208 ? xhtml1/background-clip-010.xht 40f96f532a8862c14b7b74aff3900b454652d208 ? html4/background-clip-content-box-001.htm 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 ? @@ -131,8 +131,8 @@ html4/background-clip-content-box.htm a0aae7c775f2d9f6527f7d723ecae69f30330379 ? xhtml1/background-clip-content-box.xht a0aae7c775f2d9f6527f7d723ecae69f30330379 ? html4/background-clip-padding-box-with-border-radius.htm 2f60b410f132cba65c5c8360403f369129deb3ab ? xhtml1/background-clip-padding-box-with-border-radius.xht 2f60b410f132cba65c5c8360403f369129deb3ab ? -html4/background-clip-root.htm f000143a595d096b5a254f1b9c4ea99e0f262a99 ? -xhtml1/background-clip-root.xht f000143a595d096b5a254f1b9c4ea99e0f262a99 ? +html4/background-clip-root.htm 7fa6b5415bc6624809f4dfd162e3eb004938f10d ? +xhtml1/background-clip-root.xht 7fa6b5415bc6624809f4dfd162e3eb004938f10d ? html4/background-clip_padding-box.htm dd78a6379ff2c736ef85083c0b170e5a6c54e260 ? xhtml1/background-clip_padding-box.xht dd78a6379ff2c736ef85083c0b170e5a6c54e260 ? html4/background-color-applied-to-rounded-inline-element.htm 74ad10d6ed6ee2754512a3873eba51d31a8b34dd ? @@ -177,20 +177,20 @@ html4/background-intrinsic-010.htm 7f98f3661059a348b1d516626442a316f9e62600 ? xhtml1/background-intrinsic-010.xht 7f98f3661059a348b1d516626442a316f9e62600 ? html4/background-origin-001.htm 4df27cb0cf57b29b8f442256c503698ef38e8197 ? xhtml1/background-origin-001.xht 4df27cb0cf57b29b8f442256c503698ef38e8197 ? -html4/background-origin-002.htm 474f3161710f3d17164f2f14848f7742c92fd469 ? -xhtml1/background-origin-002.xht 474f3161710f3d17164f2f14848f7742c92fd469 ? -html4/background-origin-003.htm ac6146b87aa9794d67bd43cf7395af07b0bc5c2f ? -xhtml1/background-origin-003.xht ac6146b87aa9794d67bd43cf7395af07b0bc5c2f ? -html4/background-origin-004.htm 19499edb95bbdb84ec2487e97a3b466b2b6e99bd ? -xhtml1/background-origin-004.xht 19499edb95bbdb84ec2487e97a3b466b2b6e99bd ? -html4/background-origin-005.htm fe3ea0ffde7fadf7e5b5da521a20650e91662442 ? -xhtml1/background-origin-005.xht fe3ea0ffde7fadf7e5b5da521a20650e91662442 ? -html4/background-origin-006.htm f0087ebb48148c484cccba218b7368466169b7e8 ? -xhtml1/background-origin-006.xht f0087ebb48148c484cccba218b7368466169b7e8 ? -html4/background-origin-007.htm 109162124b6eb57312cf1ee17c1d393457fa253c ? -xhtml1/background-origin-007.xht 109162124b6eb57312cf1ee17c1d393457fa253c ? -html4/background-origin-008.htm 0a4588fd2cd9060b213ef1400ffe446fb9b50a2d ? -xhtml1/background-origin-008.xht 0a4588fd2cd9060b213ef1400ffe446fb9b50a2d ? +html4/background-origin-002.htm 51b3342fe33345406a1646150a89b6369d9f22ee ? +xhtml1/background-origin-002.xht 51b3342fe33345406a1646150a89b6369d9f22ee ? +html4/background-origin-003.htm 6493c4736ec2aa8eb2a4747339218c69ed2d7b0b ? +xhtml1/background-origin-003.xht 6493c4736ec2aa8eb2a4747339218c69ed2d7b0b ? +html4/background-origin-004.htm f3d8ce6f369ccf7eec267bd2ef5b30231ea5aa0f ? +xhtml1/background-origin-004.xht f3d8ce6f369ccf7eec267bd2ef5b30231ea5aa0f ? +html4/background-origin-005.htm accb073963f7d6b91f053643c5716ee883fc4313 ? +xhtml1/background-origin-005.xht accb073963f7d6b91f053643c5716ee883fc4313 ? +html4/background-origin-006.htm 9a7e875b47c00ecdaaae944373cf9af220b392d0 ? +xhtml1/background-origin-006.xht 9a7e875b47c00ecdaaae944373cf9af220b392d0 ? +html4/background-origin-007.htm 661d6616abc1615874dded35cf4f47c15e7477ab ? +xhtml1/background-origin-007.xht 661d6616abc1615874dded35cf4f47c15e7477ab ? +html4/background-origin-008.htm 545d39e519f3df83a8207d1c74a0a3515e648481 ? +xhtml1/background-origin-008.xht 545d39e519f3df83a8207d1c74a0a3515e648481 ? html4/background-paint-order-001.htm 2f504f1266a7794af6e1a0f34c603b67f2a35f6c ? xhtml1/background-paint-order-001.xht 2f504f1266a7794af6e1a0f34c603b67f2a35f6c ? html4/background-repeat-no-repeat.htm 11682036f813de6bd77295409e7884259d8d2595 ? @@ -199,8 +199,8 @@ html4/background-repeat-repeat-x.htm 2045d4adc4d0e306dda4bed6d1f643a92151e211 ? xhtml1/background-repeat-repeat-x.xht 2045d4adc4d0e306dda4bed6d1f643a92151e211 ? html4/background-repeat-repeat-y.htm 5be38e2f02e45a57583bba37adad815886fad866 ? xhtml1/background-repeat-repeat-y.xht 5be38e2f02e45a57583bba37adad815886fad866 ? -html4/background-repeat-round-001.htm 488d2b77d15b0460f580db27ef68620e29b38709 ? -xhtml1/background-repeat-round-001.xht 488d2b77d15b0460f580db27ef68620e29b38709 ? +html4/background-repeat-round-001.htm 250175462369d8bc52c78725e03dfb431d69eba8 ? +xhtml1/background-repeat-round-001.xht 250175462369d8bc52c78725e03dfb431d69eba8 ? html4/background-repeat-round-002.htm 1a0c1c29e5c5ad357f96277b024066b65e8dbda8 ? xhtml1/background-repeat-round-002.xht 1a0c1c29e5c5ad357f96277b024066b65e8dbda8 ? html4/background-repeat-round-roundup.htm e34726ee89c303590c6c76d60d62fbfb3a522858 ? @@ -213,70 +213,70 @@ html4/background-repeat-space.htm 61acbfe3d798516727be3376412ab8c116a00d50 ? xhtml1/background-repeat-space.xht 61acbfe3d798516727be3376412ab8c116a00d50 ? html4/background-size-001.htm ae9fed313c355776a869c710b2c96cc066a3d9d0 ? xhtml1/background-size-001.xht ae9fed313c355776a869c710b2c96cc066a3d9d0 ? -html4/background-size-002.htm 25c622e0bcbf420d7b5053a9f2efc893505700f6 ? -xhtml1/background-size-002.xht 25c622e0bcbf420d7b5053a9f2efc893505700f6 ? +html4/background-size-002.htm ad630fb30f4b741376f88b7b5186ae39ef19ba61 ? +xhtml1/background-size-002.xht ad630fb30f4b741376f88b7b5186ae39ef19ba61 ? html4/background-size-003.htm a9a83cfab328e894706c5fac465f1958bd98d95f ? xhtml1/background-size-003.xht a9a83cfab328e894706c5fac465f1958bd98d95f ? -html4/background-size-005.htm 5b1eae2d4a42d5dd9ad0d77bfeb06c5450df8636 ? -xhtml1/background-size-005.xht 5b1eae2d4a42d5dd9ad0d77bfeb06c5450df8636 ? -html4/background-size-006.htm fc850e8bb8486d6c7086c40b535a5f1ba14d9bca ? -xhtml1/background-size-006.xht fc850e8bb8486d6c7086c40b535a5f1ba14d9bca ? -html4/background-size-007.htm 22b9aec99f6bebb1f5d3929f3b615b75d5c72f61 ? -xhtml1/background-size-007.xht 22b9aec99f6bebb1f5d3929f3b615b75d5c72f61 ? -html4/background-size-008.htm fc47621a1bc850db829550e4cbb623229f85e18d ? -xhtml1/background-size-008.xht fc47621a1bc850db829550e4cbb623229f85e18d ? -html4/background-size-009.htm 0672c0ebebbf393ae0f393faa58566a5325b6e65 ? -xhtml1/background-size-009.xht 0672c0ebebbf393ae0f393faa58566a5325b6e65 ? -html4/background-size-010.htm c9f2482f44a441bd0ac764420b43079d03efa694 ? -xhtml1/background-size-010.xht c9f2482f44a441bd0ac764420b43079d03efa694 ? -html4/background-size-011.htm 45777a23f42fe1a148984bc9d6e6caa2b0208be8 ? -xhtml1/background-size-011.xht 45777a23f42fe1a148984bc9d6e6caa2b0208be8 ? -html4/background-size-012.htm ccb5478e1ca4ab2b0640ccbca5f0de7aa7450558 ? -xhtml1/background-size-012.xht ccb5478e1ca4ab2b0640ccbca5f0de7aa7450558 ? -html4/background-size-013.htm becf4287ee53a53e83604ce1814d542421019de0 ? -xhtml1/background-size-013.xht becf4287ee53a53e83604ce1814d542421019de0 ? -html4/background-size-014.htm b8138c6696b6ed4dccf32606ddbe2e1bca80d9c0 ? -xhtml1/background-size-014.xht b8138c6696b6ed4dccf32606ddbe2e1bca80d9c0 ? -html4/background-size-015.htm 76766a7af5524ba0fdd4e89853e827007e2f9bf9 ? -xhtml1/background-size-015.xht 76766a7af5524ba0fdd4e89853e827007e2f9bf9 ? -html4/background-size-016.htm 04a2d646f5bd7cfd7247fc0fc14a779269a6247a ? -xhtml1/background-size-016.xht 04a2d646f5bd7cfd7247fc0fc14a779269a6247a ? -html4/background-size-017.htm 7f6a9bee1b964b6e596f067fb5bb61a906fd31f0 ? -xhtml1/background-size-017.xht 7f6a9bee1b964b6e596f067fb5bb61a906fd31f0 ? -html4/background-size-018.htm a71d451aefd0f736a220dacb00e2e3e1db835311 ? -xhtml1/background-size-018.xht a71d451aefd0f736a220dacb00e2e3e1db835311 ? -html4/background-size-019.htm 73999188fc8d8a050484104b567c04fc682af182 ? -xhtml1/background-size-019.xht 73999188fc8d8a050484104b567c04fc682af182 ? -html4/background-size-020.htm b35ec3be33cbb9206583ba4f76a2419a8c7540c0 ? -xhtml1/background-size-020.xht b35ec3be33cbb9206583ba4f76a2419a8c7540c0 ? -html4/background-size-021.htm 0d3a297ebc9eba7e90269f6d2b1ba50e690e28e7 ? -xhtml1/background-size-021.xht 0d3a297ebc9eba7e90269f6d2b1ba50e690e28e7 ? +html4/background-size-005.htm 88f2e9f6286faf6e87827321b43df30c0de7e095 ? +xhtml1/background-size-005.xht 88f2e9f6286faf6e87827321b43df30c0de7e095 ? +html4/background-size-006.htm e7a0cde7e4bef1885fe1523c7011a93b97b787c0 ? +xhtml1/background-size-006.xht e7a0cde7e4bef1885fe1523c7011a93b97b787c0 ? +html4/background-size-007.htm dd735bb5f22b4b3c6d13a13d27407082371e6806 ? +xhtml1/background-size-007.xht dd735bb5f22b4b3c6d13a13d27407082371e6806 ? +html4/background-size-008.htm fadf02c567438d82cf974de4b1bf626051c55e8f ? +xhtml1/background-size-008.xht fadf02c567438d82cf974de4b1bf626051c55e8f ? +html4/background-size-009.htm b218618479f85e26771213fd61cb87731896b89a ? +xhtml1/background-size-009.xht b218618479f85e26771213fd61cb87731896b89a ? +html4/background-size-010.htm 6c159c57f9324f59314eaa64109b4dde26ea7972 ? +xhtml1/background-size-010.xht 6c159c57f9324f59314eaa64109b4dde26ea7972 ? +html4/background-size-011.htm 0b597264afebf44e05504e7e76aa44d41ef01422 ? +xhtml1/background-size-011.xht 0b597264afebf44e05504e7e76aa44d41ef01422 ? +html4/background-size-012.htm da1c3c475c141279a5c9cbeb05b66d931ef93335 ? +xhtml1/background-size-012.xht da1c3c475c141279a5c9cbeb05b66d931ef93335 ? +html4/background-size-013.htm e21b209e547e14b9656a99cd5ae77e7465e16c3b ? +xhtml1/background-size-013.xht e21b209e547e14b9656a99cd5ae77e7465e16c3b ? +html4/background-size-014.htm 410c7596a9bb965705e780959ea6dfc48595ef2f ? +xhtml1/background-size-014.xht 410c7596a9bb965705e780959ea6dfc48595ef2f ? +html4/background-size-015.htm a28b33fb190712fe67e8b85d833415c602564040 ? +xhtml1/background-size-015.xht a28b33fb190712fe67e8b85d833415c602564040 ? +html4/background-size-016.htm 5528cc80366ce200d22ab0f41d83ff39a80bf526 ? +xhtml1/background-size-016.xht 5528cc80366ce200d22ab0f41d83ff39a80bf526 ? +html4/background-size-017.htm 99e6018c53696ab403e707c5e9787c2ad72404c8 ? +xhtml1/background-size-017.xht 99e6018c53696ab403e707c5e9787c2ad72404c8 ? +html4/background-size-018.htm 245e26e2d3af7fd2ad746cb85afca2710c4f66eb ? +xhtml1/background-size-018.xht 245e26e2d3af7fd2ad746cb85afca2710c4f66eb ? +html4/background-size-019.htm 7cff24b88aab41384b4f082a0fed37e4f7d20c40 ? +xhtml1/background-size-019.xht 7cff24b88aab41384b4f082a0fed37e4f7d20c40 ? +html4/background-size-020.htm dcf75df56a9ef7eff180aa45422155515d4826b0 ? +xhtml1/background-size-020.xht dcf75df56a9ef7eff180aa45422155515d4826b0 ? +html4/background-size-021.htm 7b2afcee22565d2739fb6195efad939d8db31b74 ? +xhtml1/background-size-021.xht 7b2afcee22565d2739fb6195efad939d8db31b74 ? html4/background-size-022.htm b1366d54f8233d1f6be4ecf6b107a71347ed4cc8 ? xhtml1/background-size-022.xht b1366d54f8233d1f6be4ecf6b107a71347ed4cc8 ? html4/background-size-023.htm 668972c967f9adbc1967347794936d2dca40c7b0 ? xhtml1/background-size-023.xht 668972c967f9adbc1967347794936d2dca40c7b0 ? -html4/background-size-024.htm 3cbc9960ed33202979bd5a33209ff21fa5723c61 ? -xhtml1/background-size-024.xht 3cbc9960ed33202979bd5a33209ff21fa5723c61 ? -html4/background-size-025.htm a7d55fb64ce99a45adff289788ef142a7d4a4dc8 ? -xhtml1/background-size-025.xht a7d55fb64ce99a45adff289788ef142a7d4a4dc8 ? -html4/background-size-026.htm c4ee41c2a15e35b6a69b6f52702b02d9ae4a0066 ? -xhtml1/background-size-026.xht c4ee41c2a15e35b6a69b6f52702b02d9ae4a0066 ? -html4/background-size-027.htm cf2a230025b5738b6db6b376229229c4b0d0c5cc ? -xhtml1/background-size-027.xht cf2a230025b5738b6db6b376229229c4b0d0c5cc ? -html4/background-size-028.htm 70cdaaf25e0f263590f9c06ae34efa44d77cd6f4 ? -xhtml1/background-size-028.xht 70cdaaf25e0f263590f9c06ae34efa44d77cd6f4 ? -html4/background-size-029.htm 19806ca0e925b5b119cd320e5d1ca8045ced60fa ? -xhtml1/background-size-029.xht 19806ca0e925b5b119cd320e5d1ca8045ced60fa ? -html4/background-size-030.htm c44e52580883ee2919b4c9e43e7a1053955cc041 ? -xhtml1/background-size-030.xht c44e52580883ee2919b4c9e43e7a1053955cc041 ? -html4/background-size-031.htm aa42be9ef7b1096d7acdebe7358d42f5a2fd84c0 ? -xhtml1/background-size-031.xht aa42be9ef7b1096d7acdebe7358d42f5a2fd84c0 ? -html4/background-size-032.htm 0bd8eb8741815f25bf43619ea7e1ef144c0d3532 ? -xhtml1/background-size-032.xht 0bd8eb8741815f25bf43619ea7e1ef144c0d3532 ? -html4/background-size-033.htm c7de9e0455ad3a1ab85b070160173047052ba541 ? -xhtml1/background-size-033.xht c7de9e0455ad3a1ab85b070160173047052ba541 ? -html4/background-size-034.htm 22985092746796a4def9577bb1388c959bb98c5d ? -xhtml1/background-size-034.xht 22985092746796a4def9577bb1388c959bb98c5d ? +html4/background-size-024.htm 63b0da8a6d11e650148228f1b3584c6cdf1d1030 ? +xhtml1/background-size-024.xht 63b0da8a6d11e650148228f1b3584c6cdf1d1030 ? +html4/background-size-025.htm 67748dee26d9a296b52d5e4e2e5c2bd590a77fbe ? +xhtml1/background-size-025.xht 67748dee26d9a296b52d5e4e2e5c2bd590a77fbe ? +html4/background-size-026.htm 45c37899bcd605f3775d49f3e89758b5d7ca84d8 ? +xhtml1/background-size-026.xht 45c37899bcd605f3775d49f3e89758b5d7ca84d8 ? +html4/background-size-027.htm 3c0e411c27dc1be208e5711626d58183f70d1083 ? +xhtml1/background-size-027.xht 3c0e411c27dc1be208e5711626d58183f70d1083 ? +html4/background-size-028.htm fbdc8bcf5bbfae1a34c7a97dc93c7cb577e93ca4 ? +xhtml1/background-size-028.xht fbdc8bcf5bbfae1a34c7a97dc93c7cb577e93ca4 ? +html4/background-size-029.htm 6d211d7a79672d7f5bbab7ea0f1a0632a9ed6c50 ? +xhtml1/background-size-029.xht 6d211d7a79672d7f5bbab7ea0f1a0632a9ed6c50 ? +html4/background-size-030.htm 0a1d04457a31ec7d6880351196be91a18162a582 ? +xhtml1/background-size-030.xht 0a1d04457a31ec7d6880351196be91a18162a582 ? +html4/background-size-031.htm b2127ddeee436a163259f0bb97fd3a4db2ba6e87 ? +xhtml1/background-size-031.xht b2127ddeee436a163259f0bb97fd3a4db2ba6e87 ? +html4/background-size-032.htm 2474c790b158cd0d5eb551f0893a898b33c56fec ? +xhtml1/background-size-032.xht 2474c790b158cd0d5eb551f0893a898b33c56fec ? +html4/background-size-033.htm c6e674eda7eb24578ca440cd4d7be7fd491ed1f3 ? +xhtml1/background-size-033.xht c6e674eda7eb24578ca440cd4d7be7fd491ed1f3 ? +html4/background-size-034.htm 23970bae1de84cb4fe45b1a9b1f2a9a120e13feb ? +xhtml1/background-size-034.xht 23970bae1de84cb4fe45b1a9b1f2a9a120e13feb ? html4/background-size-035.htm 80b65cb2ec6b6ccce3f65ae447260464a1b71543 ? xhtml1/background-size-035.xht 80b65cb2ec6b6ccce3f65ae447260464a1b71543 ? html4/background-size-applies-to-block.htm 0a809377a72418e1524250623b7a77d47301b6cd ? @@ -577,8 +577,8 @@ html4/border-radius-initial-value-001.htm b70216d5c2ae4dfe562d3a5c8edd2210153ed7 xhtml1/border-radius-initial-value-001.xht b70216d5c2ae4dfe562d3a5c8edd2210153ed7b4 ? html4/border-radius-not-inherited-001.htm eb45d4478864422c50e2a68c5e329e75268b29d5 ? xhtml1/border-radius-not-inherited-001.xht eb45d4478864422c50e2a68c5e329e75268b29d5 ? -html4/border-radius-overflow-hidden.htm b387ba83b820a0718c10a1b9e2087971282efde3 ? -xhtml1/border-radius-overflow-hidden.xht b387ba83b820a0718c10a1b9e2087971282efde3 ? +html4/border-radius-overflow-hidden.htm 54392d8b6e4e71dbaf4b2873add63ff38d28c265 ? +xhtml1/border-radius-overflow-hidden.xht 54392d8b6e4e71dbaf4b2873add63ff38d28c265 ? html4/border-radius-shorthand-001.htm c10da19070dbaf8b93b34577df2a0b7187e58bc6 ? xhtml1/border-radius-shorthand-001.xht c10da19070dbaf8b93b34577df2a0b7187e58bc6 ? html4/border-radius-shorthand-002.htm bfed421505cd493d7968e3149b638a98cc229e7f ? @@ -733,8 +733,8 @@ html4/css3-border-image-source.htm 0e660ada36dca9671a69ec0b0c76ecc482e1a7fb ? xhtml1/css3-border-image-source.xht 0e660ada36dca9671a69ec0b0c76ecc482e1a7fb ? html4/css3-box-shadow.htm 52a7d2ddf5688829b45469834d42c5d0cac778a6 ? xhtml1/css3-box-shadow.xht 52a7d2ddf5688829b45469834d42c5d0cac778a6 ? -html4/diagonal-percentage-vector-background.htm 247dac0de48f90b72e13fb4394accb835cfe7b4b ? -xhtml1/diagonal-percentage-vector-background.xht 247dac0de48f90b72e13fb4394accb835cfe7b4b ? +html4/diagonal-percentage-vector-background.htm e8cabc914cd8db026ed54252cdf68a332e17d7f9 ? +xhtml1/diagonal-percentage-vector-background.xht e8cabc914cd8db026ed54252cdf68a332e17d7f9 ? html4/none-as-image-layer.htm 3c26f26e7017ddf4e3e5ec05eed3e1eb5eb4ab42 ? xhtml1/none-as-image-layer.xht 3c26f26e7017ddf4e3e5ec05eed3e1eb5eb4ab42 ? html4/order-of-images.htm 4492b601c1313612451da01db8faa8d04828f558 ? @@ -893,22 +893,22 @@ html4/ttwf-css3background-border-color-shorthand.htm 65170b0ef0ef058b6b3504aacd6 xhtml1/ttwf-css3background-border-color-shorthand.xht 65170b0ef0ef058b6b3504aacd608d0a36859f14 ? html4/ttwf-css3background-border-color.htm 299ea11bee0211784d2ee1d31dba620a91405d91 ? xhtml1/ttwf-css3background-border-color.xht 299ea11bee0211784d2ee1d31dba620a91405d91 ? -html4/ttwf-css3background-border-style-double.htm 5146fbf273ee7beacbaf7ec04dece3cbc333ee46 ? -xhtml1/ttwf-css3background-border-style-double.xht 5146fbf273ee7beacbaf7ec04dece3cbc333ee46 ? -html4/ttwf-css3background-border-style-shorthand-missing-bottom.htm b0a6190082f414dfde0c5cf51b4ae695d4c5574c ? -xhtml1/ttwf-css3background-border-style-shorthand-missing-bottom.xht b0a6190082f414dfde0c5cf51b4ae695d4c5574c ? -html4/ttwf-css3background-border-style-shorthand-missing-left.htm 18129027c8a603a68518f78d6dc920c6292d892d ? -xhtml1/ttwf-css3background-border-style-shorthand-missing-left.xht 18129027c8a603a68518f78d6dc920c6292d892d ? -html4/ttwf-css3background-border-style-shorthand.htm eb900fbf6577d4d9d2e3c8f7ed48e8f648a33443 ? -xhtml1/ttwf-css3background-border-style-shorthand.xht eb900fbf6577d4d9d2e3c8f7ed48e8f648a33443 ? -html4/ttwf-css3background-border-style-values.htm 08b3f83499c141185fc5ac49431776b31874c2b5 ? -xhtml1/ttwf-css3background-border-style-values.xht 08b3f83499c141185fc5ac49431776b31874c2b5 ? -html4/ttwf-css3background-border-style.htm 98c2dcbb4586b3ea24fe6163fe0181d5ed08fe9e ? -xhtml1/ttwf-css3background-border-style.xht 98c2dcbb4586b3ea24fe6163fe0181d5ed08fe9e ? +html4/ttwf-css3background-border-style-double.htm 785b5f0dd6f8680c29f3254b9028732e19a533b1 ? +xhtml1/ttwf-css3background-border-style-double.xht 785b5f0dd6f8680c29f3254b9028732e19a533b1 ? +html4/ttwf-css3background-border-style-shorthand-missing-bottom.htm 451fcdb96bf7a07e07cabd6b0f64ccb4744f72b0 ? +xhtml1/ttwf-css3background-border-style-shorthand-missing-bottom.xht 451fcdb96bf7a07e07cabd6b0f64ccb4744f72b0 ? +html4/ttwf-css3background-border-style-shorthand-missing-left.htm 480edf76a5ff5873e090abcb9366cc3e4fdff1a7 ? +xhtml1/ttwf-css3background-border-style-shorthand-missing-left.xht 480edf76a5ff5873e090abcb9366cc3e4fdff1a7 ? +html4/ttwf-css3background-border-style-shorthand.htm 9b253b5dc16924b30f84144396ab586654fec6dd ? +xhtml1/ttwf-css3background-border-style-shorthand.xht 9b253b5dc16924b30f84144396ab586654fec6dd ? +html4/ttwf-css3background-border-style-values.htm b881316979f2fd75b94ca890d768d07c85ceba88 ? +xhtml1/ttwf-css3background-border-style-values.xht b881316979f2fd75b94ca890d768d07c85ceba88 ? +html4/ttwf-css3background-border-style.htm b289495cd43b758595c507828b199aeb36ae3537 ? +xhtml1/ttwf-css3background-border-style.xht b289495cd43b758595c507828b199aeb36ae3537 ? html4/ttwf-reftest-background-repeat-x.htm 825448c2080e3d6aa5f2a659b955eeab72f735fe ? xhtml1/ttwf-reftest-background-repeat-x.xht 825448c2080e3d6aa5f2a659b955eeab72f735fe ? -html4/ttwf-reftest-borderradius.htm 520e05854c603544168be10d2a87087c34aef60c ? -xhtml1/ttwf-reftest-borderradius.xht 520e05854c603544168be10d2a87087c34aef60c ? +html4/ttwf-reftest-borderradius.htm 7b8b789d2abb71af4fc9bcd414f246d4c78535b8 ? +xhtml1/ttwf-reftest-borderradius.xht 7b8b789d2abb71af4fc9bcd414f246d4c78535b8 ? html4/wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.htm 67af4e85cda891d8a0e44786fd63abbc2aa13b69 ? xhtml1/wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.xht 67af4e85cda891d8a0e44786fd63abbc2aa13b69 ? html4/wide--12px-auto--nonpercent-width-nonpercent-height.htm 08a11de88188d9812d5e8785ccdcb2f038cba065 ? diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/index.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/index.htm index bbc26097356..3ae8abb9aae 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/index.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/index.htm @@ -139,7 +139,6 @@ <li>Elika J. Etemad</li> <li>Ethan Malasky</li> <li>finscn</li> - <li>Gérard Talbot</li> <li>Gérard Talbot</li> <li>Google</li> <li>Intel</li> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/index.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/index.xht index c622f895c6a..b133bbfc93a 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/index.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/index.xht @@ -139,7 +139,6 @@ <li>Elika J. Etemad</li> <li>Ethan Malasky</li> <li>finscn</li> - <li>Gérard Talbot</li> <li>Gérard Talbot</li> <li>Google</li> <li>Intel</li> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data b/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data index 409255021bb..e77c7a16091 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data @@ -44,26 +44,26 @@ background-025 reference/ref-nothing-below Background with (position attachment) background-331 background shorthand - initial values dom,script http://www.w3.org/TR/css3-background/#the-background 41883084f448eb3d6f79012d0b1320debfb2ab2f `Intel`<http://www.intel.com> Check that given a valid declaration, for each layer the shorthand 'backgound' first sets the corresponding layer of each of 'background-image', 'background-position', 'background-size', 'background-repeat', 'background-origin', 'background-clip' and 'background-attachment' to that property's initial value background-332 background shorthand - all values specified dom,image,script http://www.w3.org/TR/css3-background/#the-background 30356a69904af933f5701755338257ea23108d46 `Intel`<http://www.intel.com> Check that given a valid declaration, for each layer the shorthand 'backgound' first sets the corresponding layer of each of 'background-image', 'background-position', 'background-size', 'background-repeat', 'background-origin', 'background-clip' and 'background-attachment' to that property's initial value, then assigns any explicit values specified for this layer in the declaration background-333 background shorthand - background-color 'red' dom,script http://www.w3.org/TR/css3-background/#the-background 4ef914396c3b091f52f563d2ca2e8fc6cad820f4 `Intel`<http://www.intel.com> Check that given a valid declaration, for each layer the shorthand 'backgound' first sets the corresponding layer of each of 'background-image', 'background-position', 'background-size', 'background-repeat', 'background-origin', 'background-clip' and 'background-attachment' to that property's initial value, then assigns any explicit values specified for this layer in the declaration, and finally 'background-color' is set to the specified color, if any, else set to its initial value -background-334 reference/background-334-ref background shorthand - background-size '100% auto' image http://www.w3.org/TR/css3-background/#the-background 3e9a9c00a1954f07219bf5d24e8b62d0f17e0d87 `Intel`<http://www.intel.com> Background-size with '100% auto' implies to rescale the image horizontally so that it fills the background area width and to rescale the image vertically so that it fills the background area height. +background-334 reference/background-334-ref background shorthand - background-size '100% auto' image http://www.w3.org/TR/css3-background/#the-background 6ea5a471d7dd20d6544c2a86c2696d32ee26fabd `Intel`<http://www.intel.com> Background-size with '100% auto' implies to rescale the image horizontally so that it fills the background area width and to rescale the image vertically so that it fills the background area height. background-335 background shorthand - only one <box> value dom,script http://www.w3.org/TR/css3-background/#the-background 23bc95df107c3d1bd048be7e785f324003da537f `Intel`<http://www.intel.com> Check if one <box> value is present then it sets both 'background-origin' and 'background-clip' to that value background-336 background shorthand - two <box> values dom,script http://www.w3.org/TR/css3-background/#the-background d8ffb8c3574d7c27ba4ba04d34fba948debf922b `Intel`<http://www.intel.com> Check if two <box> values are present, then the first sets 'background-origin' and the second 'background-clip' background-attachment-fixed 'Background-attachment' with value 'fixed' interact http://www.w3.org/TR/css3-background/#the-background-attachment 8da0f6cc1e67b1609fa31df814b55c7e4048b6ec `Melanie Archer`<mailto:job@twobanjos.com> If 'background-attachment' is given the value 'fixed,' then the background image remains fixed in relation to the user agent viewport when the viewport is scrolled. background-attachment-local 'Background-attachment' with value 'local' interact http://www.w3.org/TR/css3-background/#the-background-attachment 2872cbeb53db7bc4c1b90bc27363d57cb5c42e99 `Melanie Archer`<mailto:job@twobanjos.com> If 'background-attachment' is given the value 'local,' then the background image scrolls with the containing element's content when the element's content is scrolled background-attachment-local-scrolling Scrolling when 'background-attachment: local' http://www.w3.org/TR/css3-background/#the-background-attachment 6947df98c06fb21d63351e8fa064e8575ae3853b `Microsoft`<http://www.microsoft.com/> If 'background-attachment: local' the background scrolls along with the element's contents (the UA may treat 'background-clip: border-box' as the same as 'background-clip: padding-box'). background-clip-001 background-clip - initial and supported values dom,script http://www.w3.org/TR/css3-background/#the-background-clip 9fb84a761767b000ab557c7de2f79d3722c5ae9d `Intel`<http://www.intel.com> Check if background-clip initial value is border-box and supports values border-box, padding-box and content-box -background-clip-002 reference/background-clip-002-ref background-clip - initial value http://www.w3.org/TR/css3-background/#the-background-clip 92d0780fa1c4f198383b320d83a886b64d766ebe `Intel`<http://www.intel.com> Background-clip with initial value implies to paint the background within (clipped to) the border box. -background-clip-003 reference/background-clip-002-ref background-clip - border-box keyword value http://www.w3.org/TR/css3-background/#the-background-clip 0986afc648919557886750b754a717b8e58139fe `Intel`<http://www.intel.com> Background-clip with 'border-box' implies to paint the background within (clipped to) the border box. -background-clip-004 reference/background-clip-004-ref background-clip - padding-box keyword value http://www.w3.org/TR/css3-background/#the-background-clip e122cfb8caee9de9324b88e9ce9c8b7cf0633321 `Intel`<http://www.intel.com> Background-clip with 'padding-box' implies to paint the background within (clipped to) the padding box. -background-clip-005 reference/background-clip-005-ref background-clip - content-box keyword value http://www.w3.org/TR/css3-background/#the-background-clip 70fab4a34bc424541ea85b125a1a5842ecfe44f2 `Intel`<http://www.intel.com> Background-clip with 'content-box' implies to paint the background within (clipped to) the content box. -background-clip-006 reference/background-clip-005-ref background-clip - inherit keyword value http://www.w3.org/TR/css3-background/#the-background-clip,http://www.w3.org/TR/css3-background/#value-types 6feafa6018625f0d35677c9925bd5455ef8850ae `Intel`<http://www.intel.com> Background-clip with 'inherit' implies to inherit its parent element value to paint the background area. -background-clip-007 reference/ref-if-there-is-no-red background-clip: content-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 7b5deb50ec6732db3f91931debce33f51538825e `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'content-box', then the background-color shines only through the content area; it does not shine through the padding area nor the border area. -background-clip-008 reference/ref-if-there-is-no-red background-clip: padding-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip e711d37e37e64ba2b2d7769730b1cafe962ace83 `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'padding-box', then the background painting area is clipped at the edges of the padding of the element. In this test, the padding box is 0px tall and as wide as the body element; therefore, red should not be visible. -background-clip-009 reference/ref-filled-black-96px-square background-clip: border-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip bf76fc8b361c997a7b08e62758892e8f9427d0dc `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'border-box', then the background painting area is clipped at the edges of the borders of the element. In this test, the border box is 96px tall and 96px wide and is made from only the borders. +background-clip-002 reference/background-clip-002-ref background-clip - initial value http://www.w3.org/TR/css3-background/#the-background-clip c544413ed743ab21983e21cc9c7fbef4fa3801b0 `Intel`<http://www.intel.com> Background-clip with initial value implies to paint the background within (clipped to) the border box. +background-clip-003 reference/background-clip-002-ref background-clip - border-box keyword value http://www.w3.org/TR/css3-background/#the-background-clip dded3aa8be206272d1c725d1105ab0937c0a8d87 `Intel`<http://www.intel.com> Background-clip with 'border-box' implies to paint the background within (clipped to) the border box. +background-clip-004 reference/background-clip-004-ref background-clip - padding-box keyword value http://www.w3.org/TR/css3-background/#the-background-clip 33522def1ab90b2106c85dda1cd3a723a52a4a4b `Intel`<http://www.intel.com> Background-clip with 'padding-box' implies to paint the background within (clipped to) the padding box. +background-clip-005 reference/background-clip-005-ref background-clip - content-box keyword value http://www.w3.org/TR/css3-background/#the-background-clip 8793eb60c731da552d9f6a648c65bc062642a29e `Intel`<http://www.intel.com> Background-clip with 'content-box' implies to paint the background within (clipped to) the content box. +background-clip-006 reference/background-clip-005-ref background-clip - inherit keyword value http://www.w3.org/TR/css3-background/#the-background-clip,http://www.w3.org/TR/css3-background/#value-types ea89891eb2e8b40978f9f21fb4f0c494fcff2f03 `Intel`<http://www.intel.com> Background-clip with 'inherit' implies to inherit its parent element value to paint the background area. +background-clip-007 reference/ref-if-there-is-no-red background-clip: content-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip c72360bccc03a55653feaebc7914a21fefcdfa82 `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'content-box', then the background-color shines only through the content area; it does not shine through the padding area nor the border area. +background-clip-008 reference/ref-if-there-is-no-red background-clip: padding-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 4fb20f112375611b85cb273c0080f50bcbe4adbe `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'padding-box', then the background painting area is clipped at the edges of the padding of the element. In this test, the padding box is 0px tall and as wide as the body element; therefore, red should not be visible. +background-clip-009 reference/ref-filled-black-96px-square background-clip: border-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 6dfbfd7ba1adc4a2fd06435210345e875f60512e `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'border-box', then the background painting area is clipped at the edges of the borders of the element. In this test, the border box is 96px tall and 96px wide and is made from only the borders. background-clip-010 reference/ref-if-there-is-no-red background-clip - content-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 40f96f532a8862c14b7b74aff3900b454652d208 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'content-box', then the background painting area is clipped at the edges of the content of the element. In this test, height is 'auto', therefore its used value is '0px'; width is 'auto', therefore its used value is as wide as the body element. So, the content box is 0px tall and as wide as the body element; therefore, red should not be visible. background-clip-content-box backgrond-clip_content-box http://www.w3.org/TR/css3-background/#the-background-clip a0aae7c775f2d9f6527f7d723ecae69f30330379 `anping`<mailto:zhuanping123@163.com> Test passes if the backgrond color is limited to the content only and border is blue dotted without red background-clip-content-box-001 reference/background-clip-content-box-ref background-clip Reference http://www.w3.org/TR/css3-background/#the-background-clip 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 `James Wang`<mailto:wangjian@ucweb.com> background-clip with content-box means paint the background within the content box background-clip-padding-box-with-border-radius background-clip: padding-box with border-radius http://www.w3.org/TR/css3-background/#the-background-clip,http://www.w3.org/TR/css3-background/#corner-shaping 2f60b410f132cba65c5c8360403f369129deb3ab `Lea Verou`<http://lea.verou.me> Backgrounds clipped to the padding box should follow the padding box curve, which should be equal to the outer border radius minus the corresponding border thickness. -background-clip-root background-clip on root image http://www.w3.org/TR/css3-background/#the-background-clip f000143a595d096b5a254f1b9c4ea99e0f262a99 `Lea Verou`<http://lea.verou.me> The root element has a different background painting area, and thus the ‘background-clip’ property has no effect when specified on it. +background-clip-root background-clip on root image http://www.w3.org/TR/css3-background/#the-background-clip 7fa6b5415bc6624809f4dfd162e3eb004938f10d `Lea Verou`<http://lea.verou.me> The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it. background-clip_padding-box reference/background_clip_padding-box background-clip_border-box http://www.w3.org/TR/css3-background/#the-background-clip dd78a6379ff2c736ef85083c0b170e5a6c54e260 `Xiaoyan Jiang`<dajiangxiaoyan@126.com> Test passes if border is blue and dotted without red background background-color-applied-to-rounded-inline-element 'Background-color' applied to a rounded inline element http://www.w3.org/TR/css3-background/#background-color 74ad10d6ed6ee2754512a3873eba51d31a8b34dd `Microsoft`<http://www.microsoft.com/> 'Background-color' is clipped according to the 'background-clip' property in an inline element. background-color-border-box Background color clipped to 'border-box' http://www.w3.org/TR/css3-background/#the-background-color 1af1ed13e3676a03b82aa25e8a075af47a824a53 `Microsoft`<http://www.microsoft.com/> Background color is clipped according to the 'background-clip' value associated with the bottom-most background image. @@ -86,56 +86,56 @@ background-intrinsic-008 reference/background-intrinsic-ref Background Intrinsic background-intrinsic-009 reference/background-intrinsic-ref Background Intrinsic Sizes: Intrinsic Width and Height (Vector) svg http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-size 7a7050157a4fa7ad32f7ed1d570964bb65cc8ae0 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> A background with an intrinsic width and height is drawn at that size. background-intrinsic-010 reference/background-intrinsic-ref Background Intrinsic Sizes: Intrinsic Width and Height (Raster) svg http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-size 7f98f3661059a348b1d516626442a316f9e62600 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> A background with an intrinsic width and height is drawn at that size. background-origin-001 background-origin - initial and supported values dom,script http://www.w3.org/TR/css3-background/#the-background-origin 4df27cb0cf57b29b8f442256c503698ef38e8197 `Intel`<http://www.intel.com> Check if background-origin initial value is padding-box and supports values border-box, padding-box and content-box -background-origin-002 reference/background-origin-002-ref background-origin - initial value image http://www.w3.org/TR/css3-background/#the-background-origin 474f3161710f3d17164f2f14848f7742c92fd469 `Intel`<http://www.intel.com> Background-origin with initial value implies to position the background relative to the padding box. -background-origin-003 reference/background-origin-002-ref background-origin - padding-box keyword value image http://www.w3.org/TR/css3-background/#the-background-origin ac6146b87aa9794d67bd43cf7395af07b0bc5c2f `Intel`<http://www.intel.com> Background-origin with 'padding-box' implies to position the background relative to the padding box. -background-origin-004 reference/background-origin-004-ref background-origin - border-box keyword value image http://www.w3.org/TR/css3-background/#the-background-origin 19499edb95bbdb84ec2487e97a3b466b2b6e99bd `Intel`<http://www.intel.com> Background-origin with 'border-box' implies to position the background relative to the border box. -background-origin-005 reference/background-origin-005-ref background-origin - content-box keyword value image http://www.w3.org/TR/css3-background/#the-background-origin fe3ea0ffde7fadf7e5b5da521a20650e91662442 `Intel`<http://www.intel.com> Background-origin with 'content-box' implies to position the background relative to the content box. -background-origin-006 reference/background-origin-006-ref background-origin 'content-box' with background-attachment 'fixed' image http://www.w3.org/TR/css3-background/#the-background-origin f0087ebb48148c484cccba218b7368466169b7e8 `Intel`<http://www.intel.com> Check if the 'background-attachment' value is 'fixed' that expecting 'background-origin' has no effect and the background positioning area is the initial containing block. -background-origin-007 reference/background-origin-007-ref background-origin 'border-box' with background-clip 'padding-box' image http://www.w3.org/TR/css3-background/#the-background-origin 109162124b6eb57312cf1ee17c1d393457fa253c `Intel`<http://www.intel.com> Check if 'background-clip' is 'padding-box', 'background-origin' is 'border-box', 'background-position' is 'top left' (the initial value), and the element has a non-zero border, that expecting the top and left of the background image will be clipped. -background-origin-008 reference/background-origin-005-ref background-origin - inherit keyword value http://www.w3.org/TR/css3-background/#the-background-origin,http://www.w3.org/TR/css3-background/#value-types 0a4588fd2cd9060b213ef1400ffe446fb9b50a2d `Intel`<http://www.intel.com> Background-origin with 'inherit' implies to inherit its parent element value to position the background area. +background-origin-002 reference/background-origin-002-ref background-origin - initial value image http://www.w3.org/TR/css3-background/#the-background-origin 51b3342fe33345406a1646150a89b6369d9f22ee `Intel`<http://www.intel.com> Background-origin with initial value implies to position the background relative to the padding box. +background-origin-003 reference/background-origin-002-ref background-origin - padding-box keyword value image http://www.w3.org/TR/css3-background/#the-background-origin 6493c4736ec2aa8eb2a4747339218c69ed2d7b0b `Intel`<http://www.intel.com> Background-origin with 'padding-box' implies to position the background relative to the padding box. +background-origin-004 reference/background-origin-004-ref background-origin - border-box keyword value image http://www.w3.org/TR/css3-background/#the-background-origin f3d8ce6f369ccf7eec267bd2ef5b30231ea5aa0f `Intel`<http://www.intel.com> Background-origin with 'border-box' implies to position the background relative to the border box. +background-origin-005 reference/background-origin-005-ref background-origin - content-box keyword value image http://www.w3.org/TR/css3-background/#the-background-origin accb073963f7d6b91f053643c5716ee883fc4313 `Intel`<http://www.intel.com> Background-origin with 'content-box' implies to position the background relative to the content box. +background-origin-006 reference/background-origin-006-ref background-origin 'content-box' with background-attachment 'fixed' image http://www.w3.org/TR/css3-background/#the-background-origin 9a7e875b47c00ecdaaae944373cf9af220b392d0 `Intel`<http://www.intel.com> Check if the 'background-attachment' value is 'fixed' that expecting 'background-origin' has no effect and the background positioning area is the initial containing block. +background-origin-007 reference/background-origin-007-ref background-origin 'border-box' with background-clip 'padding-box' image http://www.w3.org/TR/css3-background/#the-background-origin 661d6616abc1615874dded35cf4f47c15e7477ab `Intel`<http://www.intel.com> Check if 'background-clip' is 'padding-box', 'background-origin' is 'border-box', 'background-position' is 'top left' (the initial value), and the element has a non-zero border, that expecting the top and left of the background image will be clipped. +background-origin-008 reference/background-origin-005-ref background-origin - inherit keyword value http://www.w3.org/TR/css3-background/#the-background-origin,http://www.w3.org/TR/css3-background/#value-types 545d39e519f3df83a8207d1c74a0a3515e648481 `Intel`<http://www.intel.com> Background-origin with 'inherit' implies to inherit its parent element value to position the background area. background-paint-order-001 reference/background-paint-order-001-ref Background clip and border painting order http://www.w3.org/TR/css3-background/#the-background-clip 2f504f1266a7794af6e1a0f34c603b67f2a35f6c `Julien Chaffraix`<mailto:jchaffraix@webkit.org> The background is painted behind the border. background-repeat-no-repeat reference/background-repeat-no-repeat background-repeat:no-repeat image http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat,http://www.w3.org/TR/css3-background/#the-background-repeat 11682036f813de6bd77295409e7884259d8d2595 `Jeffrey Carl Faden`<http://www.jeffreyatw.com/> The image is placed once in the background positioning area and not repeated in any direction. background-repeat-repeat-x reference/background-repeat-repeat-x background-repeat:repeat-x image http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat,http://www.w3.org/TR/css3-background/#the-background-repeat 2045d4adc4d0e306dda4bed6d1f643a92151e211 `Jeffrey Carl Faden`<http://www.jeffreyatw.com/> The image is repeated horizontally as often as needed to cover the background painting area. background-repeat-repeat-y reference/background-repeat-repeat-y background-repeat:repeat-y image http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat,http://www.w3.org/TR/css3-background/#the-background-repeat 5be38e2f02e45a57583bba37adad815886fad866 `Jeffrey Carl Faden`<http://www.jeffreyatw.com/> The image is repeated vertically as often as needed to cover the background painting area. background-repeat-round reference/background-repeat-round background-repeat:round image http://www.w3.org/TR/css3-background/#the-background-repeat 30a7f3206852c485f18f345482a4664d60ad31f8 `Jeffrey Carl Faden`<http://www.jeffreyatw.com/> The 'background-repeat: round' declaration must scale an image in one or more dimensions so it fits a whole number of times in the background positioning area. -background-repeat-round-001 background-repeat - one round keyword value image http://www.w3.org/TR/css3-background/#the-background-repeat 488d2b77d15b0460f580db27ef68620e29b38709 `Intel`<http://www.intel.com> Check if 'background-repeat' is 'round', then the width and height of the corresponding background image is rescaled so that they fit a whole number of times (2 in this test) in the background positioning area. Therefore the used width and height of the background image in this test should be 110px. +background-repeat-round-001 background-repeat - one round keyword value image http://www.w3.org/TR/css3-background/#the-background-repeat 250175462369d8bc52c78725e03dfb431d69eba8 `Intel`<http://www.intel.com> Check if 'background-repeat' is 'round', then the width and height of the corresponding background image is rescaled so that they fit a whole number of times (2 in this test) in the background positioning area. Therefore the used width and height of the background image in this test should be 110px. background-repeat-round-002 background-repeat: round basic support image http://www.w3.org/TR/css3-background/#the-background-repeat 1a0c1c29e5c5ad357f96277b024066b65e8dbda8 `Lea Verou`<http://lea.verou.me> The image is repeated as often as will fit within the background positioning area. If it doesn't fit a whole number of times, it is rescaled so that it does. background-repeat-round-roundup reference/background-repeat-round-roundup background-repeat:round, rounding up image http://www.w3.org/TR/css3-background/#the-background-repeat e34726ee89c303590c6c76d60d62fbfb3a522858 `Jeffrey Carl Faden`<http://www.jeffreyatw.com/> The 'background-repeat: round' declaration must scale an image in one or more dimensions so it fits a whole number of times in the background positioning area. background-repeat-space reference/background-repeat-space background-repeat:space image http://www.w3.org/TR/css3-background/#the-background-repeat 61acbfe3d798516727be3376412ab8c116a00d50 `Jeffrey Carl Faden`<http://www.jeffreyatw.com/> The 'background-repeat: space' declaration must space out images in one or more dimensions so they fit a whole number of times in the background positioning area. The first and last images in each row and column must sit along edge(s) of the background positioning area. background-repeat-space-padding-box 'Background-repeat: space' when background positioning area is 'padding-box' http://www.w3.org/TR/css3-background/#the-background-repeat 16bd520231befa9ed931f103d28d2ce8745bc65c `Microsoft`<http://www.microsoft.com/> When 'background-repeat: space' and background positioning area is set to 'padding-box' the image is repeated as often within the 'padding-box' without being clipped, the images are spaced out to fill the area and the first and last images touch the edges of the 'padding-box'. background-size-001 background-size - initial and supported values dom,script http://www.w3.org/TR/css3-background/#the-background-size ae9fed313c355776a869c710b2c96cc066a3d9d0 `Intel`<http://www.intel.com> Check if background-size initial value is auto and supports values auto, cover and contain -background-size-002 reference/background-size-002-ref background-size - initial value image http://www.w3.org/TR/css3-background/#the-background-size 25c622e0bcbf420d7b5053a9f2efc893505700f6 `Intel`<http://www.intel.com> Check if 'background-size' with initial value implies to the intrinsic width and height of the image are to be used. Therefore the used width and height of the background-size in this test should be 60px and 60px. +background-size-002 reference/background-size-002-ref background-size - initial value image http://www.w3.org/TR/css3-background/#the-background-size ad630fb30f4b741376f88b7b5186ae39ef19ba61 `Intel`<http://www.intel.com> Check if 'background-size' with initial value implies to the intrinsic width and height of the image are to be used. Therefore the used width and height of the background-size in this test should be 60px and 60px. background-size-003 Value of 'auto' is used for y dimension in 'background-size' http://www.w3.org/TR/css3-background/#the-background-size a9a83cfab328e894706c5fac465f1958bd98d95f `Microsoft`<http://www.microsoft.com/> An 'auto' value for y dimension in 'background-size' is resolved by using the image's intrinsic ratio and the size provided for the x dimension. -background-size-005 reference/background-size-002-ref background-size - one auto keyword value image http://www.w3.org/TR/css3-background/#the-background-size 5b1eae2d4a42d5dd9ad0d77bfeb06c5450df8636 `Intel`<http://www.intel.com> Check if 'background-size' has only one value 'auto', then such value is the width of the correspoding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used width and height of the background-size in this test should be 60px and 60px. -background-size-006 reference/background-size-006-ref background-size - one <length> value image http://www.w3.org/TR/css3-background/#the-background-size fc850e8bb8486d6c7086c40b535a5f1ba14d9bca `Intel`<http://www.intel.com> Check if 'background-size' has only one length value, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 45px. -background-size-007 reference/ref-filled-green-100px-square background-size - one <length> value at minimum image http://www.w3.org/TR/css3-background/#the-background-size 22b9aec99f6bebb1f5d3929f3b615b75d5c72f61 `Intel`<http://www.intel.com> Check if 'background-size' is '0px', minimum width of the positioning area in length, then such value is the width of the corresponding image and therefore the background image is not to be displayed. -background-size-008 reference/ref-filled-green-100px-square background-size - one <length> value at maximum image http://www.w3.org/TR/css3-background/#the-background-size fc47621a1bc850db829550e4cbb623229f85e18d `Intel`<http://www.intel.com> Check if 'background-size' is '100px', maximum width of the positioning area in length, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px. -background-size-009 reference/background-size-006-ref background-size - one <percentage> value image http://www.w3.org/TR/css3-background/#the-background-size 0672c0ebebbf393ae0f393faa58566a5325b6e65 `Intel`<http://www.intel.com> Check if 'background-size' has only one percentage value, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. A percentage is relative to the dimensions of the background positioning area. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 45px. -background-size-010 reference/ref-filled-green-100px-square background-size - one <percentage> value at minimum image http://www.w3.org/TR/css3-background/#the-background-size c9f2482f44a441bd0ac764420b43079d03efa694 `Intel`<http://www.intel.com> Check if 'background-size' is '0%', minimum width of the positioning area in percentage, then such value is the width of the corresponding image and therefore the background image is not to be displayed. -background-size-011 reference/ref-filled-green-100px-square background-size - one <percentage> value at maximum image http://www.w3.org/TR/css3-background/#the-background-size 45777a23f42fe1a148984bc9d6e6caa2b0208be8 `Intel`<http://www.intel.com> Check if 'background-size' is '100%', maximum width of the positioning area in percentage, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px. -background-size-012 reference/background-size-002-ref background-size - two auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size ccb5478e1ca4ab2b0640ccbca5f0de7aa7450558 `Intel`<http://www.intel.com> Check if 'background-size' has two values 'auto', then the intrinsic width and/or height of the image should be used. Therefore the used width and height of the background-size in this test should be 60px and 60px. -background-size-013 reference/ref-filled-green-100px-square background-size - one auto keyword and one <length> values image http://www.w3.org/TR/css3-background/#the-background-size becf4287ee53a53e83604ce1814d542421019de0 `Intel`<http://www.intel.com> Check if 'background-size' has one 'auto' and one length values, then the second value is the height of the corresponding background image and the first value (corresponding to the width of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used width of the background-size in this test should be 100px. -background-size-014 reference/background-size-006-ref background-size - one auto keyword and one <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size b8138c6696b6ed4dccf32606ddbe2e1bca80d9c0 `Intel`<http://www.intel.com> Check if 'background-size' has one 'auto' and one percentage values, then the second value is the height of the corresponding background image and the first value (corresponding to the width of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. A percentage is relative to the dimensions of the background positioning area. Therefore the used width of the background-size in this test should be 45px. -background-size-015 reference/ref-filled-green-100px-square background-size - one <length> and one auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size 76766a7af5524ba0fdd4e89853e827007e2f9bf9 `Intel`<http://www.intel.com> Check if 'background-size' has one length and one auto values, then the first value is the width of the corresponding background image and the second value (corresponding to the height of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px. -background-size-016 reference/ref-filled-green-100px-square background-size - two <length> values image http://www.w3.org/TR/css3-background/#the-background-size 04a2d646f5bd7cfd7247fc0fc14a779269a6247a `Intel`<http://www.intel.com> Check if 'background-size' has two length values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 100px and 100px. -background-size-017 reference/background-size-006-ref background-size - one <length> and one <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size 7f6a9bee1b964b6e596f067fb5bb61a906fd31f0 `Intel`<http://www.intel.com> Check if 'background-size' has one length and one percentage values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 45px and 45px. -background-size-018 reference/ref-filled-green-100px-square background-size - one <percentage> and one auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size a71d451aefd0f736a220dacb00e2e3e1db835311 `Intel`<http://www.intel.com> Check if 'background-size' has one percentage and one auto values, then the first value is the width of the corresponding background image and the second value (corresponding to the height of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px. -background-size-019 reference/ref-filled-green-100px-square background-size - one <percentage> and one <length> values image http://www.w3.org/TR/css3-background/#the-background-size 73999188fc8d8a050484104b567c04fc682af182 `Intel`<http://www.intel.com> Check if 'background-size' has one percentage and one length values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 100px and 100px. -background-size-020 reference/ref-filled-green-100px-square background-size - two <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size b35ec3be33cbb9206583ba4f76a2419a8c7540c0 `Intel`<http://www.intel.com> Check if 'background-size' has two percentage values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 45px and 45px. -background-size-021 reference/background-size-021-ref background-size '100% 100%' with background-origin 'content-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-origin 0d3a297ebc9eba7e90269f6d2b1ba50e690e28e7 `Intel`<http://www.intel.com> Check if 'background-size' is '100% 100%' that it rescales the background image independently in both dimensions to completely cover the background positioning area (it is 100px by 100px as background-origin is 'content-box'). In this test, the background-image should be scaled from 40px wide and 20px tall to become 100px by 100px. +background-size-005 reference/background-size-002-ref background-size - one auto keyword value image http://www.w3.org/TR/css3-background/#the-background-size 88f2e9f6286faf6e87827321b43df30c0de7e095 `Intel`<http://www.intel.com> Check if 'background-size' has only one value 'auto', then such value is the width of the correspoding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used width and height of the background-size in this test should be 60px and 60px. +background-size-006 reference/background-size-006-ref background-size - one <length> value image http://www.w3.org/TR/css3-background/#the-background-size e7a0cde7e4bef1885fe1523c7011a93b97b787c0 `Intel`<http://www.intel.com> Check if 'background-size' has only one length value, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 45px. +background-size-007 reference/ref-filled-green-100px-square background-size - one <length> value at minimum image http://www.w3.org/TR/css3-background/#the-background-size dd735bb5f22b4b3c6d13a13d27407082371e6806 `Intel`<http://www.intel.com> Check if 'background-size' is '0px', minimum width of the positioning area in length, then such value is the width of the corresponding image and therefore the background image is not to be displayed. +background-size-008 reference/ref-filled-green-100px-square background-size - one <length> value at maximum image http://www.w3.org/TR/css3-background/#the-background-size fadf02c567438d82cf974de4b1bf626051c55e8f `Intel`<http://www.intel.com> Check if 'background-size' is '100px', maximum width of the positioning area in length, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px. +background-size-009 reference/background-size-006-ref background-size - one <percentage> value image http://www.w3.org/TR/css3-background/#the-background-size b218618479f85e26771213fd61cb87731896b89a `Intel`<http://www.intel.com> Check if 'background-size' has only one percentage value, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. A percentage is relative to the dimensions of the background positioning area. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 45px. +background-size-010 reference/ref-filled-green-100px-square background-size - one <percentage> value at minimum image http://www.w3.org/TR/css3-background/#the-background-size 6c159c57f9324f59314eaa64109b4dde26ea7972 `Intel`<http://www.intel.com> Check if 'background-size' is '0%', minimum width of the positioning area in percentage, then such value is the width of the corresponding image and therefore the background image is not to be displayed. +background-size-011 reference/ref-filled-green-100px-square background-size - one <percentage> value at maximum image http://www.w3.org/TR/css3-background/#the-background-size 0b597264afebf44e05504e7e76aa44d41ef01422 `Intel`<http://www.intel.com> Check if 'background-size' is '100%', maximum width of the positioning area in percentage, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px. +background-size-012 reference/background-size-002-ref background-size - two auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size da1c3c475c141279a5c9cbeb05b66d931ef93335 `Intel`<http://www.intel.com> Check if 'background-size' has two values 'auto', then the intrinsic width and/or height of the image should be used. Therefore the used width and height of the background-size in this test should be 60px and 60px. +background-size-013 reference/ref-filled-green-100px-square background-size - one auto keyword and one <length> values image http://www.w3.org/TR/css3-background/#the-background-size e21b209e547e14b9656a99cd5ae77e7465e16c3b `Intel`<http://www.intel.com> Check if 'background-size' has one 'auto' and one length values, then the second value is the height of the corresponding background image and the first value (corresponding to the width of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used width of the background-size in this test should be 100px. +background-size-014 reference/background-size-006-ref background-size - one auto keyword and one <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size 410c7596a9bb965705e780959ea6dfc48595ef2f `Intel`<http://www.intel.com> Check if 'background-size' has one 'auto' and one percentage values, then the second value is the height of the corresponding background image and the first value (corresponding to the width of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. A percentage is relative to the dimensions of the background positioning area. Therefore the used width of the background-size in this test should be 45px. +background-size-015 reference/ref-filled-green-100px-square background-size - one <length> and one auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size a28b33fb190712fe67e8b85d833415c602564040 `Intel`<http://www.intel.com> Check if 'background-size' has one length and one auto values, then the first value is the width of the corresponding background image and the second value (corresponding to the height of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px. +background-size-016 reference/ref-filled-green-100px-square background-size - two <length> values image http://www.w3.org/TR/css3-background/#the-background-size 5528cc80366ce200d22ab0f41d83ff39a80bf526 `Intel`<http://www.intel.com> Check if 'background-size' has two length values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 100px and 100px. +background-size-017 reference/background-size-006-ref background-size - one <length> and one <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size 99e6018c53696ab403e707c5e9787c2ad72404c8 `Intel`<http://www.intel.com> Check if 'background-size' has one length and one percentage values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 45px and 45px. +background-size-018 reference/ref-filled-green-100px-square background-size - one <percentage> and one auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size 245e26e2d3af7fd2ad746cb85afca2710c4f66eb `Intel`<http://www.intel.com> Check if 'background-size' has one percentage and one auto values, then the first value is the width of the corresponding background image and the second value (corresponding to the height of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px. +background-size-019 reference/ref-filled-green-100px-square background-size - one <percentage> and one <length> values image http://www.w3.org/TR/css3-background/#the-background-size 7cff24b88aab41384b4f082a0fed37e4f7d20c40 `Intel`<http://www.intel.com> Check if 'background-size' has one percentage and one length values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 100px and 100px. +background-size-020 reference/ref-filled-green-100px-square background-size - two <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size dcf75df56a9ef7eff180aa45422155515d4826b0 `Intel`<http://www.intel.com> Check if 'background-size' has two percentage values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 45px and 45px. +background-size-021 reference/background-size-021-ref background-size '100% 100%' with background-origin 'content-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-origin 7b2afcee22565d2739fb6195efad939d8db31b74 `Intel`<http://www.intel.com> Check if 'background-size' is '100% 100%' that it rescales the background image independently in both dimensions to completely cover the background positioning area (it is 100px by 100px as background-origin is 'content-box'). In this test, the background-image should be scaled from 40px wide and 20px tall to become 100px by 100px. background-size-022 background-size '50% auto' with background-origin 'border-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-origin b1366d54f8233d1f6be4ecf6b107a71347ed4cc8 `Intel`<http://www.intel.com> Check if 'background-size' is '50% auto', then it rescales the background image so that exactly two copies fit the background positioning area (it is 160px by 160px in this test) horizontally. Therefore the used width of the background-size in this test should be 80px. background-size-023 background-size '50% auto' with background-clip 'padding-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-clip 668972c967f9adbc1967347794936d2dca40c7b0 `Intel`<http://www.intel.com> Check if 'background-size' is '50% auto', then it rescales the background image so that exactly two copies fit the background positioning area (it is 150px by 150px in this test) horizontally. Therefore the used width of the background-size in this test should be 75px. -background-size-024 background-size '100% 100%' with background-clip 'content-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-clip 3cbc9960ed33202979bd5a33209ff21fa5723c61 `Intel`<http://www.intel.com> Check if 'background-size' is '100% 100%' that it rescales the background image independently in both dimensions to completely cover the background positioning area (it is 150px by 150px in this test), and then the background image is clipped to fit into the content area (it is 100px by 100px as background-clip is 'content-box'). -background-size-025 reference/background-size-025-ref background-size 'auto 61px' with background-repeat 'round' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat a7d55fb64ce99a45adff289788ef142a7d4a4dc8 `Intel`<http://www.intel.com> Check if 'background-size' is 'auto 61px' and 'background-repeat' is 'round', then the height of the corresponding background image is rounded (70px in this test) so that it fits a whole number of times (3 in this test) in the background positioning area, and the width of the background image is rescaled (70px in this test) to keep the original aspect ratio. -background-size-026 reference/background-size-026-ref background-size 'auto' with background-repeat 'repeat' image http://www.w3.org/TR/css3-background/#the-background-size c4ee41c2a15e35b6a69b6f52702b02d9ae4a0066 `Intel`<http://www.intel.com> Check if 'background-size' is 'auto' and 'background-repeat' is 'repeat', that the background image is shown at its intrinsic size (98px wide by 99px tall in this test) and repeats in both horizontal and vertical to cover the background painting area (the same as background positioning area in this test). -background-size-027 reference/background-size-027-ref background-size '52px auto' with background-repeat 'repeat round' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat cf2a230025b5738b6db6b376229229c4b0d0c5cc `Intel`<http://www.intel.com> Check if 'background-size' is '52px auto' and 'background-repeat' is 'repeat round', then the width of the corresponding background image is 52px and then repeated while the height is first rescaled from 100px to 52px to keep the original image aspect ratio and then to 60px due to 'round'. -background-size-028 reference/background-size-028-ref background-size '50px' with background-repeat 'repeat' image http://www.w3.org/TR/css3-background/#the-background-size 70cdaaf25e0f263590f9c06ae34efa44d77cd6f4 `Intel`<http://www.intel.com> Check if 'background-size' is '50px' and 'background-repeat' is 'repeat', then the background image is shown with a width of 50px and its height is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension, and then it is repeated in both directions. -background-size-029 reference/background-size-029-ref background-size '52px auto' with background-repeat 'round repeat' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat 19806ca0e925b5b119cd320e5d1ca8045ced60fa `Intel`<http://www.intel.com> Check if 'background-size' is '52px auto' and 'background-repeat' is 'round repeat', then the width is first rescaled to from 100px to 52px and then rescaled to 60px due to 'round' and the height of the corresponding background image is rescaled from 100px to 60px (to keep the original image aspect ratio) and then repeated vertically. -background-size-030 reference/background-size-028-ref background-size '25% 25%' with background-repeat 'repeat' image http://www.w3.org/TR/css3-background/#the-background-size c44e52580883ee2919b4c9e43e7a1053955cc041 `Intel`<http://www.intel.com> Check if 'background-size' is '25% 25%' and 'background-repeat' is 'repeat', then the background image is shown with a width and height of 25% (in this test, 50px by 50px), and then it is repeated in both directions. -background-size-031 reference/background-size-031-ref background-size '20% 30%' with background-repeat 'no-repeat round' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat aa42be9ef7b1096d7acdebe7358d42f5a2fd84c0 `Intel`<http://www.intel.com> Check if 'background-size' is '20% 30%' and 'background-repeat' is 'no-repeat round', then the height of the corresponding background image is 50px so that it fits a whole number of times (3 in this test) in the background positioning area, and the width of the background image is rescaled to 20% (50px in this test) of the background area. -background-size-032 background-size - applies to ::first-letter pseudo-element image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values 0bd8eb8741815f25bf43619ea7e1ef144c0d3532 `Intel`<http://www.intel.com> Check if background-size is able to apply to the ::first-letter pseudo-element. -background-size-033 background-size - applies to ::first-line pseudo-element image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values c7de9e0455ad3a1ab85b070160173047052ba541 `Intel`<http://www.intel.com> Check if background-size is able to apply to the ::first-line pseudo-element. -background-size-034 reference/ref-filled-green-100px-square background-size - inherit keyword value image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values 22985092746796a4def9577bb1388c959bb98c5d `Intel`<http://www.intel.com> Check if background-size supports inherit keyword as its property value. +background-size-024 background-size '100% 100%' with background-clip 'content-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-clip 63b0da8a6d11e650148228f1b3584c6cdf1d1030 `Intel`<http://www.intel.com> Check if 'background-size' is '100% 100%' that it rescales the background image independently in both dimensions to completely cover the background positioning area (it is 150px by 150px in this test), and then the background image is clipped to fit into the content area (it is 100px by 100px as background-clip is 'content-box'). +background-size-025 reference/background-size-025-ref background-size 'auto 61px' with background-repeat 'round' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat 67748dee26d9a296b52d5e4e2e5c2bd590a77fbe `Intel`<http://www.intel.com> Check if 'background-size' is 'auto 61px' and 'background-repeat' is 'round', then the height of the corresponding background image is rounded (70px in this test) so that it fits a whole number of times (3 in this test) in the background positioning area, and the width of the background image is rescaled (70px in this test) to keep the original aspect ratio. +background-size-026 reference/background-size-026-ref background-size 'auto' with background-repeat 'repeat' image http://www.w3.org/TR/css3-background/#the-background-size 45c37899bcd605f3775d49f3e89758b5d7ca84d8 `Intel`<http://www.intel.com> Check if 'background-size' is 'auto' and 'background-repeat' is 'repeat', that the background image is shown at its intrinsic size (98px wide by 99px tall in this test) and repeats in both horizontal and vertical to cover the background painting area (the same as background positioning area in this test). +background-size-027 reference/background-size-027-ref background-size '52px auto' with background-repeat 'repeat round' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat 3c0e411c27dc1be208e5711626d58183f70d1083 `Intel`<http://www.intel.com> Check if 'background-size' is '52px auto' and 'background-repeat' is 'repeat round', then the width of the corresponding background image is 52px and then repeated while the height is first rescaled from 100px to 52px to keep the original image aspect ratio and then to 60px due to 'round'. +background-size-028 reference/background-size-028-ref background-size '50px' with background-repeat 'repeat' image http://www.w3.org/TR/css3-background/#the-background-size fbdc8bcf5bbfae1a34c7a97dc93c7cb577e93ca4 `Intel`<http://www.intel.com> Check if 'background-size' is '50px' and 'background-repeat' is 'repeat', then the background image is shown with a width of 50px and its height is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension, and then it is repeated in both directions. +background-size-029 reference/background-size-029-ref background-size '52px auto' with background-repeat 'round repeat' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat 6d211d7a79672d7f5bbab7ea0f1a0632a9ed6c50 `Intel`<http://www.intel.com> Check if 'background-size' is '52px auto' and 'background-repeat' is 'round repeat', then the width is first rescaled to from 100px to 52px and then rescaled to 60px due to 'round' and the height of the corresponding background image is rescaled from 100px to 60px (to keep the original image aspect ratio) and then repeated vertically. +background-size-030 reference/background-size-028-ref background-size '25% 25%' with background-repeat 'repeat' image http://www.w3.org/TR/css3-background/#the-background-size 0a1d04457a31ec7d6880351196be91a18162a582 `Intel`<http://www.intel.com> Check if 'background-size' is '25% 25%' and 'background-repeat' is 'repeat', then the background image is shown with a width and height of 25% (in this test, 50px by 50px), and then it is repeated in both directions. +background-size-031 reference/background-size-031-ref background-size '20% 30%' with background-repeat 'no-repeat round' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat b2127ddeee436a163259f0bb97fd3a4db2ba6e87 `Intel`<http://www.intel.com> Check if 'background-size' is '20% 30%' and 'background-repeat' is 'no-repeat round', then the height of the corresponding background image is 50px so that it fits a whole number of times (3 in this test) in the background positioning area, and the width of the background image is rescaled to 20% (50px in this test) of the background area. +background-size-032 background-size - applies to ::first-letter pseudo-element image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values 2474c790b158cd0d5eb551f0893a898b33c56fec `Intel`<http://www.intel.com> Check if background-size is able to apply to the ::first-letter pseudo-element. +background-size-033 background-size - applies to ::first-line pseudo-element image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values c6e674eda7eb24578ca440cd4d7be7fd491ed1f3 `Intel`<http://www.intel.com> Check if background-size is able to apply to the ::first-line pseudo-element. +background-size-034 reference/ref-filled-green-100px-square background-size - inherit keyword value image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values 23970bae1de84cb4fe45b1a9b1f2a9a120e13feb `Intel`<http://www.intel.com> Check if background-size supports inherit keyword as its property value. background-size-035 reference/background-size-ref background-size conflicts with background-attachment http://www.w3.org/TR/css3-background/#the-background-size 80b65cb2ec6b6ccce3f65ae447260464a1b71543 `xiaochun`<stenders@163.com> The test passes if we can see the background-image is exactly same as above. background-size-applies-to-block 'Background-size' applied to element with a display of 'block'. http://www.w3.org/TR/css3-background/#the-background-size 0a809377a72418e1524250623b7a77d47301b6cd `Microsoft`<http://www.microsoft.com/> 'Background-size' property applies to elements with 'display: block'. background-size-aspect-ratio Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round' http://www.w3.org/TR/css3-background/#the-background-size 33a11227d1894e790f93cad6a1bccfeb2062ed55 `Microsoft`<http://www.microsoft.com/> If 'background-repeat' is 'round' for one dimension only and if 'background-size' is 'auto' in the other dimension, then the other dimension is sclaed so that the original aspect ratio is restored. @@ -286,7 +286,7 @@ border-radius-different-width-001 Adjoining borders with different thicknesses border-radius-horizontal-value-is-zero reference/border-radius-horizontal-value-is-zero-ref border-radius property if horizontal value is zero http://www.w3.org/TR/css3-background/#the-border-radius 48af630ac77e2fb3d63bcc3f0238c7514b31bbb2 `Marc Silverman`<mailto:silverman@adobe.com> If the horizontal radius length is zero, the corner is square, not rounded. border-radius-initial-value-001 Initial value of 'border-radius' is 0 http://www.w3.org/TR/css3-background/#border-radius b70216d5c2ae4dfe562d3a5c8edd2210153ed7b4 `Microsoft`<http://www.microsoft.com/> Initial value of 'border-radius' is 0. border-radius-not-inherited-001 'Border-radius' is not inherited by default http://www.w3.org/TR/css3-background/#border-radius eb45d4478864422c50e2a68c5e329e75268b29d5 `Microsoft`<http://www.microsoft.com/> 'Border-radius' is not inherited by default. -border-radius-overflow-hidden Clipping to the border-radius curve http://www.w3.org/TR/css3-background/#corner-clipping b387ba83b820a0718c10a1b9e2087971282efde3 `Lea Verou`<http://lea.verou.me> Effects that clip to the border or padding edge (such as ‘overflow’ other than ‘visible’) must clip to the curve +border-radius-overflow-hidden Clipping to the border-radius curve http://www.w3.org/TR/css3-background/#corner-clipping 54392d8b6e4e71dbaf4b2873add63ff38d28c265 `Lea Verou`<http://lea.verou.me> Effects that clip to the border or padding edge (such as 'overflow' other than 'visible') must clip to the curve border-radius-shorthand-001 'Border-radius' shorthand is used to set all four 'border-[*]-radius' properties. http://www.w3.org/TR/css3-background/#border-radius c10da19070dbaf8b93b34577df2a0b7187e58bc6 `Microsoft`<http://www.microsoft.com/> 'Border-radius' shorthand sets all four 'border-[*]-radius' properties. border-radius-shorthand-002 reference/border-radius-shorthand-002-ref Borders Radius Shorthand. http://www.w3.org/TR/css3-background/#the-border-radius bfed421505cd493d7968e3149b638a98cc229e7f `Arno`<mailto:arno@arno.org> The shorthand border radius property can be used to specify all four eliptical corners of a box. border-radius-style-001 'Border-radius' is set with 'border-style: dotted' http://www.w3.org/TR/css3-background/#the-border-color b0f47b7c8b8fb99c43466d068216b2f5b043637e `Microsoft`<http://www.microsoft.com/> 'Border-style: dotted' follows the curve of the border. @@ -364,7 +364,7 @@ css3-border-image-repeat-repeat reference/css3-border-image-repeat-repeat-ref bo css3-border-image-repeat-stretch reference/css3-border-image-repeat-stretch-ref border image repeat property with value stretch http://www.w3.org/TR/css3-background/#border-image-repeat 7897f4748321408de8c709d8f2d910164c9dbcc6 `yanshasha`<mailto:yanshasha133@gmail.com> css3-border-image-source reference/css3-border-image-source-ref border image source property http://www.w3.org/TR/css3-background/#border-image-source 0e660ada36dca9671a69ec0b0c76ecc482e1a7fb `yanshasha`<mailto:yanshasha133@gmail.com> css3-box-shadow reference/css3-box-shadow-ref the test passes if adding one or more shadow to the box http://www.w3.org/TR/css3-background/#the-border-width 52a7d2ddf5688829b45469834d42c5d0cac778a6 `Xie Bing`<mailto:451887565@qq.com> -diagonal-percentage-vector-background reference/diagonal-percentage-vector-background-ref scaled vector image without intrinsic dimensions as background, with rendering dependent on the diagonal svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 247dac0de48f90b72e13fb4394accb835cfe7b4b `Jeff Walden`<http://whereswalden.com/> +diagonal-percentage-vector-background reference/diagonal-percentage-vector-background-ref scaled vector image without intrinsic dimensions as background, with rendering dependent on the diagonal svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute e8cabc914cd8db026ed54252cdf68a332e17d7f9 `Jeff Walden`<http://whereswalden.com/> none-as-image-layer None counts as an image layer http://www.w3.org/TR/css3-background/#the-background-image 3c26f26e7017ddf4e3e5ec05eed3e1eb5eb4ab42 `Microsoft`<http://www.microsoft.com/> 'Background-image: none' counts as an image layer but draws nothing. order-of-images Order of images http://www.w3.org/TR/css3-background/#the-background-image 4492b601c1313612451da01db8faa8d04828f558 `Microsoft`<http://www.microsoft.com/> Background images are listed in order, with the first image being rendered on top of all the other images, and so on. padding-box background-clip:padding-box image http://www.w3.org/TR/css3-background/#the-background-clip cc74f206e21d06cf07b434aa29b7b58b7c75e9a9 `finscn`<mail:finscn@gmail.com> padding-box : The background is painted within (clipped to) the padding box @@ -444,14 +444,14 @@ ttwf-css3background-border-color-shorthand border_color_shorthand image http:// ttwf-css3background-border-color-shorthand-missing-bottom border_color_shorthand_missing_bottom image http://www.w3.org/TR/css3-background/#the-border-color a5dc9a2852ece800bc4a9be731f5be49d075a3cc `disound`<mailto:disound@gmail.com> 'Border-color' is a shorthand for the four 'border-*-color' properties. The four values set the top, right, bottom and left border, respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. ttwf-css3background-border-color-shorthand-missing-left border_color_shorthand_missing_left image http://www.w3.org/TR/css3-background/#the-border-color 00f1222890f4d8f1504cb82776926282b21eede9 `disound`<mailto:disound@gmail.com> 'Border-color' is a shorthand for the four 'border-*-color' properties. The four values set the top, right, bottom and left border, respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. ttwf-css3background-border-color-shorthand-missing-right border_color_shorthand_missing_right image http://www.w3.org/TR/css3-background/#the-border-color b373f5d05302cb6bf29ef336556ebde99dea7606 `disound`<mailto:disound@gmail.com> 'Border-color' is a shorthand for the four 'border-*-color' properties. The four values set the top, right, bottom and left border, respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. -ttwf-css3background-border-style border_style image http://www.w3.org/TR/css3-background/#the-border-style 98c2dcbb4586b3ea24fe6163fe0181d5ed08fe9e `disound`<mailto:disound@gmail.com> ‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. -ttwf-css3background-border-style-double border_style_double image http://www.w3.org/TR/css3-background/#the-border-style 5146fbf273ee7beacbaf7ec04dece3cbc333ee46 `disound`<mailto:disound@gmail.com> ‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. ‘double’: Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal ‘border-width’.) -ttwf-css3background-border-style-shorthand border_style_shorthand image http://www.w3.org/TR/css3-background/#the-border-style eb900fbf6577d4d9d2e3c8f7ed48e8f648a33443 `disound`<mailto:disound@gmail.com> ‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. -ttwf-css3background-border-style-shorthand-missing-bottom border_style image http://www.w3.org/TR/css3-background/#the-border-style b0a6190082f414dfde0c5cf51b4ae695d4c5574c `disound`<mailto:disound@gmail.com> ‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. -ttwf-css3background-border-style-shorthand-missing-left border_style image http://www.w3.org/TR/css3-background/#the-border-style 18129027c8a603a68518f78d6dc920c6292d892d `disound`<mailto:disound@gmail.com> ‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. -ttwf-css3background-border-style-values border_style_values http://www.w3.org/TR/css3-background/#the-border-style 08b3f83499c141185fc5ac49431776b31874c2b5 `disound`<mailto:disound@gmail.com> ‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset +ttwf-css3background-border-style border_style image http://www.w3.org/TR/css3-background/#the-border-style b289495cd43b758595c507828b199aeb36ae3537 `disound`<mailto:disound@gmail.com> 'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. +ttwf-css3background-border-style-double border_style_double image http://www.w3.org/TR/css3-background/#the-border-style 785b5f0dd6f8680c29f3254b9028732e19a533b1 `disound`<mailto:disound@gmail.com> 'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. 'double': Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal 'border-width'.) +ttwf-css3background-border-style-shorthand border_style_shorthand image http://www.w3.org/TR/css3-background/#the-border-style 9b253b5dc16924b30f84144396ab586654fec6dd `disound`<mailto:disound@gmail.com> 'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. +ttwf-css3background-border-style-shorthand-missing-bottom border_style image http://www.w3.org/TR/css3-background/#the-border-style 451fcdb96bf7a07e07cabd6b0f64ccb4744f72b0 `disound`<mailto:disound@gmail.com> 'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. +ttwf-css3background-border-style-shorthand-missing-left border_style image http://www.w3.org/TR/css3-background/#the-border-style 480edf76a5ff5873e090abcb9366cc3e4fdff1a7 `disound`<mailto:disound@gmail.com> 'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. +ttwf-css3background-border-style-values border_style_values http://www.w3.org/TR/css3-background/#the-border-style b881316979f2fd75b94ca890d768d07c85ceba88 `disound`<mailto:disound@gmail.com> 'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset ttwf-reftest-background-repeat-x reference/ttwf-reftest-background-repeat-x-ref transform property with translate function http://www.w3.org/TR/css3-background/#the-background-repeat 825448c2080e3d6aa5f2a659b955eeab72f735fe `zhenyu_w3c`<mailto:77765477@163.com> You should only see the img with two color render on the X directions. -ttwf-reftest-borderRadius reference/ttwf-reftest-borderRadius-ref Test Background and border http://www.w3.org/TR/css3-background/#border-radius-tables 520e05854c603544168be10d2a87087c34aef60c `Jinlong Zhang`<mailto:jinlongz@oupeng.com> Table with 'border-collapse: collapse;' declaration, it's 'border-radius' style will not work. +ttwf-reftest-borderRadius reference/ttwf-reftest-borderRadius-ref Test Background and border http://www.w3.org/TR/css3-background/#border-radius-tables 7b8b789d2abb71af4fc9bcd414f246d4c78535b8 `Jinlong Zhang`<mailto:jinlongz@oupeng.com> Table with 'border-collapse: collapse;' declaration, it's 'border-radius' style will not work. wide--12px-auto--nonpercent-width-nonpercent-height background-size: 12px auto; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 08a11de88188d9812d5e8785ccdcb2f038cba065 `Jeff Walden`<http://whereswalden.com/> wide--12px-auto--nonpercent-width-nonpercent-height-viewbox background-size: 12px auto; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 67af4e85cda891d8a0e44786fd63abbc2aa13b69 `Jeff Walden`<http://whereswalden.com/> wide--12px-auto--nonpercent-width-omitted-height background-size: 12px auto; for nonpercent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute d29ef303bf996a12e70340866f192a4858e74581 `Jeff Walden`<http://whereswalden.com/> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-334.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-334.xht index 381a5997845..d9167e6b982 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-334.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-334.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background shorthand - background-size '100% auto'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.w3.org/TR/css3-background/#the-background" rel="help" title="3.10. Backgrounds Shorthand: the 'background' property" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-002.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-002.xht index c706ff00386..b5d3ca57e53 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-002.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-002.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-clip - initial value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-003.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-003.xht index b4f3c5e5874..ea560d9f842 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-003.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-003.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-clip - border-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-004.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-004.xht index 704c86b57a1..52e023d91f1 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-004.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-004.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-clip - padding-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-005.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-005.xht index 5a67b4195fa..1dd6cc55984 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-005.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-005.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-clip - content-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-006.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-006.xht index cabe8d96b75..de44492cabf 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-006.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-006.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-clip - inherit keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-007.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-007.xht index ab4eede1485..e1b7383ff7c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-007.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-007.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Background and Borders Test: background-clip: content-box with background-color</title> <link href="mailto:jchaffraix@webkit.org" rel="author" title="Julien Chaffraix" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-008.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-008.xht index 4b14620f1b9..3e763e1699e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-008.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-008.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Background and Borders Test: background-clip: padding-box with background-color</title> <link href="mailto:jchaffraix@webkit.org" rel="author" title="Julien Chaffraix" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-009.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-009.xht index 279f4fd953f..529ac65b18c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-009.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-009.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Background and Borders Test: background-clip: border-box with background-color</title> <link href="mailto:jchaffraix@webkit.org" rel="author" title="Julien Chaffraix" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-root.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-root.xht index 0e449461908..10207351492 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-root.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-root.xht @@ -5,7 +5,7 @@ <link href="http://lea.verou.me" rel="author" title="Lea Verou" /> <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help" /> <meta content="image" name="flags" /> -<meta content="The root element has a different background painting area, and thus the ‘background-clip’ property has no effect when specified on it." name="assert" /> +<meta content="The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it." name="assert" /> <style> html { diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-002.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-002.xht index f90eb534a47..cc00dc6bf88 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-002.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-002.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin - initial value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-003.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-003.xht index c2ab5a89791..8b7d1d46d2f 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-003.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-003.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin - padding-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-004.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-004.xht index 3c7cc764682..0d8e56627b8 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-004.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-004.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin - border-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-005.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-005.xht index 6d68f30a696..10c7f5b1e1e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-005.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-005.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin - content-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-006.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-006.xht index bfeb1521e35..647d7865eb4 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-006.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-006.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin 'content-box' with background-attachment 'fixed'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-007.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-007.xht index 9a762512587..cde31b1d2dc 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-007.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-007.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin 'border-box' with background-clip 'padding-box'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-008.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-008.xht index a33f3daaeb1..574b44225f4 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-008.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-origin-008.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin - inherit keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-repeat-round-001.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-repeat-round-001.xht index f2e200c7dbe..0c109a2030d 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-repeat-round-001.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-repeat-round-001.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-repeat - one round keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-08 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-002.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-002.xht index ac94351b21e..4aa813d018b 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-002.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-002.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - initial value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-005.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-005.xht index bc0f826319f..c73b2079c9c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-005.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-005.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one auto keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-006.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-006.xht index dd5e727d8af..954ca2a3bec 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-006.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-006.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <length> value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-007.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-007.xht index eab32d495f2..28ab3ca9237 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-007.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-007.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <length> value at minimum</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-008.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-008.xht index 70301b18ac9..c07e1b623c1 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-008.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-008.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <length> value at maximum</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.w3.org/TR/css3-background/#the-background-size" rel="help" title="3.9. Sizing Images: the 'background-size' property" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-009.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-009.xht index ed4f0ffde44..1aa18644905 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-009.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-009.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-010.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-010.xht index 5db877e4c78..cc096f16d30 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-010.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-010.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> value at minimum</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-011.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-011.xht index 5243d5d64df..59a6d379e95 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-011.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-011.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> value at maximum</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-012.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-012.xht index b6585a75497..fee1f15bd8c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-012.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-012.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - two auto keyword values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-013.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-013.xht index 00e049fd0d9..f3967c9c828 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-013.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-013.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one auto keyword and one <length> values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-014.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-014.xht index 034446f1902..957351126ac 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-014.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-014.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one auto keyword and one <percentage> values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-015.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-015.xht index ac62d8d1234..2776a8b84fb 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-015.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-015.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <length> and one auto keyword values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-016.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-016.xht index df0f49e5ca8..673e94b730e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-016.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-016.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - two <length> values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-017.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-017.xht index d0dccdf62b5..3613bacffd8 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-017.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-017.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <length> and one <percentage> values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-018.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-018.xht index fb076342462..be18460e3b2 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-018.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-018.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> and one auto keyword values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-019.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-019.xht index 7d90d10e57a..5a99e338cc8 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-019.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-019.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> and one <length> values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-020.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-020.xht index a7ffc1990fe..174d3354e6c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-020.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-020.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - two <percentage> values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-021.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-021.xht index 9e6212def73..0561fca71c2 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-021.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-021.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '100% 100%' with background-origin 'content-box'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-024.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-024.xht index 9f53b4f9729..f81d148eb93 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-024.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-024.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '100% 100%' with background-clip 'content-box'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-025.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-025.xht index b696339e1a5..1e07ac10a65 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-025.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-025.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size 'auto 61px' with background-repeat 'round'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-15 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-026.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-026.xht index b60a60123b4..7da2f5ce698 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-026.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-026.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size 'auto' with background-repeat 'repeat'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-027.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-027.xht index 29121743d3b..bbb60fe0bde 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-027.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-027.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '52px auto' with background-repeat 'repeat round'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-15 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-028.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-028.xht index a390dbffb3e..d1de889c410 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-028.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-028.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '50px' with background-repeat 'repeat'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-15 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-029.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-029.xht index 0fede52c85b..95902a6fea4 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-029.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-029.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '52px auto' with background-repeat 'round repeat'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-15 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-030.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-030.xht index cc4540b764d..a82a306bd90 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-030.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-030.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '25% 25%' with background-repeat 'repeat'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-17 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-031.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-031.xht index 2932c3567f8..c7d906d8638 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-031.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-031.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '20% 30%' with background-repeat 'no-repeat round'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-17 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-032.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-032.xht index b411ed9f37e..1690516d1f0 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-032.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-032.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - applies to ::first-letter pseudo-element</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-17 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-033.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-033.xht index 7cc546dea00..21d2c5fb95e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-033.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-033.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - applies to ::first-line pseudo-element</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-17 --> @@ -23,4 +24,5 @@ <p>Test passes if only the <strong>top half</strong> of "Text sample" has a <strong>blue background</strong>.</p> <div>Text sample<br /> text sample text sample</div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-034.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-034.xht index 8a539d5eff8..01ebaa09bfb 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-034.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-size-034.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - inherit keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-17 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-radius-overflow-hidden.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-radius-overflow-hidden.xht index 5998b940ccf..a9394df7961 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-radius-overflow-hidden.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-radius-overflow-hidden.xht @@ -5,7 +5,7 @@ <link href="http://lea.verou.me" rel="author" title="Lea Verou" /> <link href="http://www.w3.org/TR/css3-background/#corner-clipping" rel="help" /> <meta content="" name="flags" /> -<meta content="Effects that clip to the border or padding edge (such as ‘overflow’ other than ‘visible’) must clip to the curve" name="assert" /> +<meta content="Effects that clip to the border or padding edge (such as 'overflow' other than 'visible') must clip to the curve" name="assert" /> <style> div { position: absolute; @@ -49,4 +49,5 @@ div { </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht index 313bbe23ac5..a7f68027542 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht @@ -1131,7 +1131,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>background-clip on root <ul class="assert"> - <li>The root element has a different background painting area, and thus the &acirc;&#8364;&#732;background-clip&acirc;&#8364;&#8482; property has no effect when specified on it.</li> + <li>The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-4.xht index 4cae2c15bc3..469ab7fb97c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-4.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-4.xht @@ -242,7 +242,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> </ul> </td> </tr> @@ -253,7 +253,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style_double <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. &acirc;&#8364;&#732;double&acirc;&#8364;&#8482;: Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal &acirc;&#8364;&#732;border-width&acirc;&#8364;&#8482;.)</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. 'double': Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal 'border-width'.)</li> </ul> </td> </tr> @@ -264,7 +264,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style_shorthand <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> </ul> </td> </tr> @@ -275,7 +275,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> </ul> </td> </tr> @@ -286,7 +286,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> </ul> </td> </tr> @@ -297,7 +297,7 @@ <td></td> <td>border_style_values <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-5.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-5.xht index eb2028321d6..7a56afa4cff 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-5.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-5.xht @@ -1249,7 +1249,7 @@ <td></td> <td>Clipping to the border-radius curve <ul class="assert"> - <li>Effects that clip to the border or padding edge (such as &acirc;&#8364;&#732;overflow&acirc;&#8364;&#8482; other than &acirc;&#8364;&#732;visible&acirc;&#8364;&#8482;) must clip to the curve</li> + <li>Effects that clip to the border or padding edge (such as 'overflow' other than 'visible') must clip to the curve</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/diagonal-percentage-vector-background-ref.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/diagonal-percentage-vector-background-ref.xht index 7506054a859..0fffc3ab901 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/diagonal-percentage-vector-background-ref.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/diagonal-percentage-vector-background-ref.xht @@ -1,6 +1,8 @@ <!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> + <meta charset="utf-8" /> + <title>CSS Reftest Reference</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/background-iframes-001.html b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/ttwf-reftest-borderRadius-ref.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/ttwf-reftest-borderRadius-ref.xht index f6cf529f5f3..287e33510ef 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/ttwf-reftest-borderRadius-ref.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reference/ttwf-reftest-borderRadius-ref.xht @@ -10,7 +10,7 @@ </head> <body> <p>The test passes if table's 'border-radius' style don't work.</p> - <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when ‘border-collapse’ is ‘collapse’.</p> + <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when 'border-collapse' is 'collapse'.</p> <table id="testCon"> <tbody><tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/support/background-iframes-001.html b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-double.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-double.xht index cbb76aacf54..1eb5704a3c6 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-double.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-double.xht @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound" /> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help" /> <meta content="image" name="flags" /> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. ‘double’: Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal ‘border-width’.)" name="assert" /> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. 'double': Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal 'border-width'.)" name="assert" /> <style> #ref { background-color: white; @@ -27,4 +27,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-shorthand-missing-bottom.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-shorthand-missing-bottom.xht index cd86170b264..5b3fb9559b0 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-shorthand-missing-bottom.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-shorthand-missing-bottom.xht @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound" /> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help" /> <meta content="image" name="flags" /> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> <style> #ref { background-color: white; @@ -27,4 +27,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-shorthand-missing-left.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-shorthand-missing-left.xht index 046e131a094..ff25d9ce9a3 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-shorthand-missing-left.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-shorthand-missing-left.xht @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound" /> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help" /> <meta content="image" name="flags" /> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> <style> #ref { background-color: white; @@ -27,4 +27,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-shorthand.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-shorthand.xht index fbafb2278d7..41f9a03b8f7 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-shorthand.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-shorthand.xht @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound" /> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help" /> <meta content="image" name="flags" /> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> <style> #ref { background-color: white; @@ -27,4 +27,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-values.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-values.xht index ca42903deb9..2ea88e1c9ff 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-values.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style-values.xht @@ -3,7 +3,7 @@ <title>CSS Backgrounds and Borders Test: border_style_values</title> <link href="mailto:disound@gmail.com" rel="author" title="disound" /> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help" /> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset" name="assert" /> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset" name="assert" /> <style> #test { width: 100%; @@ -66,4 +66,5 @@ <div id="outset">outset</div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style.xht index 1c22e41c3f7..48ee928a5b0 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-css3background-border-style.xht @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound" /> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help" /> <meta content="image" name="flags" /> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> <style> #ref { background-color: white; @@ -30,4 +30,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-reftest-borderRadius.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-reftest-borderRadius.xht index 5d3a0512b8b..03408b11196 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-reftest-borderRadius.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/ttwf-reftest-borderRadius.xht @@ -12,7 +12,7 @@ </head> <body> <p>The test passes if table's 'border-radius' style don't work.</p> - <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when ‘border-collapse’ is ‘collapse’.</p> + <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when 'border-collapse' is 'collapse'.</p> <table id="testCon"> <tbody><tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-334.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-334.xht index 381a5997845..d9167e6b982 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-334.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-334.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background shorthand - background-size '100% auto'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.w3.org/TR/css3-background/#the-background" rel="help" title="3.10. Backgrounds Shorthand: the 'background' property" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-002.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-002.xht index c706ff00386..b5d3ca57e53 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-002.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-002.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-clip - initial value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-003.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-003.xht index b4f3c5e5874..ea560d9f842 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-003.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-003.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-clip - border-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-004.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-004.xht index 704c86b57a1..52e023d91f1 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-004.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-004.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-clip - padding-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-005.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-005.xht index 5a67b4195fa..1dd6cc55984 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-005.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-005.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-clip - content-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-006.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-006.xht index cabe8d96b75..de44492cabf 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-006.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-006.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-clip - inherit keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-007.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-007.xht index ab4eede1485..e1b7383ff7c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-007.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-007.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Background and Borders Test: background-clip: content-box with background-color</title> <link href="mailto:jchaffraix@webkit.org" rel="author" title="Julien Chaffraix" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-008.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-008.xht index 4b14620f1b9..3e763e1699e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-008.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-008.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Background and Borders Test: background-clip: padding-box with background-color</title> <link href="mailto:jchaffraix@webkit.org" rel="author" title="Julien Chaffraix" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-009.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-009.xht index 279f4fd953f..529ac65b18c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-009.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-009.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Background and Borders Test: background-clip: border-box with background-color</title> <link href="mailto:jchaffraix@webkit.org" rel="author" title="Julien Chaffraix" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-root.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-root.xht index 0e449461908..10207351492 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-root.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-root.xht @@ -5,7 +5,7 @@ <link href="http://lea.verou.me" rel="author" title="Lea Verou" /> <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help" /> <meta content="image" name="flags" /> -<meta content="The root element has a different background painting area, and thus the ‘background-clip’ property has no effect when specified on it." name="assert" /> +<meta content="The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it." name="assert" /> <style> html { diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-002.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-002.xht index f90eb534a47..cc00dc6bf88 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-002.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-002.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin - initial value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-003.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-003.xht index c2ab5a89791..8b7d1d46d2f 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-003.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-003.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin - padding-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-004.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-004.xht index 3c7cc764682..0d8e56627b8 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-004.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-004.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin - border-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-005.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-005.xht index 6d68f30a696..10c7f5b1e1e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-005.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-005.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin - content-box keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-006.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-006.xht index bfeb1521e35..647d7865eb4 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-006.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-006.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin 'content-box' with background-attachment 'fixed'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-007.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-007.xht index 9a762512587..cde31b1d2dc 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-007.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-007.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin 'border-box' with background-clip 'padding-box'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-008.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-008.xht index a33f3daaeb1..574b44225f4 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-008.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-origin-008.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-origin - inherit keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-repeat-round-001.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-repeat-round-001.xht index f2e200c7dbe..0c109a2030d 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-repeat-round-001.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-repeat-round-001.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-repeat - one round keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-08 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-002.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-002.xht index ac94351b21e..4aa813d018b 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-002.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-002.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - initial value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-005.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-005.xht index bc0f826319f..c73b2079c9c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-005.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-005.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one auto keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-006.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-006.xht index dd5e727d8af..954ca2a3bec 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-006.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-006.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <length> value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-007.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-007.xht index eab32d495f2..28ab3ca9237 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-007.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-007.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <length> value at minimum</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-008.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-008.xht index 70301b18ac9..c07e1b623c1 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-008.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-008.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <length> value at maximum</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.w3.org/TR/css3-background/#the-background-size" rel="help" title="3.9. Sizing Images: the 'background-size' property" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-009.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-009.xht index ed4f0ffde44..1aa18644905 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-009.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-009.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-010.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-010.xht index 5db877e4c78..cc096f16d30 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-010.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-010.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> value at minimum</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-011.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-011.xht index 5243d5d64df..59a6d379e95 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-011.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-011.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> value at maximum</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-012.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-012.xht index b6585a75497..fee1f15bd8c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-012.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-012.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - two auto keyword values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-013.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-013.xht index 00e049fd0d9..f3967c9c828 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-013.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-013.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one auto keyword and one <length> values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-014.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-014.xht index 034446f1902..957351126ac 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-014.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-014.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one auto keyword and one <percentage> values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-015.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-015.xht index ac62d8d1234..2776a8b84fb 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-015.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-015.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <length> and one auto keyword values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-016.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-016.xht index df0f49e5ca8..673e94b730e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-016.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-016.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - two <length> values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-017.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-017.xht index d0dccdf62b5..3613bacffd8 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-017.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-017.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <length> and one <percentage> values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-018.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-018.xht index fb076342462..be18460e3b2 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-018.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-018.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> and one auto keyword values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-019.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-019.xht index 7d90d10e57a..5a99e338cc8 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-019.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-019.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - one <percentage> and one <length> values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-020.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-020.xht index a7ffc1990fe..174d3354e6c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-020.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-020.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - two <percentage> values</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-021.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-021.xht index 9e6212def73..0561fca71c2 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-021.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-021.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '100% 100%' with background-origin 'content-box'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-024.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-024.xht index 9f53b4f9729..f81d148eb93 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-024.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-024.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '100% 100%' with background-clip 'content-box'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-09 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-025.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-025.xht index b696339e1a5..1e07ac10a65 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-025.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-025.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size 'auto 61px' with background-repeat 'round'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-15 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-026.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-026.xht index b60a60123b4..7da2f5ce698 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-026.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-026.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size 'auto' with background-repeat 'repeat'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-14 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-027.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-027.xht index 29121743d3b..bbb60fe0bde 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-027.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-027.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '52px auto' with background-repeat 'repeat round'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-15 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-028.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-028.xht index a390dbffb3e..d1de889c410 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-028.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-028.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '50px' with background-repeat 'repeat'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-15 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-029.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-029.xht index 0fede52c85b..95902a6fea4 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-029.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-029.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '52px auto' with background-repeat 'round repeat'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-15 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-030.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-030.xht index cc4540b764d..a82a306bd90 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-030.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-030.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '25% 25%' with background-repeat 'repeat'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-17 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-031.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-031.xht index 2932c3567f8..c7d906d8638 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-031.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-031.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size '20% 30%' with background-repeat 'no-repeat round'</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-17 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-032.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-032.xht index b411ed9f37e..1690516d1f0 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-032.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-032.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - applies to ::first-letter pseudo-element</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-17 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-033.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-033.xht index 7cc546dea00..21d2c5fb95e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-033.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-033.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - applies to ::first-line pseudo-element</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-17 --> @@ -23,4 +24,5 @@ <p>Test passes if only the <strong>top half</strong> of "Text sample" has a <strong>blue background</strong>.</p> <div>Text sample<br /> text sample text sample</div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-034.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-034.xht index 8a539d5eff8..01ebaa09bfb 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-034.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-size-034.xht @@ -1,5 +1,6 @@ <!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> + <meta charset="utf-8" /> <title>CSS Backgrounds and Borders Test: background-size - inherit keyword value</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot" /> <!-- 2012-11-17 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-radius-overflow-hidden.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-radius-overflow-hidden.xht index 5998b940ccf..a9394df7961 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-radius-overflow-hidden.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-radius-overflow-hidden.xht @@ -5,7 +5,7 @@ <link href="http://lea.verou.me" rel="author" title="Lea Verou" /> <link href="http://www.w3.org/TR/css3-background/#corner-clipping" rel="help" /> <meta content="" name="flags" /> -<meta content="Effects that clip to the border or padding edge (such as ‘overflow’ other than ‘visible’) must clip to the curve" name="assert" /> +<meta content="Effects that clip to the border or padding edge (such as 'overflow' other than 'visible') must clip to the curve" name="assert" /> <style> div { position: absolute; @@ -49,4 +49,5 @@ div { </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht index 313bbe23ac5..a7f68027542 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht @@ -1131,7 +1131,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>background-clip on root <ul class="assert"> - <li>The root element has a different background painting area, and thus the &acirc;&#8364;&#732;background-clip&acirc;&#8364;&#8482; property has no effect when specified on it.</li> + <li>The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-4.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-4.xht index 4cae2c15bc3..469ab7fb97c 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-4.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-4.xht @@ -242,7 +242,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> </ul> </td> </tr> @@ -253,7 +253,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style_double <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. &acirc;&#8364;&#732;double&acirc;&#8364;&#8482;: Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal &acirc;&#8364;&#732;border-width&acirc;&#8364;&#8482;.)</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. 'double': Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal 'border-width'.)</li> </ul> </td> </tr> @@ -264,7 +264,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style_shorthand <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> </ul> </td> </tr> @@ -275,7 +275,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> </ul> </td> </tr> @@ -286,7 +286,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border_style <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.</li> </ul> </td> </tr> @@ -297,7 +297,7 @@ <td></td> <td>border_style_values <ul class="assert"> - <li>&acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</li> + <li>'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-5.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-5.xht index eb2028321d6..7a56afa4cff 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-5.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-5.xht @@ -1249,7 +1249,7 @@ <td></td> <td>Clipping to the border-radius curve <ul class="assert"> - <li>Effects that clip to the border or padding edge (such as &acirc;&#8364;&#732;overflow&acirc;&#8364;&#8482; other than &acirc;&#8364;&#732;visible&acirc;&#8364;&#8482;) must clip to the curve</li> + <li>Effects that clip to the border or padding edge (such as 'overflow' other than 'visible') must clip to the curve</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/diagonal-percentage-vector-background-ref.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/diagonal-percentage-vector-background-ref.xht index 7506054a859..0fffc3ab901 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/diagonal-percentage-vector-background-ref.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/diagonal-percentage-vector-background-ref.xht @@ -1,6 +1,8 @@ <!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> + <meta charset="utf-8" /> + <title>CSS Reftest Reference</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/background-iframes-001.html b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/ttwf-reftest-borderRadius-ref.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/ttwf-reftest-borderRadius-ref.xht index f6cf529f5f3..287e33510ef 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/ttwf-reftest-borderRadius-ref.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reference/ttwf-reftest-borderRadius-ref.xht @@ -10,7 +10,7 @@ </head> <body> <p>The test passes if table's 'border-radius' style don't work.</p> - <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when ‘border-collapse’ is ‘collapse’.</p> + <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when 'border-collapse' is 'collapse'.</p> <table id="testCon"> <tbody><tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/support/background-iframes-001.html b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-double.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-double.xht index cbb76aacf54..1eb5704a3c6 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-double.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-double.xht @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound" /> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help" /> <meta content="image" name="flags" /> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. ‘double’: Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal ‘border-width’.)" name="assert" /> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. 'double': Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal 'border-width'.)" name="assert" /> <style> #ref { background-color: white; @@ -27,4 +27,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-shorthand-missing-bottom.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-shorthand-missing-bottom.xht index cd86170b264..5b3fb9559b0 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-shorthand-missing-bottom.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-shorthand-missing-bottom.xht @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound" /> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help" /> <meta content="image" name="flags" /> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> <style> #ref { background-color: white; @@ -27,4 +27,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-shorthand-missing-left.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-shorthand-missing-left.xht index 046e131a094..ff25d9ce9a3 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-shorthand-missing-left.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-shorthand-missing-left.xht @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound" /> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help" /> <meta content="image" name="flags" /> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> <style> #ref { background-color: white; @@ -27,4 +27,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-shorthand.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-shorthand.xht index fbafb2278d7..41f9a03b8f7 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-shorthand.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-shorthand.xht @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound" /> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help" /> <meta content="image" name="flags" /> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> <style> #ref { background-color: white; @@ -27,4 +27,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-values.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-values.xht index ca42903deb9..2ea88e1c9ff 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-values.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style-values.xht @@ -3,7 +3,7 @@ <title>CSS Backgrounds and Borders Test: border_style_values</title> <link href="mailto:disound@gmail.com" rel="author" title="disound" /> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help" /> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset" name="assert" /> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset" name="assert" /> <style> #test { width: 100%; @@ -66,4 +66,5 @@ <div id="outset">outset</div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style.xht index 1c22e41c3f7..48ee928a5b0 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-css3background-border-style.xht @@ -4,7 +4,7 @@ <link href="mailto:disound@gmail.com" rel="author" title="disound" /> <link href="http://www.w3.org/TR/css3-background/#the-border-style" rel="help" /> <meta content="image" name="flags" /> - <meta content="‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> + <meta content="'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top." name="assert" /> <style> #ref { background-color: white; @@ -30,4 +30,5 @@ <div id="ref"></div> <div id="test"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-reftest-borderRadius.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-reftest-borderRadius.xht index 5d3a0512b8b..03408b11196 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-reftest-borderRadius.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/ttwf-reftest-borderRadius.xht @@ -12,7 +12,7 @@ </head> <body> <p>The test passes if table's 'border-radius' style don't work.</p> - <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when ‘border-collapse’ is ‘collapse’.</p> + <p>CSS3 UAs should ignore border-radius properties applied to internal table elements when 'border-collapse' is 'collapse'.</p> <table id="testCon"> <tbody><tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> diff --git a/tests/wpt/css-tests/css-color-3_dev/html4/t421-rgb-hex-parsing-f.htm b/tests/wpt/css-tests/css-color-3_dev/html4/t421-rgb-hex-parsing-f.htm index 1833f9fc12f..80d86fd83dc 100644 --- a/tests/wpt/css-tests/css-color-3_dev/html4/t421-rgb-hex-parsing-f.htm +++ b/tests/wpt/css-tests/css-color-3_dev/html4/t421-rgb-hex-parsing-f.htm @@ -12,10 +12,8 @@ p { color: green; } p { color: #f; } p { color: #ff; } - p { color: #ff00; } p { color: #ff000; } p { color: #ff00000; } - p { color: #ff000000; } p { color: #ff0000000; } p { color: #ff00000000; } </style> diff --git a/tests/wpt/css-tests/css-color-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-color-3_dev/implementation-report-TEMPLATE.data index 38649d814a5..d9ed7e21a97 100644 --- a/tests/wpt/css-tests/css-color-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-color-3_dev/implementation-report-TEMPLATE.data @@ -39,8 +39,8 @@ html4/t421-rgb-func-pct-a.htm 5add0103eba682f70d93b79b1ed3747c0b4af646 ? xhtml1/t421-rgb-func-pct-a.xht 5add0103eba682f70d93b79b1ed3747c0b4af646 ? html4/t421-rgb-func-whitespace-b.htm 3e366a45ef9a3e743b2492292e432169150d21ee ? xhtml1/t421-rgb-func-whitespace-b.xht 3e366a45ef9a3e743b2492292e432169150d21ee ? -html4/t421-rgb-hex-parsing-f.htm 37a8767dda0bfc170727025646b97cefc2d60196 ? -xhtml1/t421-rgb-hex-parsing-f.xht 37a8767dda0bfc170727025646b97cefc2d60196 ? +html4/t421-rgb-hex-parsing-f.htm ffa01da21d7b1904019fba4d6d0d80f71d3225c7 ? +xhtml1/t421-rgb-hex-parsing-f.xht ffa01da21d7b1904019fba4d6d0d80f71d3225c7 ? html4/t421-rgb-hex3-a.htm fd3bc49a6a605d0cb7612a6ea11f47ba46d0ac71 ? xhtml1/t421-rgb-hex3-a.xht fd3bc49a6a605d0cb7612a6ea11f47ba46d0ac71 ? html4/t421-rgb-hex3-expand-b.htm 99c5e7e0c797426a233f537523d8d95d07b60a45 ? diff --git a/tests/wpt/css-tests/css-color-3_dev/testinfo.data b/tests/wpt/css-tests/css-color-3_dev/testinfo.data index db064f420ff..f4f6dd835b2 100644 --- a/tests/wpt/css-tests/css-color-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-color-3_dev/testinfo.data @@ -17,7 +17,7 @@ t421-rgb-func-int-a reference/t422-rgba-func-int-a-ref rgb() colors http://www. t421-rgb-func-no-mixed-f reference/t422-rgba-func-no-mixed-f-ref no mixed rgb() values invalid http://www.w3.org/TR/css3-color/#rgb-color 58d8f8962ca7202112a6bceefc16b8d321dc98e6 `L. David Baron`<http://dbaron.org/>,`Mozilla Corporation`<http://mozilla.com/> Test that rgb() values are only accepted when all integers or all percentages. t421-rgb-func-pct-a reference/t422-rgba-func-int-a-ref rgb() colors http://www.w3.org/TR/css3-color/#rgb-color 5add0103eba682f70d93b79b1ed3747c0b4af646 `L. David Baron`<http://dbaron.org/>,`Mozilla Corporation`<http://mozilla.com/> Test that rgb() values produce correct colors. t421-rgb-func-whitespace-b reference/t422-rgba-func-whitespace-b-ref whitespace in rgb() values http://www.w3.org/TR/css3-color/#rgb-color 3e366a45ef9a3e743b2492292e432169150d21ee `L. David Baron`<http://dbaron.org/>,`Mozilla Corporation`<http://mozilla.com/> Test that whitespace is allowed within rgb() functions. -t421-rgb-hex-parsing-f reference/t422-rgba-func-no-mixed-f-ref parsing of hexidecimal color values invalid http://www.w3.org/TR/css3-color/#rgb-color 37a8767dda0bfc170727025646b97cefc2d60196 `L. David Baron`<http://dbaron.org/>,`Mozilla Corporation`<http://mozilla.com/> Test that hexidecimal values are only accepted if they have 3 or six digits. +t421-rgb-hex-parsing-f reference/t422-rgba-func-no-mixed-f-ref parsing of hexidecimal color values invalid http://www.w3.org/TR/css3-color/#rgb-color ffa01da21d7b1904019fba4d6d0d80f71d3225c7 `L. David Baron`<http://dbaron.org/>,`Mozilla Corporation`<http://mozilla.com/> Test that hexidecimal values are only accepted if they have 3 or six digits. t421-rgb-hex3-a reference/t422-rgba-func-int-a-ref #rgb colors http://www.w3.org/TR/css3-color/#rgb-color fd3bc49a6a605d0cb7612a6ea11f47ba46d0ac71 `L. David Baron`<http://dbaron.org/>,`Mozilla Corporation`<http://mozilla.com/> Test that #rgb values produce correct colors. t421-rgb-hex3-expand-b expansion of #rgb colors to #rrggbb http://www.w3.org/TR/css3-color/#rgb-color 99c5e7e0c797426a233f537523d8d95d07b60a45 `L. David Baron`<http://dbaron.org/>,`Mozilla Corporation`<http://mozilla.com/> Test that 3-digit #rgb values are expanded into #rrggbb and not #r0g0b0 t421-rgb-hex6-a reference/t422-rgba-func-int-a-ref #rrggbb colors http://www.w3.org/TR/css3-color/#rgb-color 1b5b62ee4c7f5fbbd50f527f2838a28c0ce9c005 `L. David Baron`<http://dbaron.org/>,`Mozilla Corporation`<http://mozilla.com/> Test that #rrggbb values produce correct colors. diff --git a/tests/wpt/css-tests/css-color-3_dev/xhtml1/t421-rgb-hex-parsing-f.xht b/tests/wpt/css-tests/css-color-3_dev/xhtml1/t421-rgb-hex-parsing-f.xht index a4c21431215..80eac07df6b 100644 --- a/tests/wpt/css-tests/css-color-3_dev/xhtml1/t421-rgb-hex-parsing-f.xht +++ b/tests/wpt/css-tests/css-color-3_dev/xhtml1/t421-rgb-hex-parsing-f.xht @@ -12,10 +12,8 @@ p { color: green; } p { color: #f; } p { color: #ff; } - p { color: #ff00; } p { color: #ff000; } p { color: #ff00000; } - p { color: #ff000000; } p { color: #ff0000000; } p { color: #ff00000000; } ]]></style> diff --git a/tests/wpt/css-tests/css-color-3_dev/xhtml1print/t421-rgb-hex-parsing-f.xht b/tests/wpt/css-tests/css-color-3_dev/xhtml1print/t421-rgb-hex-parsing-f.xht index 2fd6f0a3990..2e28ba18a3b 100644 --- a/tests/wpt/css-tests/css-color-3_dev/xhtml1print/t421-rgb-hex-parsing-f.xht +++ b/tests/wpt/css-tests/css-color-3_dev/xhtml1print/t421-rgb-hex-parsing-f.xht @@ -21,10 +21,8 @@ p { color: green; } p { color: #f; } p { color: #ff; } - p { color: #ff00; } p { color: #ff000; } p { color: #ff00000; } - p { color: #ff000000; } p { color: #ff0000000; } p { color: #ff00000000; } ]]></style> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/align-items-004.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/align-items-004.htm index 8b76acb5159..2b3bc2e65e6 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/align-items-004.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/align-items-004.htm @@ -10,7 +10,7 @@ <style type="text/css"> #flexbox { - background: linear-gradient(to bottom, green 0, green 16px, red 16px, red 35px, green 35px, green 66px, red 66px, red 85px, green 85px, green 100px); + background: linear-gradient(to bottom, green 0, green 16px, red 17px, red 35px, green 36px, green 66px, red 67px, red 85px, green 86px, green 100px); align-items: flex-start; align-items: baseline; display: flex; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-2.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-2.htm index a1d552fc6e2..56ebb1dfc7c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-2.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-2.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Layout Box Model and Terminology (30 tests)</h2> + <h2>Flex Layout Box Model and Terminology (29 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -55,7 +55,7 @@ <!-- 0 tests --> </tbody> <tbody id="s2.#flex-container"> - <!-- 4 tests --> + <!-- 3 tests --> <tr id="flexbox_generated-2.#flex-container" class="primary"> <td><strong> <a href="flexbox_generated.htm">flexbox_generated</a></strong></td> @@ -64,14 +64,6 @@ <td>flexbox | flexcontainer vs generated content </td> </tr> - <tr id="flexbox_generated-container-2.#flex-container" class="primary"> - <td><strong> - <a href="flexbox_generated-container.htm">flexbox_generated-container</a></strong></td> - <td><a href="reference/flexbox_generated-container-ref.htm">=</a> </td> - <td></td> - <td>flexbox | flexcontainer vs generated content - </td> - </tr> <tr id="flexbox_generated-flex-2.#flex-container" class="primary"> <td><strong> <a href="flexbox_generated-flex.htm">flexbox_generated-flex</a></strong></td> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm index 296c2ae783c..34092094c50 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-3.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Containers: the flex and inline-flex display values (35 tests)</h2> + <h2>Flex Containers: the flex and inline-flex display values (36 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -350,7 +350,18 @@ <!-- 0 tests --> </tbody> <tbody id="s3.#valdef-display-inline-flex"> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="ttwf-reftest-flex-inline-3.#valdef-display-inline-flex" class="primary"> + <td><strong> + <a href="ttwf-reftest-flex-inline.htm">ttwf-reftest-flex-inline</a></strong></td> + <td><a href="reference/ttwf-reftest-flex-inline-ref.htm">=</a> </td> + <td></td> + <td>display proprety - inline-flex + <ul class="assert"> + <li>Statement describing what the test case is asserting</li> + </ul> + </td> + </tr> </tbody> </table> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-4.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-4.htm index 146e96df087..803c60c4181 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-4.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-4.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Items (74 tests)</h2> + <h2>Flex Items (72 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -451,7 +451,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.5">+</a> <a href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto">4.5 Implied Minimum Size of Flex Items</a></th></tr> - <!-- 32 tests --> + <!-- 30 tests --> <tr id="flex-minimun-height-flex-items-001-4.5" class="primary"> <td><strong> <a href="flex-minimun-height-flex-items-001.htm">flex-minimun-height-flex-items-001</a></strong></td> @@ -740,22 +740,6 @@ <td>flexbox | computed style | min-width: auto </td> </tr> - <tr id="flexbox_min-height-auto-4.5" class="primary"> - <td><strong> - <a href="flexbox_min-height-auto.htm">flexbox_min-height-auto</a></strong></td> - <td><a href="reference/flexbox_min-height-auto-ref.htm">=</a> </td> - <td></td> - <td>flexbox | min-height: auto - </td> - </tr> - <tr id="flexbox_min-width-auto-4.5" class="primary"> - <td><strong> - <a href="flexbox_min-width-auto.htm">flexbox_min-width-auto</a></strong></td> - <td><a href="reference/flexbox_min-width-auto-ref.htm">=</a> </td> - <td></td> - <td>flexbox | min-width: auto - </td> - </tr> </tbody> <tbody id="s4.5.#min-size-opt"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-5.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-5.htm index 16f013f8fd7..76c6b271916 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-5.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-5.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Ordering and Orientation (149 tests)</h2> + <h2>Ordering and Orientation (150 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -346,16 +346,168 @@ </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-column"> - <!-- 0 tests --> + <!-- 6 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column.htm">flexbox_computedstyle_flex-flow-column</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-nowrap.htm">flexbox_computedstyle_flex-flow-column-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap.htm">flexbox_computedstyle_flex-flow-column-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.htm">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column wrap-reverse + </td> + </tr> + <tr id="flexbox_rtl-flow-5.1.#valdef-flex-direction-column" class=""> + <td> + <a href="flexbox_rtl-flow.htm">flexbox_rtl-flow</a></td> + <td><a href="reference/flexbox_rtl-flow-ref.htm">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column wrap | rtl + </td> + </tr> + <tr id="flexbox_rtl-flow-reverse-5.1.#valdef-flex-direction-column" class=""> + <td> + <a href="flexbox_rtl-flow-reverse.htm">flexbox_rtl-flow-reverse</a></td> + <td><a href="reference/flexbox_rtl-flow-reverse-ref.htm">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column wrap-reverse | rtl + </td> + </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-column-reverse"> - <!-- 0 tests --> + <!-- 5 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse.htm">flexbox_computedstyle_flex-flow-column-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.htm">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse wrap + </td> + </tr> + <tr id="flexbox_rtl-direction-5.1.#valdef-flex-direction-column-reverse" class=""> + <td> + <a href="flexbox_rtl-direction.htm">flexbox_rtl-direction</a></td> + <td><a href="reference/flexbox_rtl-direction-ref.htm">=</a> </td> + <td></td> + <td>flexbox | flex-direction: column-reverse | rtl + </td> + </tr> + <tr id="flexbox_rtl-order-5.1.#valdef-flex-direction-column-reverse" class=""> + <td> + <a href="flexbox_rtl-order.htm">flexbox_rtl-order</a></td> + <td><a href="reference/flexbox_rtl-order-ref.htm">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl + </td> + </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-row"> - <!-- 0 tests --> + <!-- 4 tests --> + <tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row.htm">flexbox_computedstyle_flex-flow-row</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-nowrap.htm">flexbox_computedstyle_flex-flow-row-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap.htm">flexbox_computedstyle_flex-flow-row-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.htm">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row wrap-reverse + </td> + </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-row-reverse"> - <!-- 0 tests --> + <!-- 4 tests --> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse.htm">flexbox_computedstyle_flex-flow-row-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse + </td> + </tr> </tbody> <tbody id="s5.2"> <tr><th colspan="4" scope="rowgroup"> @@ -809,13 +961,141 @@ </tr> </tbody> <tbody id="s5.2.#valdef-flex-wrap-nowrap"> - <!-- 0 tests --> + <!-- 5 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-nowrap.htm">flexbox_computedstyle_flex-flow-column-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-nowrap.htm">flexbox_computedstyle_flex-flow-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-nowrap.htm">flexbox_computedstyle_flex-flow-row-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse nowrap + </td> + </tr> </tbody> <tbody id="s5.2.#valdef-flex-wrap-wrap"> - <!-- 0 tests --> + <!-- 6 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.htm">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap.htm">flexbox_computedstyle_flex-flow-column-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap.htm">flexbox_computedstyle_flex-flow-row-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-wrap.htm">flexbox_computedstyle_flex-flow-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: wrap + </td> + </tr> + <tr id="flexbox_rtl-flow-5.2.#valdef-flex-wrap-wrap" class=""> + <td> + <a href="flexbox_rtl-flow.htm">flexbox_rtl-flow</a></td> + <td><a href="reference/flexbox_rtl-flow-ref.htm">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column wrap | rtl + </td> + </tr> </tbody> <tbody id="s5.2.#valdef-flex-wrap-wrap-reverse"> - <!-- 0 tests --> + <!-- 5 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.htm">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column wrap-reverse + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.htm">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row wrap-reverse + </td> + </tr> + <tr id="flexbox_rtl-flow-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class=""> + <td> + <a href="flexbox_rtl-flow-reverse.htm">flexbox_rtl-flow-reverse</a></td> + <td><a href="reference/flexbox_rtl-flow-reverse-ref.htm">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column wrap-reverse | rtl + </td> + </tr> + <tr id="flexbox_rtl-order-5.2.#valdef-flex-wrap-wrap-reverse" class=""> + <td> + <a href="flexbox_rtl-order.htm">flexbox_rtl-order</a></td> + <td><a href="reference/flexbox_rtl-order-ref.htm">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl + </td> + </tr> </tbody> <tbody id="s5.3"> <tr><th colspan="4" scope="rowgroup"> @@ -860,7 +1140,7 @@ <a href="css-box-justify-content.htm">css-box-justify-content</a></td> <td><a href="reference/css-box-justify-content-ref.htm">=</a> </td> <td></td> - <td>flexbox |css-box-justufy-content + <td>flexbox |css-box-justify-content </td> </tr> <tr id="css-flexbox-column-5.3.#propdef-flex-flow" class="primary"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-7.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-7.htm index 887f80c478b..4272e691f60 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-7.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-7.htm @@ -1035,7 +1035,7 @@ <td></td> <td>Image Expansion <ul class="assert"> - <li>3 square images fill out border.</li> + <li>3 rectangular images fill out border.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm index f3033d6ddc5..e2e3042edd7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/chapter-8.htm @@ -219,7 +219,7 @@ <a href="css-box-justify-content.htm">css-box-justify-content</a></strong></td> <td><a href="reference/css-box-justify-content-ref.htm">=</a> </td> <td></td> - <td>flexbox |css-box-justufy-content + <td>flexbox |css-box-justify-content </td> </tr> <tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="primary dom"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-box-justify-content.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-box-justify-content.htm index c024536a516..cddf94e6b2f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-box-justify-content.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-box-justify-content.htm @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html><head><title>flexbox |css-box-justufy-content</title> +<html><head><title>flexbox |css-box-justify-content</title> <link href="ava656094@gmail.com" rel="author" title="xiaoxia"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> @@ -14,7 +14,6 @@ justify-content: flex-end; } .item{ - margin-left:2px; width:50px; height: 30px; } @@ -23,8 +22,13 @@ </head><body><p>This test passes if the DIV5's position in the end and the div is Horizontal layout</p> <div id="flexbox"> <div style="background-color: rgb(242, 210, 80); color: rgb(41, 119, 248);" class="item">DIV1</div> + <div style="background-color: rgb(110, 8, 7); color: rgb(162, 152, 22);" class="item">DIV2</div> + <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> + <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> + <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div></body></html>
\ No newline at end of file +</div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-reverse-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-reverse-wrap-reverse.htm index c9ff7298149..9a2f834ced2 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-reverse-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-reverse-wrap-reverse.htm @@ -15,7 +15,7 @@ width: 9em; min-height: 4em; color: white; - align-content: flex-start; + align-content: flex-end; background: green; } .item { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-wrap-reverse.htm index 63f4ae77739..45069188142 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-column-wrap-reverse.htm @@ -15,7 +15,7 @@ width: 9em; min-height: 4em; color: white; - align-content: flex-start; + align-content: flex-end; background: green; } .item { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-img-expand-evenly.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-img-expand-evenly.htm index b57f4171a6b..d87e6ce7a69 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-img-expand-evenly.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-img-expand-evenly.htm @@ -8,7 +8,7 @@ <!-- The match link is only required if this is a reftest --> <link href="reference/css-flexbox-img-expand-evenly-ref.htm" rel="match"> <meta content="" name="flags"> - <meta content="3 square images fill out border." name="assert"> + <meta content="3 rectangular images fill out border." name="assert"> <style type="text/css"> /* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */ @@ -28,7 +28,7 @@ </style> </head> <body> - <p>3 square images fill out border.</p> + <p>3 rectangular images fill out border.</p> <!-- PAGE CONTENT --> <div class="flexbox"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap-reverse.htm index 8db5d9c2ba9..9111b021587 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap-reverse.htm @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap.htm index f25de660a10..25303017ba6 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse-wrap.htm @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse.htm index 408e510a84b..40617e9ed98 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-reverse.htm @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap-reverse.htm index 63ceb210cf5..8c960758469 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap-reverse.htm @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap.htm index e13719ffcd5..6786ce636c5 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row-wrap.htm @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row.htm index 7b0e69e40fd..7313f9d7bd9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/css-flexbox-row.htm @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-nowrap.htm index 933c2dfd389..a0deda56e31 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-nowrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: column nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm index d055980694c..b749f07bb53 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: column-reverse nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm index ea535497b6b..243dfee9fb1 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: column-reverse wrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm index fb39569b39d..dff5b23fe10 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-reverse.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | computed style | flex-flow: column-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm index adbc01b8edf..7d6635917d8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: column wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap.htm index 3e74011ae34..d5f8a8b6269 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column-wrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: column wrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm index 7e79ef0e7ea..f2713502215 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-column.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | computed style | flex-flow: column</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm index baa35cd6697..1cd5cb9805e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-nowrap.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | computed style | flex-flow: nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-nowrap.htm index e8f74c75644..eac0dfafb5e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-nowrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: row nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm index d8ed1c57639..6a4ce600e11 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: row-reverse nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm index b75ae84b5c4..5182ddbd566 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: row-reverse wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm index 9fb068f54ff..e22e4689926 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: row-reverse wrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm index a6160900c00..8d118bf5815 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-reverse.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | computed style | flex-flow: row-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm index ef587ce4287..45eaec13bfd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: row wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap.htm index ea0c914b9cf..4458c3620a4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row-wrap.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | computed style | flex-flow: row wrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm index e3f3197cbee..303fd045853 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-row.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | computed style | flex-flow: row</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm index 92ddc5f6934..35d1bc5a7d0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_computedstyle_flex-flow-wrap.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | computed style | flex-flow: wrap</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> <meta content="dom" name="flags"> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_flex-natural-mixed-basis-auto.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_flex-natural-mixed-basis-auto.htm index 18c94d9bf8e..51b971d9eee 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_flex-natural-mixed-basis-auto.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_flex-natural-mixed-basis-auto.htm @@ -9,7 +9,7 @@ div { font-family: ahem; background: blue; height: 8em; - width: 35ex; + width: 35em; display: flex; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_generated-container.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_generated-container.htm deleted file mode 100644 index ef81f2ce5fd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_generated-container.htm +++ /dev/null @@ -1,29 +0,0 @@ -<!DOCTYPE html> -<html><head><title>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software"> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-container" rel="help"> -<link href="reference/flexbox_generated-container-ref.htm" rel="match"> -<style> -div { - background: red; -} -div div { - content: "xxx"; - background: blue; - - display: flex; -} -p { - background: yellow; - margin: 1em; - width: 2000px; - height: 2000px; -} -</style> - -</head><body><div id="test"> - <div> - <p>FAIL</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_min-height-auto.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_min-height-auto.htm deleted file mode 100644 index 197e08e4896..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_min-height-auto.htm +++ /dev/null @@ -1,32 +0,0 @@ -<!DOCTYPE html> -<html><head><title>flexbox | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software"> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help"> -<link href="reference/flexbox_min-height-auto-ref.htm" rel="match"> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; - flex-direction: column; -} -p { - background: yellow; - margin: 1em; - height: 0; - min-height: auto; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_min-width-auto.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_min-width-auto.htm deleted file mode 100644 index 832fa230dc8..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_min-width-auto.htm +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html> -<html><head><title>flexbox | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software"> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help"> -<link href="reference/flexbox_min-width-auto-ref.htm" rel="match"> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; -} -p { - background: yellow; - margin: 1em; - width: 0; - min-width: auto; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_order-noninteger-invalid.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_order-noninteger-invalid.htm index 73f6f6ad0ec..38bd35033a8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_order-noninteger-invalid.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_order-noninteger-invalid.htm @@ -16,7 +16,7 @@ span { flex: 1 0 0%; } span+span { - background: yellow; + background: white; order: 0; } /* irrelevant */ diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-direction.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-direction.htm index a704941954d..ee2fbd84f60 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-direction.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-direction.htm @@ -2,7 +2,7 @@ <html><head><title>flexbox | flex-direction: column-reverse | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> <link href="reference/flexbox_rtl-direction-ref.htm" rel="match"> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow-reverse.htm index cb5b8f1868b..2bf095e989e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow-reverse.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | flex-flow: column wrap-reverse | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> <link href="reference/flexbox_rtl-flow-reverse-ref.htm" rel="match"> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow.htm index 025a5a426d9..56105a48c06 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-flow.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | flex-flow: column wrap | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help"> <link href="reference/flexbox_rtl-flow-ref.htm" rel="match"> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-order.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-order.htm index 34114f38c1c..74c2cf53736 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-order.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox_rtl-order.htm @@ -2,8 +2,8 @@ <html><head><title>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software"> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help"> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help"> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help"> <link href="reference/flexbox_rtl-order-ref.htm" rel="match"> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/order-with-column-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/order-with-column-reverse.htm index a298c761178..c0e0812030e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/order-with-column-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/order-with-column-reverse.htm @@ -23,6 +23,9 @@ #third { order: 1; } + p { + margin: 0; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-box-justify-content-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-box-justify-content-ref.htm index 9cd6b4fae02..3eef6f260da 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-box-justify-content-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-box-justify-content-ref.htm @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html><head><title>flexbox |css-box-justufy-content</title> +<html><head><title>flexbox |css-box-justify-content</title> <link href="ava656094@gmail.com" rel="author" title="xiaoxia"> <style> #flexbox { @@ -11,7 +11,7 @@ } .item{ display: inline-block; - align:right; + text-align:left; width:50px; height: 30px; } @@ -24,4 +24,5 @@ <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div></body></html>
\ No newline at end of file +</div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-img-expand-evenly-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-img-expand-evenly-ref.htm index e92180f468a..e82fc3cd66e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-img-expand-evenly-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-img-expand-evenly-ref.htm @@ -20,13 +20,14 @@ </style> </head> <body> - <p>3 square images fill out border.</p> + <p>3 rectangular images fill out border.</p> <!-- PAGE CONTENT --> <div class="flexbox"> - <img src="support/solidblue.png"> - <img src="support/solidblue.png"> - <img src="support/solidblue.png"> + <!-- It is important that there is no linebreak between the <img> tags. + The line break would be rendered as whitespace, breaking the test. + --> + <img src="../support/solidblue.png"><img src="../support/solidblue.png"><img src="../support/solidblue.png"> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-row-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-row-ref.htm index db86d12b4eb..fe98e24fdef 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-row-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-row-ref.htm @@ -12,6 +12,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; } </style> </head> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-align-items-center-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-align-items-center-ref.htm index b0d876a703b..78ebcca265a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-align-items-center-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-align-items-center-ref.htm @@ -17,8 +17,8 @@ left: 10px; } #a { - top: 150px; - left: 230px; + top: 148px; + left: 239px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -29,8 +29,8 @@ flex: none; } #b { - top: 150px; - left: 283px; + top: 148px; + left: 293px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -41,8 +41,8 @@ flex: none; } #c { - top: 150px; - left: 336px; + top: 148px; + left: 347px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -63,4 +63,5 @@ <div style="position:absolute" id="b"></div> <div style="position:absolute" id="c"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-flexitem-percentage-prescation-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-flexitem-percentage-prescation-ref.htm index f3d1b8b75d9..6d1b879b2b3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-flexitem-percentage-prescation-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-flexitem-percentage-prescation-ref.htm @@ -22,8 +22,8 @@ <body> <div id="test"> <div id="test"> - <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50px;">damer</p> - <p style="top:0px;left:50px;height:300px;background:Red;width:51px;">damer</p> + <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50.5px;">damer</p> + <p style="top:0px;left:50.5px;height:300px;background:Red;width:50.5px;">damer</p> </div> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-items-flexibility.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-items-flexibility.htm index 0b0aa74c1ac..2dded90ddd9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-items-flexibility.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flex-items-flexibility.htm @@ -4,9 +4,6 @@ <link href="mailto:zhangcs_423@163.com" rel="author" title="Chunsheng Zhang"> <style type="text/css"> #container { - display: flex; - justify-content: center; - align-items: center; border: 5px solid green; width: 600px; height: 200px; @@ -16,22 +13,16 @@ top: 70px; left: 10px; } - div { - padding: 10px; - width: 30px; - height: 40px; - text-align: center; - flex: 1 0 auto; - } #flex { border: 2px dotted blue; background: green; border-radius: 3px; - flex: 2 0 auto; position: absolute; - top: 70px; - left: 160px; - width: 254px; + top: 73px; + left: 166.5px; + width: 253px; + height: 40px; + padding: 10px; } </style> </head> @@ -39,9 +30,8 @@ <p>This case tests that flex items flexibility</p> <p>The test passes if there is no red</p> <section id="container"> - <div></div> <div id="flex"></div> - <div></div> </section> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_direction-row-reverse-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_direction-row-reverse-ref.htm index 0955501f602..254f29fbf72 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_direction-row-reverse-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_direction-row-reverse-ref.htm @@ -14,14 +14,13 @@ ul { } li { color: white; - margin: 0 3px 0 0; + margin: 0; + width: 3.3333em; display: inline-block; } </style> </head><body><ul> - <li>EFGH</li> - <li>ABCD</li> - <li>IJKL</li> + <li>EFGH</li><li>ABCD</li><li>IJKL</li> </ul> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_generated-container-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_generated-container-ref.htm deleted file mode 100644 index 8da8b47ade0..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_generated-container-ref.htm +++ /dev/null @@ -1,12 +0,0 @@ -<!DOCTYPE html> -<html><head><title>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software"> -<style> -div { - content: "xxx"; - background: blue; -} -</style> - -</head><body><div></div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_min-height-auto-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_min-height-auto-ref.htm deleted file mode 100644 index dedac10a36f..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_min-height-auto-ref.htm +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html> -<html><head><title>flexbox | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software"> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -p { - background: yellow; - margin: 1em 1em 2em; - height: auto; - min-height: auto; -} -p:last-child { - margin-bottom: 1em; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_min-width-auto-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_min-width-auto-ref.htm deleted file mode 100644 index a18b3b851fc..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox_min-width-auto-ref.htm +++ /dev/null @@ -1,33 +0,0 @@ -<!DOCTYPE html> -<html><head><title>flexbox | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software"> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -div::after { - content: ""; - clear: both; - display: block; -} -p { - background: yellow; - margin: 1em; - min-width: auto; - width: auto; - float: left; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-reverse-column-reverse-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-reverse-column-reverse-ref.htm index 98a051c3d1b..35316f514a3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-reverse-column-reverse-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-reverse-column-reverse-ref.htm @@ -9,7 +9,7 @@ .test { width: 300px; float: left; - width: 33.3%; + width: 33.3333%; } p { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-with-column-reverse-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-with-column-reverse-ref.htm index 9d6fe9bb02a..19226d0d9da 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-with-column-reverse-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/multi-line-wrap-with-column-reverse-ref.htm @@ -9,7 +9,7 @@ .test { width: 300px; float: left; - width: 33.3%; + width: 33.3333%; } p { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/order-with-column-reverse-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/order-with-column-reverse-ref.htm index 883e8805a5c..d176fdd7ed5 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/order-with-column-reverse-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/order-with-column-reverse-ref.htm @@ -4,6 +4,9 @@ <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk"> <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins"> <style> + p { + margin: 0; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-space-around-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-space-around-ref.htm new file mode 100644 index 00000000000..c095f43217d --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-align-content-space-around-ref.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Flexible Box Test: align-content property - space-between</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> + <style type="text/css"> + .container { + position: relative; + height: 14em; + width: 20em; + background: red; + margin: 1em; + border: 1px solid black; + } + + span { + height: 2em; + display: inline-block; + background: green; + color: white; + margin: 2.5em 1em; + width: 8em; + float: left; + } + </style> +</head> +<body> + <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p> + <div class="container"> + <span>first</span> + <span>second</span> + <span>third</span> + <span>forth</span> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-direction-row-reverse-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-direction-row-reverse-ref.htm index d5c70cccceb..554de442d40 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-direction-row-reverse-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-direction-row-reverse-ref.htm @@ -5,10 +5,10 @@ <style type="text/css"> .container { position: relative; - display: flex; background: red; margin: 1em 0; border: 1px solid black; + text-align: right; } span { display: inline-block; @@ -16,16 +16,14 @@ color: white; margin: 1em; width: 8em; + text-align: left; } </style> </head> <body> - <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p> + <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> <div class="container"> - <span>forth</span> - <span>third</span> - <span>second</span> - <span>first</span> + <span>forth</span><span>third</span><span>second</span><span>first</span> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-inline-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-inline-ref.htm new file mode 100644 index 00000000000..c2f8d4342e2 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-inline-ref.htm @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Flexible Box Test: display proprety - inline-flex</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> + <style type="text/css"> + /* Positioned container allows for the self-describing statement to still + be visible in the case of failure */ + .container { + position: relative; + } + .greenSquare { + display: inline-block; + margin-top: -200px; + background: green; + } + </style> +</head> +<body> + <p>The test passed if you see a green block which its text is 'Success!'.</p> + <div class="container"> + <!-- This is the square that should not be visible if the test passes --> + <div class="greenSquare">Success!</div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-order-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-order-ref.htm index 16bcbbe5dfe..d7f40c5a900 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-order-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/ttwf-reftest-flex-order-ref.htm @@ -23,10 +23,7 @@ <body> <p>The test passed if all the cells are reversed.</p> <div class="container"> - <span class="first">forth</span> - <span class="second">third</span> - <span class="third">second</span> - <span class="forth">first</span> + <span class="first">forth</span><span class="second">third</span><span class="third">second</span><span class="forth">first</span> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest-toc.htm index 480fbee43c8..510747e617d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest-toc.htm @@ -338,7 +338,7 @@ </tbody> <tbody id="css-box-justify-content" class=""> <tr> - <td rowspan="1" title="flexbox |css-box-justufy-content"> + <td rowspan="1" title="flexbox |css-box-justify-content"> <a href="css-box-justify-content.htm">css-box-justify-content</a></td> <td><a href="reference/css-box-justify-content-ref.htm">=</a> </td> <td rowspan="1"></td> @@ -3376,14 +3376,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_generated-container" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer vs generated content"> - <a href="flexbox_generated-container.htm">flexbox_generated-container</a></td> - <td><a href="reference/flexbox_generated-container-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flexbox_generated-flex" class=""> <tr> <td rowspan="1" title="flexbox | flexcontainer via generated content"> @@ -3592,22 +3584,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_min-height-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | min-height: auto"> - <a href="flexbox_min-height-auto.htm">flexbox_min-height-auto</a></td> - <td><a href="reference/flexbox_min-height-auto-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_min-width-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | min-width: auto"> - <a href="flexbox_min-width-auto.htm">flexbox_min-width-auto</a></td> - <td><a href="reference/flexbox_min-width-auto-ref.htm">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flexbox_nested-flex" class=""> <tr> <td rowspan="1" title="flexbox | nested flexcontainer"> @@ -4232,6 +4208,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="ttwf-reftest-flex-inline" class=""> + <tr> + <td rowspan="1" title="display proprety - inline-flex"> + <a href="ttwf-reftest-flex-inline.htm">ttwf-reftest-flex-inline</a></td> + <td><a href="reference/ttwf-reftest-flex-inline-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="ttwf-reftest-flex-order" class=""> <tr> <td rowspan="1" title="order proprety - value"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest.list b/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest.list index 3679d6538f4..86392047902 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reftest.list @@ -418,7 +418,6 @@ flexbox_flow-column-wrap-reverse.htm == reference/flexbox_flow-column-wrap-rever flexbox_flow-row-wrap.htm == reference/flexbox_flow-row-wrap-ref.htm flexbox_flow-row-wrap-reverse.htm == reference/flexbox_flow-row-wrap-reverse-ref.htm flexbox_generated.htm == reference/flexbox_generated-ref.htm -flexbox_generated-container.htm == reference/flexbox_generated-container-ref.htm flexbox_generated-flex.htm == reference/flexbox_generated-flex-ref.htm flexbox_generated-nested-flex.htm == reference/flexbox_generated-flex-ref.htm flexbox_inline.htm == reference/flexbox_inline-ref.htm @@ -445,8 +444,6 @@ flexbox_margin-auto-overflow.htm == reference/flexbox_margin-auto-overflow-ref.h flexbox_margin-auto-overflow-2.htm == reference/flexbox_margin-auto-overflow-2-ref.htm flexbox_margin-collapse.htm == reference/flexbox_margin-collapse-ref.htm flexbox_margin-left-ex.htm == reference/flexbox_margin-left-ex-ref.htm -flexbox_min-height-auto.htm == reference/flexbox_min-height-auto-ref.htm -flexbox_min-width-auto.htm == reference/flexbox_min-width-auto-ref.htm flexbox_nested-flex.htm == reference/flexbox_generated-flex-ref.htm flexbox_object.htm == reference/flexbox_object-ref.htm flexbox_order.htm == reference/flexbox_order-ref.htm @@ -525,6 +522,7 @@ ttwf-reftest-flex-base.htm == reference/ttwf-reftest-flex-base-ref.htm ttwf-reftest-flex-direction-column.htm == reference/ttwf-reftest-flex-direction-column-ref.htm ttwf-reftest-flex-direction-column-reverse.htm == reference/ttwf-reftest-flex-direction-column-reverse-ref.htm ttwf-reftest-flex-direction-row-reverse.htm == reference/ttwf-reftest-flex-direction-row-reverse-ref.htm +ttwf-reftest-flex-inline.htm == reference/ttwf-reftest-flex-inline-ref.htm ttwf-reftest-flex-order.htm == reference/ttwf-reftest-flex-order-ref.htm ttwf-reftest-flex-wrap.htm == reference/ttwf-reftest-flex-wrap-ref.htm ttwf-reftest-flex-wrap-reverse.htm == reference/ttwf-reftest-flex-wrap-reverse-ref.htm diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm index 88bb30817d2..0debe956bfd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/toc.htm @@ -27,22 +27,22 @@ <tbody id="s2"> <tr><th><a href="chapter-2.htm">Chapter 2 - Flex Layout Box Model and Terminology</a></th> - <td>(30 Tests)</td></tr> + <td>(29 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.htm">Chapter 3 - Flex Containers: the flex and inline-flex display values</a></th> - <td>(35 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.htm">Chapter 4 - Flex Items</a></th> - <td>(74 Tests)</td></tr> + <td>(72 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.htm">Chapter 5 - Ordering and Orientation</a></th> - <td>(149 Tests)</td></tr> + <td>(150 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.htm">Chapter 6 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-direction-row-reverse.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-direction-row-reverse.htm index 01108108a3d..e1d626b24fd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-direction-row-reverse.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-direction-row-reverse.htm @@ -24,7 +24,7 @@ </style> </head> <body> - <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p> + <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> <div class="container"> <span>first</span> <span>second</span> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-inline.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-inline.htm new file mode 100644 index 00000000000..31dfc94b504 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/ttwf-reftest-flex-inline.htm @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Flexible Box Test: display proprety - inline-flex</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent"> + <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-display-inline-flex" rel="help"> + <link href="reference/ttwf-reftest-flex-inline-ref.htm" rel="match"> + <meta content="Statement describing what the test case is asserting" name="assert"> + <style type="text/css"> + /* Positioned container allows for the self-describing statement to still + be visible in the case of failure */ + .container { + position: relative; + } + .greenSquare { + display: inline-flex; + margin-top: -200px; + background: green; + } + </style> +</head> +<body> + <p>The test passed if you see a green block which its text is 'Success!'.</p> + <div class="container"> + <!-- This is the square that should not be visible if the test passes --> + <div class="greenSquare">Success!</div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data index 65507c7ab8a..c59b79085a9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data @@ -33,8 +33,8 @@ html/align-items-002.htm ba2dfa0b337d281eb321868358df2435c600506b ? xhtml1/align-items-002.xht ba2dfa0b337d281eb321868358df2435c600506b ? html/align-items-003.htm 0864a7e2510be86698e7eafc6c3853f7e3448596 ? xhtml1/align-items-003.xht 0864a7e2510be86698e7eafc6c3853f7e3448596 ? -html/align-items-004.htm 6de835b5ff8ccff198294837a175ecf36ee1371e ? -xhtml1/align-items-004.xht 6de835b5ff8ccff198294837a175ecf36ee1371e ? +html/align-items-004.htm a2ade60ce94bb9608abdcdb10affbbe2b6ba0637 ? +xhtml1/align-items-004.xht a2ade60ce94bb9608abdcdb10affbbe2b6ba0637 ? html/align-items-005.htm aa76f8315736ed389b671e843e2bff79d9642d16 ? xhtml1/align-items-005.xht aa76f8315736ed389b671e843e2bff79d9642d16 ? html/align-self-001.htm 0cc4990fc47d11d97de1460c7229b2a9ae83854e ? @@ -97,36 +97,36 @@ html/autoheight-regions-in-fixed-sized-flexbox-008.htm ea64b7e570b77e26c14667899 xhtml1/autoheight-regions-in-fixed-sized-flexbox-008.xht ea64b7e570b77e26c14667899a6f07be7629a859 ? html/column-flexbox-break.htm 447d07932ea88069d2350bf6201a4f4b8261ea21 ? xhtml1/column-flexbox-break.xht 447d07932ea88069d2350bf6201a4f4b8261ea21 ? -html/css-box-justify-content.htm 16dde2bb8fde7d77358127c179586c543fb5441c ? -xhtml1/css-box-justify-content.xht 16dde2bb8fde7d77358127c179586c543fb5441c ? -html/css-flexbox-column-reverse-wrap-reverse.htm d38b70360a7799e70ca707646a606c038c899013 ? -xhtml1/css-flexbox-column-reverse-wrap-reverse.xht d38b70360a7799e70ca707646a606c038c899013 ? +html/css-box-justify-content.htm 3c9fbcfcc69b063efc377e05a4dc3d3068c80be7 ? +xhtml1/css-box-justify-content.xht 3c9fbcfcc69b063efc377e05a4dc3d3068c80be7 ? +html/css-flexbox-column-reverse-wrap-reverse.htm 151160ed3d2ad2d58e598e4b1027bbc483dcc957 ? +xhtml1/css-flexbox-column-reverse-wrap-reverse.xht 151160ed3d2ad2d58e598e4b1027bbc483dcc957 ? html/css-flexbox-column-reverse-wrap.htm 8c9461d7bb8e46a2173f6651e3596f1ea0650e94 ? xhtml1/css-flexbox-column-reverse-wrap.xht 8c9461d7bb8e46a2173f6651e3596f1ea0650e94 ? html/css-flexbox-column-reverse.htm a4226108be2f0af901413339910960676e0aeab3 ? xhtml1/css-flexbox-column-reverse.xht a4226108be2f0af901413339910960676e0aeab3 ? -html/css-flexbox-column-wrap-reverse.htm 110b7c270b5e15c253d57db831c76009af42141d ? -xhtml1/css-flexbox-column-wrap-reverse.xht 110b7c270b5e15c253d57db831c76009af42141d ? +html/css-flexbox-column-wrap-reverse.htm 7a03ee23187886a90b8d25cf2f83ea452454b769 ? +xhtml1/css-flexbox-column-wrap-reverse.xht 7a03ee23187886a90b8d25cf2f83ea452454b769 ? html/css-flexbox-column-wrap.htm 81bfe00b93f428cb9c18db56c7403d4b3fa8423e ? xhtml1/css-flexbox-column-wrap.xht 81bfe00b93f428cb9c18db56c7403d4b3fa8423e ? html/css-flexbox-column.htm 2e5bf4ca2fcfceb11ea7a14828ed53b096385155 ? xhtml1/css-flexbox-column.xht 2e5bf4ca2fcfceb11ea7a14828ed53b096385155 ? html/css-flexbox-height-animation-stretch.htm c0ec675efc75f1316a44fd2ab919ba9001af8b79 ? xhtml1/css-flexbox-height-animation-stretch.xht c0ec675efc75f1316a44fd2ab919ba9001af8b79 ? -html/css-flexbox-img-expand-evenly.htm 5112d07ce834249f41852096719e363804b80059 ? -xhtml1/css-flexbox-img-expand-evenly.xht 5112d07ce834249f41852096719e363804b80059 ? -html/css-flexbox-row-reverse-wrap-reverse.htm ae71f495e9b7a0b872b7404e8d13546220a99b9c ? -xhtml1/css-flexbox-row-reverse-wrap-reverse.xht ae71f495e9b7a0b872b7404e8d13546220a99b9c ? -html/css-flexbox-row-reverse-wrap.htm 45362cab6ef4ccddc48442ef7c30cfdbc4d7b68f ? -xhtml1/css-flexbox-row-reverse-wrap.xht 45362cab6ef4ccddc48442ef7c30cfdbc4d7b68f ? -html/css-flexbox-row-reverse.htm 7d6c951b7d2a9a20aec2dae97cf647a7542fd97c ? -xhtml1/css-flexbox-row-reverse.xht 7d6c951b7d2a9a20aec2dae97cf647a7542fd97c ? -html/css-flexbox-row-wrap-reverse.htm 3de913d4d90d2452743b0b92d15a212215e1db4a ? -xhtml1/css-flexbox-row-wrap-reverse.xht 3de913d4d90d2452743b0b92d15a212215e1db4a ? -html/css-flexbox-row-wrap.htm 406a4ac39fbf0910cc734e4fa2c2d95d441cbf2a ? -xhtml1/css-flexbox-row-wrap.xht 406a4ac39fbf0910cc734e4fa2c2d95d441cbf2a ? -html/css-flexbox-row.htm c2fdd1f935ea17ca5c3ef860a2b39c9040c2b032 ? -xhtml1/css-flexbox-row.xht c2fdd1f935ea17ca5c3ef860a2b39c9040c2b032 ? +html/css-flexbox-img-expand-evenly.htm 8a74bbc2ba16b660e1a0db83344e4c886f12a6a8 ? +xhtml1/css-flexbox-img-expand-evenly.xht 8a74bbc2ba16b660e1a0db83344e4c886f12a6a8 ? +html/css-flexbox-row-reverse-wrap-reverse.htm 01014629935eb4a0926836e06888db388ed75ff7 ? +xhtml1/css-flexbox-row-reverse-wrap-reverse.xht 01014629935eb4a0926836e06888db388ed75ff7 ? +html/css-flexbox-row-reverse-wrap.htm af5da24a6d34f820f9208e2d02eecedc044a7859 ? +xhtml1/css-flexbox-row-reverse-wrap.xht af5da24a6d34f820f9208e2d02eecedc044a7859 ? +html/css-flexbox-row-reverse.htm 0cc3d0f04358dfedc826c7185067510092468290 ? +xhtml1/css-flexbox-row-reverse.xht 0cc3d0f04358dfedc826c7185067510092468290 ? +html/css-flexbox-row-wrap-reverse.htm a317095a9cf1aa23dfdc9105c21f7567b4dde075 ? +xhtml1/css-flexbox-row-wrap-reverse.xht a317095a9cf1aa23dfdc9105c21f7567b4dde075 ? +html/css-flexbox-row-wrap.htm 0ea199bc95c19bfdd73497a22bf49819b4b23d59 ? +xhtml1/css-flexbox-row-wrap.xht 0ea199bc95c19bfdd73497a22bf49819b4b23d59 ? +html/css-flexbox-row.htm 2095a3cec191a88ee70b6fa4f9186cc94aba326b ? +xhtml1/css-flexbox-row.xht 2095a3cec191a88ee70b6fa4f9186cc94aba326b ? html/css-flexbox-test1.htm ec7b52168d5d6bd0ea658e5dfa74df6fa1932dd4 ? xhtml1/css-flexbox-test1.xht ec7b52168d5d6bd0ea658e5dfa74df6fa1932dd4 ? html/display-flex-001.htm b28bb6c80284c5d838f0fd137133c592e214031d ? @@ -143,8 +143,8 @@ html/flex-003.htm aa083c3c37e6ccf91569adfb76e7fbfd26af5cf0 ? xhtml1/flex-003.xht aa083c3c37e6ccf91569adfb76e7fbfd26af5cf0 ? html/flex-004.htm eacca20d92c3fd3ae90aa6531733d8112ea48f07 ? xhtml1/flex-004.xht eacca20d92c3fd3ae90aa6531733d8112ea48f07 ? -html/flex-align-items-center.htm 46d2eaf879b0bbd16437e1092096a891ef98cf47 ? -xhtml1/flex-align-items-center.xht 46d2eaf879b0bbd16437e1092096a891ef98cf47 ? +html/flex-align-items-center.htm b0c25464d925ac14a19de215685135c15a2b4540 ? +xhtml1/flex-align-items-center.xht b0c25464d925ac14a19de215685135c15a2b4540 ? html/flex-basis-001.htm cf4c8932cb4704bae235021bc2c0bde3e94bf71d ? xhtml1/flex-basis-001.xht cf4c8932cb4704bae235021bc2c0bde3e94bf71d ? html/flex-basis-002.htm bd0b95ddbaf7caf8595c5f24cdb25e24f8312f0e ? @@ -189,8 +189,8 @@ html/flex-direction_row.htm 83c729ef6a0f2fb5c317dd507b2d9fe31316488e ? xhtml1/flex-direction_row.xht 83c729ef6a0f2fb5c317dd507b2d9fe31316488e ? html/flex-flexitem-childmargin.htm e502bf18a14c3bc4fa3ae2485df64c679162ac42 ? xhtml1/flex-flexitem-childmargin.xht e502bf18a14c3bc4fa3ae2485df64c679162ac42 ? -html/flex-flexitem-percentage-prescation.htm 3f2168e9d0e1d45b9e6b363febe37e8c5236ac67 ? -xhtml1/flex-flexitem-percentage-prescation.xht 3f2168e9d0e1d45b9e6b363febe37e8c5236ac67 ? +html/flex-flexitem-percentage-prescation.htm 8d37a361c029bcb07faf82e3f172f1d4ec7bb785 ? +xhtml1/flex-flexitem-percentage-prescation.xht 8d37a361c029bcb07faf82e3f172f1d4ec7bb785 ? html/flex-flow-001.htm 2b6fb9a06aaa67cd288e4250a76bbc9aaea44a14 ? xhtml1/flex-flow-001.xht 2b6fb9a06aaa67cd288e4250a76bbc9aaea44a14 ? html/flex-flow-002.htm 20995419ed10209f06aac780744ad9080e6cc280 ? @@ -227,8 +227,8 @@ html/flex-grow-005.htm 5786ab49011d6f7284919bd24df40f082c55e64d ? xhtml1/flex-grow-005.xht 5786ab49011d6f7284919bd24df40f082c55e64d ? html/flex-grow-006.htm f8b3290012a57cf47c520f716c3c50a4e02eba55 ? xhtml1/flex-grow-006.xht f8b3290012a57cf47c520f716c3c50a4e02eba55 ? -html/flex-items-flexibility.htm 6bada7cc61f1b3adac7354992455b59cff76478e ? -xhtml1/flex-items-flexibility.xht 6bada7cc61f1b3adac7354992455b59cff76478e ? +html/flex-items-flexibility.htm ae727206300ecb1f3e5b155a9288be0be61f52b2 ? +xhtml1/flex-items-flexibility.xht ae727206300ecb1f3e5b155a9288be0be61f52b2 ? html/flex-margin-no-collapse.htm 96231d68de1fe051b06e793d659a813a53a91ed9 ? xhtml1/flex-margin-no-collapse.xht 96231d68de1fe051b06e793d659a813a53a91ed9 ? html/flex-minimun-height-flex-items-001.htm 605b08c7906eba5ed79720f2399103205a138218 ? @@ -721,40 +721,40 @@ html/flexbox_computedstyle_flex-direction-row-reverse.htm 8d4493c084b32f03266f89 xhtml1/flexbox_computedstyle_flex-direction-row-reverse.xht 8d4493c084b32f03266f890b0608afd0917cfcfc ? html/flexbox_computedstyle_flex-direction-row.htm 465c68e1fd4e64b39e76943b0b7ad7d96a443841 ? xhtml1/flexbox_computedstyle_flex-direction-row.xht 465c68e1fd4e64b39e76943b0b7ad7d96a443841 ? -html/flexbox_computedstyle_flex-flow-column-nowrap.htm 359ac2c2a647cfea137bc216250eb318d16a9187 ? -xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht 359ac2c2a647cfea137bc216250eb318d16a9187 ? -html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm ad2effa806590b36d9c5349198ab661cc0d94d81 ? -xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht ad2effa806590b36d9c5349198ab661cc0d94d81 ? -html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm 015b7532aa7c595d685ea092893b04aea5bcb9e8 ? -xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht 015b7532aa7c595d685ea092893b04aea5bcb9e8 ? -html/flexbox_computedstyle_flex-flow-column-reverse.htm f089964e4b358ebba66d169d5b695523968a7bb5 ? -xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht f089964e4b358ebba66d169d5b695523968a7bb5 ? -html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm 1b96b4db7cc1dc30ffe4e79c4ad1e230d328a41c ? -xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht 1b96b4db7cc1dc30ffe4e79c4ad1e230d328a41c ? -html/flexbox_computedstyle_flex-flow-column-wrap.htm 71787aa7701211b2730675a60e258f284573b391 ? -xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht 71787aa7701211b2730675a60e258f284573b391 ? -html/flexbox_computedstyle_flex-flow-column.htm ef9f6bc6246ee34178b215f4492ccd72fbd1da91 ? -xhtml1/flexbox_computedstyle_flex-flow-column.xht ef9f6bc6246ee34178b215f4492ccd72fbd1da91 ? -html/flexbox_computedstyle_flex-flow-nowrap.htm 742872f107b7e28d36ccdd00d57af705d561362d ? -xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht 742872f107b7e28d36ccdd00d57af705d561362d ? -html/flexbox_computedstyle_flex-flow-row-nowrap.htm 54b563633e1e28a42aecde2a4d2bc4379f2de0fb ? -xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht 54b563633e1e28a42aecde2a4d2bc4379f2de0fb ? -html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm c452b89efa6e2b12ef52e08ecea18f94a076fdf1 ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht c452b89efa6e2b12ef52e08ecea18f94a076fdf1 ? -html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm a91258a18c62d35ba28b33a691a857dc590f5c5a ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht a91258a18c62d35ba28b33a691a857dc590f5c5a ? -html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm 5ea1a4cb4d86a704a5b4841d4486713165c0031e ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht 5ea1a4cb4d86a704a5b4841d4486713165c0031e ? -html/flexbox_computedstyle_flex-flow-row-reverse.htm 8af1cb92a885515647c49fa331ddbc91a35d157e ? -xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht 8af1cb92a885515647c49fa331ddbc91a35d157e ? -html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm bacc4933cd88efd4746ee6128986786ff52e35d5 ? -xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht bacc4933cd88efd4746ee6128986786ff52e35d5 ? -html/flexbox_computedstyle_flex-flow-row-wrap.htm cb822687a33313a012e7d1c130d374cf2d1ed62e ? -xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht cb822687a33313a012e7d1c130d374cf2d1ed62e ? -html/flexbox_computedstyle_flex-flow-row.htm ab69bcad87b3ed66c2b8f377b18ee95cd647e7d1 ? -xhtml1/flexbox_computedstyle_flex-flow-row.xht ab69bcad87b3ed66c2b8f377b18ee95cd647e7d1 ? -html/flexbox_computedstyle_flex-flow-wrap.htm 79f711e5e8f7fdf790ca04f23d86945da73ab7f4 ? -xhtml1/flexbox_computedstyle_flex-flow-wrap.xht 79f711e5e8f7fdf790ca04f23d86945da73ab7f4 ? +html/flexbox_computedstyle_flex-flow-column-nowrap.htm 3977c478ddb26703dd9deb82e82255cb103deec6 ? +xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht 3977c478ddb26703dd9deb82e82255cb103deec6 ? +html/flexbox_computedstyle_flex-flow-column-reverse-nowrap.htm 8ca37aa465bc3f743a7dba45aeff1b6d0c9579b0 ? +xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht 8ca37aa465bc3f743a7dba45aeff1b6d0c9579b0 ? +html/flexbox_computedstyle_flex-flow-column-reverse-wrap.htm 784f9a9d00954ba675f9cf2b993bc536f16916fe ? +xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht 784f9a9d00954ba675f9cf2b993bc536f16916fe ? +html/flexbox_computedstyle_flex-flow-column-reverse.htm 6dcee51bc841b62093dea1bc396d7727d6e108fe ? +xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht 6dcee51bc841b62093dea1bc396d7727d6e108fe ? +html/flexbox_computedstyle_flex-flow-column-wrap-reverse.htm bb0884f75d50052ebc5dd12835e28eff6ac80038 ? +xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht bb0884f75d50052ebc5dd12835e28eff6ac80038 ? +html/flexbox_computedstyle_flex-flow-column-wrap.htm f72610177758218a6493cf22cb96787f23f56341 ? +xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht f72610177758218a6493cf22cb96787f23f56341 ? +html/flexbox_computedstyle_flex-flow-column.htm 713e4d8b0cc98d64c34e2541ff6343a3ae28b24d ? +xhtml1/flexbox_computedstyle_flex-flow-column.xht 713e4d8b0cc98d64c34e2541ff6343a3ae28b24d ? +html/flexbox_computedstyle_flex-flow-nowrap.htm 72295885e0fb14d2d3c6aa87f7175825542001f7 ? +xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht 72295885e0fb14d2d3c6aa87f7175825542001f7 ? +html/flexbox_computedstyle_flex-flow-row-nowrap.htm d411b9be2d00b359da9fc1616f619eadec48c4a5 ? +xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht d411b9be2d00b359da9fc1616f619eadec48c4a5 ? +html/flexbox_computedstyle_flex-flow-row-reverse-nowrap.htm 3ed9025f65ec9a9d321e15ed4f965b6b8c9e5853 ? +xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht 3ed9025f65ec9a9d321e15ed4f965b6b8c9e5853 ? +html/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.htm 4c3f2b813f6e8e0fa6e1c7f3f67201c4f0709afd ? +xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht 4c3f2b813f6e8e0fa6e1c7f3f67201c4f0709afd ? +html/flexbox_computedstyle_flex-flow-row-reverse-wrap.htm a61f3c0001e0ad4d8e98d427e78a02455abc09bd ? +xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht a61f3c0001e0ad4d8e98d427e78a02455abc09bd ? +html/flexbox_computedstyle_flex-flow-row-reverse.htm f8fab15302d722bf44f7a7e3feb33bb42757c4c2 ? +xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht f8fab15302d722bf44f7a7e3feb33bb42757c4c2 ? +html/flexbox_computedstyle_flex-flow-row-wrap-reverse.htm 32e8ba672ec87c0e84dd0f27e46d4d7b90de8ee2 ? +xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht 32e8ba672ec87c0e84dd0f27e46d4d7b90de8ee2 ? +html/flexbox_computedstyle_flex-flow-row-wrap.htm 9c36f816fc74472766c17f57e0ae133afca15ccd ? +xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht 9c36f816fc74472766c17f57e0ae133afca15ccd ? +html/flexbox_computedstyle_flex-flow-row.htm 33c7e9474d83f1d1613ac4b2dc0010cdcb003d5d ? +xhtml1/flexbox_computedstyle_flex-flow-row.xht 33c7e9474d83f1d1613ac4b2dc0010cdcb003d5d ? +html/flexbox_computedstyle_flex-flow-wrap.htm 76fe127a0c9bec9881983a9969e703c05fd069ba ? +xhtml1/flexbox_computedstyle_flex-flow-wrap.xht 76fe127a0c9bec9881983a9969e703c05fd069ba ? html/flexbox_computedstyle_flex-grow-0.htm 0d31e588261dbee89d706fa5ad4e7c972b28a4c2 ? xhtml1/flexbox_computedstyle_flex-grow-0.xht 0d31e588261dbee89d706fa5ad4e7c972b28a4c2 ? html/flexbox_computedstyle_flex-grow-invalid.htm a7b47c4479c35c736ed5aba7089da7b1f3dedbd9 ? @@ -817,8 +817,8 @@ html/flexbox_direction-column-reverse.htm 0ac54595950e762ca7752f3dd9f87ecd17aee3 xhtml1/flexbox_direction-column-reverse.xht 0ac54595950e762ca7752f3dd9f87ecd17aee308 ? html/flexbox_direction-column.htm 016ee30f42dcea1993ff8772b43f2783f358d30e ? xhtml1/flexbox_direction-column.xht 016ee30f42dcea1993ff8772b43f2783f358d30e ? -html/flexbox_direction-row-reverse.htm 494b66430b84f041f8d792572a830d1e80b4f6fe ? -xhtml1/flexbox_direction-row-reverse.xht 494b66430b84f041f8d792572a830d1e80b4f6fe ? +html/flexbox_direction-row-reverse.htm f1320e1caafb090d6e0cbdc74c873f98dfea7d85 ? +xhtml1/flexbox_direction-row-reverse.xht f1320e1caafb090d6e0cbdc74c873f98dfea7d85 ? html/flexbox_display.htm 429c145ce111df3e08fa2ff4f5692e56bc4bbb4d ? xhtml1/flexbox_display.xht 429c145ce111df3e08fa2ff4f5692e56bc4bbb4d ? html/flexbox_fbfc.htm 5b33462ad18995d80f363daf64588ae2b06b1012 ? @@ -1011,8 +1011,8 @@ html/flexbox_flex-n-n-npercent.htm 55370cf53d392e1d6e5366b832d7fe146b1282f7 ? xhtml1/flexbox_flex-n-n-npercent.xht 55370cf53d392e1d6e5366b832d7fe146b1282f7 ? html/flexbox_flex-n-n.htm b400af423bbc4e3e9d22865b0a53b6efa47bc305 ? xhtml1/flexbox_flex-n-n.xht b400af423bbc4e3e9d22865b0a53b6efa47bc305 ? -html/flexbox_flex-natural-mixed-basis-auto.htm e92a27a4b8dcd6d86acf798d16ada443b742760f ? -xhtml1/flexbox_flex-natural-mixed-basis-auto.xht e92a27a4b8dcd6d86acf798d16ada443b742760f ? +html/flexbox_flex-natural-mixed-basis-auto.htm d51d054019bba36ae31354936ec17b47fe0e90f1 ? +xhtml1/flexbox_flex-natural-mixed-basis-auto.xht d51d054019bba36ae31354936ec17b47fe0e90f1 ? html/flexbox_flex-natural-mixed-basis.htm aa956d1c13675e5b4872c65d15cb2eec96eb3d8e ? xhtml1/flexbox_flex-natural-mixed-basis.xht aa956d1c13675e5b4872c65d15cb2eec96eb3d8e ? html/flexbox_flex-natural-variable-auto-basis.htm 7755aa9d0584d1d4ecc9f25559916eabde034e06 ? @@ -1035,8 +1035,6 @@ html/flexbox_flow-row-wrap-reverse.htm b28edd15c50b0467f0c2e32dc703261e81d690c2 xhtml1/flexbox_flow-row-wrap-reverse.xht b28edd15c50b0467f0c2e32dc703261e81d690c2 ? html/flexbox_flow-row-wrap.htm 4339f96b8767fb59553404d641bf1a7a899f299b ? xhtml1/flexbox_flow-row-wrap.xht 4339f96b8767fb59553404d641bf1a7a899f299b ? -html/flexbox_generated-container.htm 0ca130877ef2b8b367b57ff6b389325f28098ce2 ? -xhtml1/flexbox_generated-container.xht 0ca130877ef2b8b367b57ff6b389325f28098ce2 ? html/flexbox_generated-flex.htm 9757b85f200e0b9db067b1fd57c55500bd2c4114 ? xhtml1/flexbox_generated-flex.xht 9757b85f200e0b9db067b1fd57c55500bd2c4114 ? html/flexbox_generated-nested-flex.htm 923485dbc0a175039a27e86323be636703775ab1 ? @@ -1135,10 +1133,6 @@ html/flexbox_margin-left-ex.htm a722372e89428c63ff1b99c432a679db1301041e ? xhtml1/flexbox_margin-left-ex.xht a722372e89428c63ff1b99c432a679db1301041e ? html/flexbox_margin.htm 395613182985eb36a7ff9c6774ca9ff0d4113660 ? xhtml1/flexbox_margin.xht 395613182985eb36a7ff9c6774ca9ff0d4113660 ? -html/flexbox_min-height-auto.htm 0889d1aa107e2ebeb115d99a06b54b6c2f8b8357 ? -xhtml1/flexbox_min-height-auto.xht 0889d1aa107e2ebeb115d99a06b54b6c2f8b8357 ? -html/flexbox_min-width-auto.htm 4fbbe3bae0e6f9fc1e4f77303542f3d1bf38ab67 ? -xhtml1/flexbox_min-width-auto.xht 4fbbe3bae0e6f9fc1e4f77303542f3d1bf38ab67 ? html/flexbox_nested-flex.htm de7cef3ac7399c36bde0844a90755fafb9ae75a5 ? xhtml1/flexbox_nested-flex.xht de7cef3ac7399c36bde0844a90755fafb9ae75a5 ? html/flexbox_object.htm 5b8622fb8a69aa78e7cb37ccaa7af3be17c742cb ? @@ -1147,8 +1141,8 @@ html/flexbox_order-abspos-space-around.htm bd6d487a106559771331579297b95acbfb6a8 xhtml1/flexbox_order-abspos-space-around.xht bd6d487a106559771331579297b95acbfb6a8577 ? html/flexbox_order-box.htm 47ed809b00402ab4408062ec191e53f6da3e9f97 ? xhtml1/flexbox_order-box.xht 47ed809b00402ab4408062ec191e53f6da3e9f97 ? -html/flexbox_order-noninteger-invalid.htm 1f672e31cf0d8647407d63e3fa67aec0149be5bd ? -xhtml1/flexbox_order-noninteger-invalid.xht 1f672e31cf0d8647407d63e3fa67aec0149be5bd ? +html/flexbox_order-noninteger-invalid.htm cb761f3308f054a7cd5d1ec75954abcfe5e486d6 ? +xhtml1/flexbox_order-noninteger-invalid.xht cb761f3308f054a7cd5d1ec75954abcfe5e486d6 ? html/flexbox_order.htm d345977eb697f0d70940b814f7aa1414434b9722 ? xhtml1/flexbox_order.xht d345977eb697f0d70940b814f7aa1414434b9722 ? html/flexbox_rowspan-overflow-automatic.htm fc0765593c796aadb31bf2941c832e30abd3b3f4 ? @@ -1157,14 +1151,14 @@ html/flexbox_rowspan-overflow.htm e890f105eb21884b8e6cf2ec49631885b6e0b19a ? xhtml1/flexbox_rowspan-overflow.xht e890f105eb21884b8e6cf2ec49631885b6e0b19a ? html/flexbox_rowspan.htm cbdc9b8fb06e07f2dbda75a6040b7f72af6d2d39 ? xhtml1/flexbox_rowspan.xht cbdc9b8fb06e07f2dbda75a6040b7f72af6d2d39 ? -html/flexbox_rtl-direction.htm 1e49c609fac138ef2cf55a176496f38a4d1ae94d ? -xhtml1/flexbox_rtl-direction.xht 1e49c609fac138ef2cf55a176496f38a4d1ae94d ? -html/flexbox_rtl-flow-reverse.htm 26b91c4a0460efceb73d731a90128bfeac237cd5 ? -xhtml1/flexbox_rtl-flow-reverse.xht 26b91c4a0460efceb73d731a90128bfeac237cd5 ? -html/flexbox_rtl-flow.htm b7f45ac17ad8b78c5a018da62d670538eebbc6ab ? -xhtml1/flexbox_rtl-flow.xht b7f45ac17ad8b78c5a018da62d670538eebbc6ab ? -html/flexbox_rtl-order.htm 79d4af59c7ded9606e082e8206e947788adf6a79 ? -xhtml1/flexbox_rtl-order.xht 79d4af59c7ded9606e082e8206e947788adf6a79 ? +html/flexbox_rtl-direction.htm 0c040b5e2e2ab9b79d1b20be0b2cf01c5929ae15 ? +xhtml1/flexbox_rtl-direction.xht 0c040b5e2e2ab9b79d1b20be0b2cf01c5929ae15 ? +html/flexbox_rtl-flow-reverse.htm 97d6975321ffae724dcbf842e2c45ce755988d01 ? +xhtml1/flexbox_rtl-flow-reverse.xht 97d6975321ffae724dcbf842e2c45ce755988d01 ? +html/flexbox_rtl-flow.htm df3787b159e0abba17c8e09947da4366e176f70c ? +xhtml1/flexbox_rtl-flow.xht df3787b159e0abba17c8e09947da4366e176f70c ? +html/flexbox_rtl-order.htm 4090c6d3a340952217f101b03d8ad2f93f9acfe4 ? +xhtml1/flexbox_rtl-order.xht 4090c6d3a340952217f101b03d8ad2f93f9acfe4 ? html/flexbox_stf-abspos.htm e24fd8fe7d5bb6185a8c3d779c5197f0ca812d80 ? xhtml1/flexbox_stf-abspos.xht e24fd8fe7d5bb6185a8c3d779c5197f0ca812d80 ? html/flexbox_stf-fixpos.htm 033527b57604643b6c44febdccd54cd5a8a07007 ? @@ -1267,18 +1261,18 @@ html/justify-content_space-around.htm 57a89c6dbe40a6e198eaa4ef06afbc6cfaa1c6ce ? xhtml1/justify-content_space-around.xht 57a89c6dbe40a6e198eaa4ef06afbc6cfaa1c6ce ? html/justify-content_space-between.htm 272c283b96980803e385bd33b6eef2e145c63267 ? xhtml1/justify-content_space-between.xht 272c283b96980803e385bd33b6eef2e145c63267 ? -html/multi-line-wrap-reverse-column-reverse.htm c68df3dba4a3f36ad584bcc5bcbe0191153b6c82 ? -xhtml1/multi-line-wrap-reverse-column-reverse.xht c68df3dba4a3f36ad584bcc5bcbe0191153b6c82 ? +html/multi-line-wrap-reverse-column-reverse.htm cf5398c349ce875045d9a8f193db6b2c45057e3d ? +xhtml1/multi-line-wrap-reverse-column-reverse.xht cf5398c349ce875045d9a8f193db6b2c45057e3d ? html/multi-line-wrap-reverse-row-reverse.htm 603856a322bbc0eaefcb6334b0a883e713d5def6 ? xhtml1/multi-line-wrap-reverse-row-reverse.xht 603856a322bbc0eaefcb6334b0a883e713d5def6 ? -html/multi-line-wrap-with-column-reverse.htm 831fe2b271b86a9746f8e6ac2bbc998c0bbb0503 ? -xhtml1/multi-line-wrap-with-column-reverse.xht 831fe2b271b86a9746f8e6ac2bbc998c0bbb0503 ? +html/multi-line-wrap-with-column-reverse.htm 02ac708366bcef7fcae636d92dc00b0162aa859c ? +xhtml1/multi-line-wrap-with-column-reverse.xht 02ac708366bcef7fcae636d92dc00b0162aa859c ? html/multi-line-wrap-with-row-reverse.htm c57b9d0f1fdda471b9c1a27f6fb6e34173938767 ? xhtml1/multi-line-wrap-with-row-reverse.xht c57b9d0f1fdda471b9c1a27f6fb6e34173938767 ? html/order-001.htm 04b5480a5e5ed8d047c97faee2ca8d8d2e450ca5 ? xhtml1/order-001.xht 04b5480a5e5ed8d047c97faee2ca8d8d2e450ca5 ? -html/order-with-column-reverse.htm 4b46a5ecdd86862155091ee385b111da2246d8b6 ? -xhtml1/order-with-column-reverse.xht 4b46a5ecdd86862155091ee385b111da2246d8b6 ? +html/order-with-column-reverse.htm 781edf3b64de42acf2ac3b923cf7d8ca515f0501 ? +xhtml1/order-with-column-reverse.xht 781edf3b64de42acf2ac3b923cf7d8ca515f0501 ? html/order-with-row-reverse.htm 379d0daab60067a9fb6157277ec463b4ac66a1f1 ? xhtml1/order-with-row-reverse.xht 379d0daab60067a9fb6157277ec463b4ac66a1f1 ? html/order_value.htm f5d773d782a1400c848d447eab95274ed8b8fbb2 ? @@ -1297,8 +1291,8 @@ html/ttwf-reftest-flex-align-content-center.htm 70cf594ac3554827c881644aaa1d2824 xhtml1/ttwf-reftest-flex-align-content-center.xht 70cf594ac3554827c881644aaa1d282400d9275f ? html/ttwf-reftest-flex-align-content-end.htm e7b3fdf1d85f5ac349d8aad09401290e1f371359 ? xhtml1/ttwf-reftest-flex-align-content-end.xht e7b3fdf1d85f5ac349d8aad09401290e1f371359 ? -html/ttwf-reftest-flex-align-content-space-around.htm 219df9e7930f458af4acceb5e3e99859e033ab85 ? -xhtml1/ttwf-reftest-flex-align-content-space-around.xht 219df9e7930f458af4acceb5e3e99859e033ab85 ? +html/ttwf-reftest-flex-align-content-space-around.htm 985fb0b70cedd2f698c42f3471dd6b93e9a0c4f4 ? +xhtml1/ttwf-reftest-flex-align-content-space-around.xht 985fb0b70cedd2f698c42f3471dd6b93e9a0c4f4 ? html/ttwf-reftest-flex-align-content-space-between.htm 3913f63bb373edde072e12c44a2211830cd4f1d7 ? xhtml1/ttwf-reftest-flex-align-content-space-between.xht 3913f63bb373edde072e12c44a2211830cd4f1d7 ? html/ttwf-reftest-flex-align-content-start.htm d9579a3b26825e87897486a6e98d115d67e3e56e ? @@ -1309,10 +1303,12 @@ html/ttwf-reftest-flex-direction-column-reverse.htm dd7661f0825e7ffc18333899ba88 xhtml1/ttwf-reftest-flex-direction-column-reverse.xht dd7661f0825e7ffc18333899ba88a572498717e9 ? html/ttwf-reftest-flex-direction-column.htm 728c353144e523d1a5a723816705922e0c6c1e76 ? xhtml1/ttwf-reftest-flex-direction-column.xht 728c353144e523d1a5a723816705922e0c6c1e76 ? -html/ttwf-reftest-flex-direction-row-reverse.htm 5cf3a7c461178c681be521423a82e0878a80c275 ? -xhtml1/ttwf-reftest-flex-direction-row-reverse.xht 5cf3a7c461178c681be521423a82e0878a80c275 ? -html/ttwf-reftest-flex-order.htm 20966eb34dbe8f0b6a907a7ecb417d8b3cafdbcf ? -xhtml1/ttwf-reftest-flex-order.xht 20966eb34dbe8f0b6a907a7ecb417d8b3cafdbcf ? +html/ttwf-reftest-flex-direction-row-reverse.htm 9098f8056ac9c5fc7f7633548358c81fedb3f8c8 ? +xhtml1/ttwf-reftest-flex-direction-row-reverse.xht 9098f8056ac9c5fc7f7633548358c81fedb3f8c8 ? +html/ttwf-reftest-flex-inline.htm 76e35eb42afbf4c59d4f5a940e0df33746514690 ? +xhtml1/ttwf-reftest-flex-inline.xht 76e35eb42afbf4c59d4f5a940e0df33746514690 ? +html/ttwf-reftest-flex-order.htm 044ded9f226cb84a3c9732056aea49c46c181e2f ? +xhtml1/ttwf-reftest-flex-order.xht 044ded9f226cb84a3c9732056aea49c46c181e2f ? html/ttwf-reftest-flex-wrap-reverse.htm ed8cc9b7b77eccf97ceba22b903b26ae3aa38e09 ? xhtml1/ttwf-reftest-flex-wrap-reverse.xht ed8cc9b7b77eccf97ceba22b903b26ae3aa38e09 ? html/ttwf-reftest-flex-wrap.htm 6711a164362418be2fcd9c0212837ddd96134a16 ? diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data b/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data index 8ba7920e50c..f497f754f19 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data +++ b/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data @@ -14,7 +14,7 @@ align-content_stretch align-content_stretch http://www.w3.org/TR/css-flexbox-1 align-items-001 reference/align-content-001-ref A flex container with the 'align-items' property set to 'center' http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 4ec90267d588987280f145d8df8ac6f061999258 `Microsoft`<http://www.microsoft.com/> This test checks that the flex container with 'align-items: center' centers each flex item's margin box in the cross-axis of its line. align-items-002 reference/align-content-001-ref A flex container with the 'align-items' property set to 'flex-start' http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items ba2dfa0b337d281eb321868358df2435c600506b `Microsoft`<http://www.microsoft.com/> This test checks that the flex container with 'align-items: flex-start' places each flex item's margin box flush with the cross-start edge of line. align-items-003 reference/align-content-001-ref A flex container with the 'align-items' property set to 'flex-end' http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 0864a7e2510be86698e7eafc6c3853f7e3448596 `Microsoft`<http://www.microsoft.com/> This test checks that the flex container with 'align-items: flex-end' places each flex item's margin box flush with the cross-end edge of line. -align-items-004 reference/align-content-001-ref A flex container with the 'align-items' property set to 'baseline' ahem http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items 6de835b5ff8ccff198294837a175ecf36ee1371e `Microsoft`<http://www.microsoft.com/> This test checks that the flex container with 'align-items: baseline' places each flex item's margin box so that their baselines align. +align-items-004 reference/align-content-001-ref A flex container with the 'align-items' property set to 'baseline' ahem http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items a2ade60ce94bb9608abdcdb10affbbe2b6ba0637 `Microsoft`<http://www.microsoft.com/> This test checks that the flex container with 'align-items: baseline' places each flex item's margin box so that their baselines align. align-items-005 reference/align-content-001-ref A flex container with the 'align-items' property set to 'stretch' http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-items aa76f8315736ed389b671e843e2bff79d9642d16 `Microsoft`<http://www.microsoft.com/> This test checks that the flex container with 'align-items: stretch' places each flex item's margin box so that its cross size is the same as the cross size of the line. align-self-001 reference/ref-filled-green-100px-square align-self - flex-start http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 0cc4990fc47d11d97de1460c7229b2a9ae83854e `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'align-self' property set 'flex-start' aligns the flex items to the start edge of cross axis align-self-002 reference/ref-filled-green-100px-square align-self - flex-end http://www.w3.org/TR/css-flexbox-1/#align-items-property,http://www.w3.org/TR/css-flexbox-1/#propdef-align-self 76ff8530ed54bf734655e7b061bda90fe575da6a `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'align-self' property set 'flex-end' aligns the flex items to the end edge of cross axis @@ -46,21 +46,21 @@ autoheight-regions-in-fixed-sized-flexbox-006 reference/autoheight-regions-in-fi autoheight-regions-in-fixed-sized-flexbox-007 reference/autoheight-regions-in-fixed-sized-flexbox-007-ref CSS Regions: auto-height regions inside fixed sized flexbox ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm b75064d6dba2fdb2cce5aa33d34a026e27edc344 `Catalin Badea`<mailto:badea@adobe.com> Test that using the flex-basis property sizes the flex items to a percentage of the flex container's height when said items are auto-height regions. The last region, the outside the flex container should not be visible. autoheight-regions-in-fixed-sized-flexbox-008 reference/autoheight-regions-in-fixed-sized-flexbox-008-ref CSS Regions: auto-height regions with max height in fixed sized flexbox ahem http://www.w3.org/TR/css3-regions/#rfcb-flow-fragment-height-resolution,http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm ea64b7e570b77e26c14667899a6f07be7629a859 `Catalin Badea`<mailto:badea@adobe.com> Test that the max-height property is applied to regions placed inside a fixed sized flexbox with a column flow. The flex container should not flex the region flex items beyond their max height value. column-flexbox-break reference/column-flexbox-break-ref CSS Regions: fragmenting a flex container with column flow ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#flex-containers,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 447d07932ea88069d2350bf6201a4f4b8261ea21 `Catalin Badea`<mailto:badea@adobe.com> Test checks that a flex container with column flow is fragmented between regions. -css-box-justify-content reference/css-box-justify-content-ref flexbox |css-box-justufy-content http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 16dde2bb8fde7d77358127c179586c543fb5441c `xiaoxia`<ava656094@gmail.com> +css-box-justify-content reference/css-box-justify-content-ref flexbox |css-box-justify-content http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 3c9fbcfcc69b063efc377e05a4dc3d3068c80be7 `xiaoxia`<ava656094@gmail.com> css-flexbox-column reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 2e5bf4ca2fcfceb11ea7a14828ed53b096385155 `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical. css-flexbox-column-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow a4226108be2f0af901413339910960676e0aeab3 `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column, the flex container is vertical. css-flexbox-column-reverse-wrap reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 8c9461d7bb8e46a2173f6651e3596f1ea0650e94 `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column wrap, the flex container is vertical. -css-flexbox-column-reverse-wrap-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow d38b70360a7799e70ca707646a606c038c899013 `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical. +css-flexbox-column-reverse-wrap-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 151160ed3d2ad2d58e598e4b1027bbc483dcc957 `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical. css-flexbox-column-wrap reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 81bfe00b93f428cb9c18db56c7403d4b3fa8423e `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column wrap, the flex container is vertical. -css-flexbox-column-wrap-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 110b7c270b5e15c253d57db831c76009af42141d `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical. +css-flexbox-column-wrap-reverse reference/css-flexbox-column-ref flex direction: row http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 7a03ee23187886a90b8d25cf2f83ea452454b769 `Naoki Okada`<mailto:somathor@gmail.com> Test checks that when writing mode is vertical and flex-flow: column wrap-reverse, the flex container is vertical. css-flexbox-height-animation-stretch reference/css-flexbox-height-animation-stretch-ref Items stretch correctly while content is animating http://www.w3.org/TR/css-flexbox-1/#propdef-align-items c0ec675efc75f1316a44fd2ab919ba9001af8b79 `Micky Brunetti`<mailto:micky2be@gmail.com> Items should stretch vertically in all time -css-flexbox-img-expand-evenly reference/css-flexbox-img-expand-evenly-ref Image Expansion http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 5112d07ce834249f41852096719e363804b80059 `Eiji Kitamura`<mailto:agektmr@gmail.com> 3 square images fill out border. -css-flexbox-row reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode c2fdd1f935ea17ca5c3ef860a2b39c9040c2b032 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical. -css-flexbox-row-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 7d6c951b7d2a9a20aec2dae97cf647a7542fd97c `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse, the flex container is vertical. -css-flexbox-row-reverse-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 45362cab6ef4ccddc48442ef7c30cfdbc4d7b68f `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse wrap, the flex container is vertical. -css-flexbox-row-reverse-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode ae71f495e9b7a0b872b7404e8d13546220a99b9c `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse wrap-reverse, the flex container is vertical. -css-flexbox-row-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 406a4ac39fbf0910cc734e4fa2c2d95d441cbf2a `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical. -css-flexbox-row-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 3de913d4d90d2452743b0b92d15a212215e1db4a `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row wrap-reverse, the flex container is vertical. +css-flexbox-img-expand-evenly reference/css-flexbox-img-expand-evenly-ref Image Expansion http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 8a74bbc2ba16b660e1a0db83344e4c886f12a6a8 `Eiji Kitamura`<mailto:agektmr@gmail.com> 3 rectangular images fill out border. +css-flexbox-row reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 2095a3cec191a88ee70b6fa4f9186cc94aba326b `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical. +css-flexbox-row-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 0cc3d0f04358dfedc826c7185067510092468290 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse, the flex container is vertical. +css-flexbox-row-reverse-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode af5da24a6d34f820f9208e2d02eecedc044a7859 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse wrap, the flex container is vertical. +css-flexbox-row-reverse-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 01014629935eb4a0926836e06888db388ed75ff7 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse wrap-reverse, the flex container is vertical. +css-flexbox-row-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 0ea199bc95c19bfdd73497a22bf49819b4b23d59 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical. +css-flexbox-row-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode a317095a9cf1aa23dfdc9105c21f7567b4dde075 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row wrap-reverse, the flex container is vertical. css-flexbox-test1 reference/css-flexbox-test1-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow ec7b52168d5d6bd0ea658e5dfa74df6fa1932dd4 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical. display-flex-001 reference/align-content-001-ref An element with the 'display' property set to 'flex' establishes a new block-level flex container http://www.w3.org/TR/css-flexbox-1/#flex-containers b28bb6c80284c5d838f0fd137133c592e214031d `Microsoft`<http://www.microsoft.com/> This test checks that an element with 'display' property set to 'flex' establishes a new block-level flex container. display_flex_exist display_flex dom,script http://www.w3.org/TR/css-flexbox-1/#flex-containers d3b1b0e42faf6629b7df76679260d7f6fdb89ca3 `Intel`<http://www.intel.com> Check if the web engine can indenfy the display value flex. @@ -69,7 +69,7 @@ flex-001 reference/justify-content-001-ref The 'flex' shorthand adjusting the 'f flex-002 reference/justify-content-001-ref The 'flex' shorthand adjusting the 'flex-shrink' sub-property http://www.w3.org/TR/css-flexbox-1/#flex-property 5eef65fc72a6f76892ec7c3e1502ace587d400e8 `Microsoft`<http://www.microsoft.com/> This test checks that the flex shrink factor is multiplied by the flex base size when distributing negative space. flex-003 reference/justify-content-001-ref Comparing two different elements using different values for the 'flex-grow' sub-property on the 'flex' shorthand http://www.w3.org/TR/css-flexbox-1/#flex-property aa083c3c37e6ccf91569adfb76e7fbfd26af5cf0 `Microsoft`<http://www.microsoft.com/> This test checks that the flex items with a different flex grow factor have different flexibilities. flex-004 reference/justify-content-001-ref Comparing two different elements using different values for the 'flex-shrink' sub-property on the 'flex' shorthand http://www.w3.org/TR/css-flexbox-1/#flex-property eacca20d92c3fd3ae90aa6531733d8112ea48f07 `Microsoft`<http://www.microsoft.com/> This test checks that the flex items with a different flex shrink factor have different flexibilities. -flex-align-items-center reference/flex-align-items-center-ref CSS Flex-basis Test http://www.w3.org/TR/css-flexbox-1/#alignment 46d2eaf879b0bbd16437e1092096a891ef98cf47 `Chunsheng Zhang`<mailto:zhangcs_423@163.com> flex items center +flex-align-items-center reference/flex-align-items-center-ref CSS Flex-basis Test http://www.w3.org/TR/css-flexbox-1/#alignment b0c25464d925ac14a19de215685135c15a2b4540 `Chunsheng Zhang`<mailto:zhangcs_423@163.com> flex items center flex-basis-001 reference/ref-filled-green-100px-square flex-basis - positive number http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis cf4c8932cb4704bae235021bc2c0bde3e94bf71d `http://www.intel.com`<Intel>,`mailto:shiyoux.tan@intel.com`<Intel> The 'flex-basis' property set positive number, the actual value of test element size is same as the positive number flex-basis-002 reference/ref-filled-green-100px-square flex-basis - positive number http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis bd0b95ddbaf7caf8595c5f24cdb25e24f8312f0e `http://www.intel.com`<Intel>,`mailto:shiyoux.tan@intel.com`<Intel> The 'flex-basis' property specified correct value, the actual value of test element size is same as to the value of 'flex-basis' property, and the 'width' property is invalid. flex-basis-003 reference/ref-filled-green-100px-square flex-basis - negative number(width not specified) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis 75bc5a47afacb6416a93c6eb0fd876c4ad288f76 `http://www.intel.com`<Intel>,`mailto:shiyoux.tan@intel.com`<Intel> The 'flex-basis' property set negative number, the tested element is not shown when width not set either. @@ -92,7 +92,7 @@ flex-direction_column-reverse flex-direction_column-reverse http://www.w3.org/ flex-direction_row flex-direction_row http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 83c729ef6a0f2fb5c317dd507b2d9fe31316488e `Intel`<http://www.intel.com> Check if the web engine can identify the flex-direction value row. flex-direction_row-reverse flex-direction_row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 3006570651d466202f7d917cd152312730b9edd8 `Intel`<http://www.intel.com> Check if the web engine can identify the flex-direction value row-reverse. flex-flexitem-childmargin reference/flex-flexitem-childmargin-ref flex item child margin http://www.w3.org/TR/css-flexbox-1/#flex-items e502bf18a14c3bc4fa3ae2485df64c679162ac42 `shaofeic`<csf178@gmail.com> margin should effect the orange box and green box need to align to bottom. -flex-flexitem-percentage-prescation reference/flex-flexitem-percentage-prescation-ref flex item size prescation http://www.w3.org/TR/css-flexbox-1/#flex-items 3f2168e9d0e1d45b9e6b363febe37e8c5236ac67 `shaofeic`<csf178@gmail.com> no blue color could be seen. +flex-flexitem-percentage-prescation reference/flex-flexitem-percentage-prescation-ref flex item size prescation http://www.w3.org/TR/css-flexbox-1/#flex-items 8d37a361c029bcb07faf82e3f172f1d4ec7bb785 `shaofeic`<csf178@gmail.com> no blue color could be seen. flex-flow-001 reference/flex-flow-001-ref flex-flow - row nowrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 2b6fb9a06aaa67cd288e4250a76bbc9aaea44a14 `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'flex-flow' property set 'row nowrap' controls the flex container is single-line flex-flow-002 reference/flex-flow-002-ref flex-flow - row wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 20995419ed10209f06aac780744ad9080e6cc280 `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'flex-flow' property set 'row wrap' controls the flex container is multi-line flex-flow-003 reference/flex-flow-002-ref flex-flow - row wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 28dc1f2443f81ac364e9fa6fc3975eee67e90248 `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'flex-flow' property set 'row wrap-reverse' controls the flex container is multi-line but the cross-start and cross-end directions are swapped @@ -111,7 +111,7 @@ flex-grow-003 reference/ref-filled-green-100px-square flex-grow - negative numbe flex-grow-004 reference/ref-filled-green-100px-square flex-grow - (invalid when no space distributed) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 8e5211f94c12ebe0f7e248721b724d32dda4ce1e `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'flex-grow' property is invalid when the flex container has no space distributed. flex-grow-005 reference/ref-filled-green-100px-square flex-grow - (invalid when applied to flex container) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 5786ab49011d6f7284919bd24df40f082c55e64d `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'flex-grow' property is invalid when the property applied to flex container. flex-grow-006 reference/ref-filled-green-100px-square flex-grow - positive number(fill all space) http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow f8b3290012a57cf47c520f716c3c50a4e02eba55 `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that all space of flex container will be filled when there is only one flex item and 'flex-grow' set any positive number. -flex-items-flexibility reference/flex-items-flexibility CSS Flex-basis Test http://www.w3.org/TR/css-flexbox-1/#flexibility 6bada7cc61f1b3adac7354992455b59cff76478e `Chunsheng Zhang`<mailto:zhangcs_423@163.com> flex items flexibility +flex-items-flexibility reference/flex-items-flexibility CSS Flex-basis Test http://www.w3.org/TR/css-flexbox-1/#flexibility ae727206300ecb1f3e5b155a9288be0be61f52b2 `Chunsheng Zhang`<mailto:zhangcs_423@163.com> flex items flexibility flex-margin-no-collapse reference/flex-margin-no-collapse-ref flex item margins http://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction,http://www.w3.org/TR/css-flexbox-1/#item-margins 96231d68de1fe051b06e793d659a813a53a91ed9 `Ping Huang`<mailto:phuangce@gmail.com> The vertical gap between two green boxs should be 100px. flex-minimun-height-flex-items-001 reference/ref-filled-green-100px-square Minimun height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto 605b08c7906eba5ed79720f2399103205a138218 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun height for flex items is the min-content size. flex-minimun-height-flex-items-002 reference/ref-filled-green-100px-square Minimun height of flex items http://www.w3.org/TR/css-flexbox-1/#min-size-auto fb81ee347c99fde166c84ec223256317f0a54a41 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> Checks that minimun height for flex items is the specified size if it's smaller than the min-content size. @@ -358,23 +358,23 @@ flexbox_computedstyle_flex-direction-column-reverse flexbox | computed style | flexbox_computedstyle_flex-direction-invalid flexbox | computed style | flex-direction: row dom http://www.w3.org/TR/css-flexbox-1/#flex-direction b096ae197ef5e36455b3aa8ff5ecc79886f6c52d `Opera Software`<http://opera.com> flexbox_computedstyle_flex-direction-row flexbox | computed style | flex-direction: row dom http://www.w3.org/TR/css-flexbox-1/#flex-direction 465c68e1fd4e64b39e76943b0b7ad7d96a443841 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-direction-row-reverse flexbox | computed style | flex-direction: row-reverse dom http://www.w3.org/TR/css-flexbox-1/#flex-direction 8d4493c084b32f03266f890b0608afd0917cfcfc `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column flexbox | computed style | flex-flow: column dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column ef9f6bc6246ee34178b215f4492ccd72fbd1da91 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-nowrap flexbox | computed style | flex-flow: column nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column,http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap 359ac2c2a647cfea137bc216250eb318d16a9187 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-reverse flexbox | computed style | flex-flow: column-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse f089964e4b358ebba66d169d5b695523968a7bb5 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-reverse-nowrap flexbox | computed style | flex-flow: column-reverse nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap ad2effa806590b36d9c5349198ab661cc0d94d81 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-reverse-wrap flexbox | computed style | flex-flow: column-reverse wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap 015b7532aa7c595d685ea092893b04aea5bcb9e8 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-wrap flexbox | computed style | flex-flow: column wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap 71787aa7701211b2730675a60e258f284573b391 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-column-wrap-reverse flexbox | computed style | flex-flow: column wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse 1b96b4db7cc1dc30ffe4e79c4ad1e230d328a41c `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-nowrap flexbox | computed style | flex-flow: nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap 742872f107b7e28d36ccdd00d57af705d561362d `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row flexbox | computed style | flex-flow: row dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row ab69bcad87b3ed66c2b8f377b18ee95cd647e7d1 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-nowrap flexbox | computed style | flex-flow: row nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row,http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap 54b563633e1e28a42aecde2a4d2bc4379f2de0fb `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-reverse flexbox | computed style | flex-flow: row-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse 8af1cb92a885515647c49fa331ddbc91a35d157e `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-reverse-nowrap flexbox | computed style | flex-flow: row-reverse nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap c452b89efa6e2b12ef52e08ecea18f94a076fdf1 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-reverse-wrap flexbox | computed style | flex-flow: row-reverse wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap 5ea1a4cb4d86a704a5b4841d4486713165c0031e `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse flexbox | computed style | flex-flow: row-reverse wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse a91258a18c62d35ba28b33a691a857dc590f5c5a `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-wrap flexbox | computed style | flex-flow: row wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap cb822687a33313a012e7d1c130d374cf2d1ed62e `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-row-wrap-reverse flexbox | computed style | flex-flow: row wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-row,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse bacc4933cd88efd4746ee6128986786ff52e35d5 `Opera Software`<http://opera.com> -flexbox_computedstyle_flex-flow-wrap flexbox | computed style | flex-flow: wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap 79f711e5e8f7fdf790ca04f23d86945da73ab7f4 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column flexbox | computed style | flex-flow: column dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column 713e4d8b0cc98d64c34e2541ff6343a3ae28b24d `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-nowrap flexbox | computed style | flex-flow: column nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 3977c478ddb26703dd9deb82e82255cb103deec6 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-reverse flexbox | computed style | flex-flow: column-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse 6dcee51bc841b62093dea1bc396d7727d6e108fe `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-reverse-nowrap flexbox | computed style | flex-flow: column-reverse nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 8ca37aa465bc3f743a7dba45aeff1b6d0c9579b0 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-reverse-wrap flexbox | computed style | flex-flow: column-reverse wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 784f9a9d00954ba675f9cf2b993bc536f16916fe `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-wrap flexbox | computed style | flex-flow: column wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap f72610177758218a6493cf22cb96787f23f56341 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-column-wrap-reverse flexbox | computed style | flex-flow: column wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse bb0884f75d50052ebc5dd12835e28eff6ac80038 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-nowrap flexbox | computed style | flex-flow: nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 72295885e0fb14d2d3c6aa87f7175825542001f7 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row flexbox | computed style | flex-flow: row dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row 33c7e9474d83f1d1613ac4b2dc0010cdcb003d5d `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-nowrap flexbox | computed style | flex-flow: row nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap d411b9be2d00b359da9fc1616f619eadec48c4a5 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-reverse flexbox | computed style | flex-flow: row-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse f8fab15302d722bf44f7a7e3feb33bb42757c4c2 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-reverse-nowrap flexbox | computed style | flex-flow: row-reverse nowrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap 3ed9025f65ec9a9d321e15ed4f965b6b8c9e5853 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-reverse-wrap flexbox | computed style | flex-flow: row-reverse wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap a61f3c0001e0ad4d8e98d427e78a02455abc09bd `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse flexbox | computed style | flex-flow: row-reverse wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 4c3f2b813f6e8e0fa6e1c7f3f67201c4f0709afd `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-wrap flexbox | computed style | flex-flow: row wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 9c36f816fc74472766c17f57e0ae133afca15ccd `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-row-wrap-reverse flexbox | computed style | flex-flow: row wrap-reverse dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 32e8ba672ec87c0e84dd0f27e46d4d7b90de8ee2 `Opera Software`<http://opera.com> +flexbox_computedstyle_flex-flow-wrap flexbox | computed style | flex-flow: wrap dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap 76fe127a0c9bec9881983a9969e703c05fd069ba `Opera Software`<http://opera.com> flexbox_computedstyle_flex-grow-0 flexbox | computed style | flex-grow: 0 dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 0d31e588261dbee89d706fa5ad4e7c972b28a4c2 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-grow-invalid flexbox | computed style | flex-grow: negative dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow a7b47c4479c35c736ed5aba7089da7b1f3dedbd9 `Opera Software`<http://opera.com> flexbox_computedstyle_flex-grow-number flexbox | computed style | flex-grow: number dom http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow 5242a9ccba365ad56b489ef924a99ef0eecb0a18 `Opera Software`<http://opera.com> @@ -406,7 +406,7 @@ flexbox_computedstyle_order-invalid flexbox | computed style | order: nonintege flexbox_computedstyle_order-negative flexbox | computed style | order: -1 dom http://www.w3.org/TR/css-flexbox-1/#propdef-order 0a911382a0fcb5d01a8ee62acf7de9789de5e4cd `Opera Software`<http://opera.com> flexbox_direction-column reference/flexbox_direction-column-ref flexbox | flex-direction: column http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 016ee30f42dcea1993ff8772b43f2783f358d30e `Opera Software`<http://opera.com> flexbox_direction-column-reverse reference/flexbox_direction-column-reverse-ref flexbox | flex-direction: column-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 0ac54595950e762ca7752f3dd9f87ecd17aee308 `Opera Software`<http://opera.com> -flexbox_direction-row-reverse reference/flexbox_direction-row-reverse-ref flexbox | flex-direction: row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 494b66430b84f041f8d792572a830d1e80b4f6fe `Opera Software`<http://opera.com> +flexbox_direction-row-reverse reference/flexbox_direction-row-reverse-ref flexbox | flex-direction: row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property f1320e1caafb090d6e0cbdc74c873f98dfea7d85 `Opera Software`<http://opera.com> flexbox_display reference/flexbox_display-ref flexbox | display error-handling http://www.w3.org/TR/css-flexbox-1/#flex-containers 429c145ce111df3e08fa2ff4f5692e56bc4bbb4d `Opera Software`<http://opera.com> flexbox_fbfc reference/flexbox_fbfc-ref flexbox | flex formatting context :: float intrusion http://www.w3.org/TR/css-flexbox-1/#flex-containers 5b33462ad18995d80f363daf64588ae2b06b1012 `Opera Software`<http://opera.com> flexbox_fbfc2 reference/flexbox_fbfc2-ref flexbox | flex formatting context :: float intrusion http://www.w3.org/TR/css-flexbox-1/#flex-containers 96924b6ce7df17a725dff73a27ec2baa994a6744 `Opera Software`<http://opera.com> @@ -505,7 +505,7 @@ flexbox_flex-N-N-Npercent reference/flexbox_flex-N-N-Npercent-ref flexbox | flex flexbox_flex-N-N-Npercent-shrink reference/flexbox_flex-N-N-Npercent-shrink-ref flexbox | flex: N N N% | shrinking http://www.w3.org/TR/css-flexbox-1/#flex-property f7fea5157a2d5d44e69ab1083598d8323c6fdfa4 `Opera Software`<http://opera.com> flexbox_flex-natural reference/flexbox_flex-natural-ref flexbox | flex: larger integer http://www.w3.org/TR/css-flexbox-1/#flex-common e5f2206a3e7bde2995ea9a2712e0395618cec2f9 `Opera Software`<http://opera.com> flexbox_flex-natural-mixed-basis reference/flexbox_flex-natural-mixed-basis-ref flexbox | flex: larger integer, mixed basis http://www.w3.org/TR/css-flexbox-1/#flex-basis-property aa956d1c13675e5b4872c65d15cb2eec96eb3d8e `Opera Software`<http://opera.com> -flexbox_flex-natural-mixed-basis-auto reference/flexbox_flex-natural-mixed-basis-auto-ref flexbox | flex: larger integer, mixed basis, auto http://www.w3.org/TR/css-flexbox-1/#flex-basis-property e92a27a4b8dcd6d86acf798d16ada443b742760f `Opera Software`<http://opera.com> +flexbox_flex-natural-mixed-basis-auto reference/flexbox_flex-natural-mixed-basis-auto-ref flexbox | flex: larger integer, mixed basis, auto http://www.w3.org/TR/css-flexbox-1/#flex-basis-property d51d054019bba36ae31354936ec17b47fe0e90f1 `Opera Software`<http://opera.com> flexbox_flex-natural-variable-auto-basis reference/flexbox_flex-natural-variable-auto-basis-ref flexbox | flex: larger integer, auto basis http://www.w3.org/TR/css-flexbox-1/#flex-basis-property 7755aa9d0584d1d4ecc9f25559916eabde034e06 `Opera Software`<http://opera.com> flexbox_flex-natural-variable-zero-basis reference/flexbox_flex-natural-variable-zero-basis-ref flexbox | flex: larger integer, zero basis http://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis 4ba06ffb647768427b03ff4236cd122499ed14d6 `Opera Software`<http://opera.com> flexbox_flex-none reference/flexbox_flex-none-ref flexbox | flex: none http://www.w3.org/TR/css-flexbox-1/#flex-common 2b468b57f1ba7761b333d2fea4637ad94516f3a4 `Opera Software`<http://opera.com> @@ -516,7 +516,6 @@ flexbox_flow-column-wrap-reverse reference/flexbox_flow-column-wrap-reverse-ref flexbox_flow-row-wrap reference/flexbox_flow-row-wrap-ref flexbox | flex-flow: row wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow 4339f96b8767fb59553404d641bf1a7a899f299b `Opera Software`<http://opera.com> flexbox_flow-row-wrap-reverse reference/flexbox_flow-row-wrap-reverse-ref flexbox | flex-flow: row wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow b28edd15c50b0467f0c2e32dc703261e81d690c2 `Opera Software`<http://opera.com> flexbox_generated reference/flexbox_generated-ref flexbox | flexcontainer vs generated content http://www.w3.org/TR/css-flexbox-1/#flex-container 4570a214569e4838440ab3272b9ccd40a8bf26cb `Opera Software`<http://opera.com> -flexbox_generated-container reference/flexbox_generated-container-ref flexbox | flexcontainer vs generated content http://www.w3.org/TR/css-flexbox-1/#flex-container 0ca130877ef2b8b367b57ff6b389325f28098ce2 `Opera Software`<http://opera.com> flexbox_generated-flex reference/flexbox_generated-flex-ref flexbox | flexcontainer via generated content http://www.w3.org/TR/css-flexbox-1/#flex-container 9757b85f200e0b9db067b1fd57c55500bd2c4114 `Opera Software`<http://opera.com> flexbox_generated-nested-flex reference/flexbox_generated-flex-ref flexbox | flexcontainer via generated content http://www.w3.org/TR/css-flexbox-1/#flex-container 923485dbc0a175039a27e86323be636703775ab1 `Opera Software`<http://opera.com> flexbox_inline reference/flexbox_inline-ref flexbox | inline http://www.w3.org/TR/css-flexbox-1/#flex-containers 447bdde9aed536a2bcc81a5dd78c8069f4836aa6 `Opera Software`<http://opera.com> @@ -565,21 +564,19 @@ flexbox_margin-auto-overflow reference/flexbox_margin-auto-overflow-ref flexbox flexbox_margin-auto-overflow-2 reference/flexbox_margin-auto-overflow-2-ref flexbox | margin: auto in overflow http://www.w3.org/TR/css-flexbox-1/#auto-margins 4254fbcce87139219739456302d94f8d2bd72768 `Opera Software`<http://opera.com> flexbox_margin-collapse reference/flexbox_margin-collapse-ref flexbox | flexitem margin collapsing http://www.w3.org/TR/css-flexbox-1/#visibility-collapse 6aa64150b93c317b76e5a43a41b62ca3c833b912 `Opera Software`<http://opera.com> flexbox_margin-left-ex reference/flexbox_margin-left-ex-ref flexbox | margin-left: auto http://www.w3.org/TR/css-flexbox-1/#item-margins a722372e89428c63ff1b99c432a679db1301041e `Opera Software`<http://opera.com> -flexbox_min-height-auto reference/flexbox_min-height-auto-ref flexbox | min-height: auto http://www.w3.org/TR/css-flexbox-1/#min-size-auto 0889d1aa107e2ebeb115d99a06b54b6c2f8b8357 `Opera Software`<http://opera.com> -flexbox_min-width-auto reference/flexbox_min-width-auto-ref flexbox | min-width: auto http://www.w3.org/TR/css-flexbox-1/#min-size-auto 4fbbe3bae0e6f9fc1e4f77303542f3d1bf38ab67 `Opera Software`<http://opera.com> flexbox_nested-flex reference/flexbox_generated-flex-ref flexbox | nested flexcontainer http://www.w3.org/TR/css-flexbox-1/#flex-containers de7cef3ac7399c36bde0844a90755fafb9ae75a5 `Opera Software`<http://opera.com> flexbox_object reference/flexbox_object-ref flexbox | object fallback as a flex item http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 5b8622fb8a69aa78e7cb37ccaa7af3be17c742cb `Opera Software`<http://opera.com> flexbox_order reference/flexbox_order-ref flexbox | flex-flow: column-reverse wrap-reverse; order http://www.w3.org/TR/css-flexbox-1/#propdef-order d345977eb697f0d70940b814f7aa1414434b9722 `Opera Software`<http://opera.com> flexbox_order-abspos-space-around reference/flexbox_order-abspos-space-around-ref flexbox | order; justify-content: space-around http://www.w3.org/TR/css-flexbox-1/#propdef-order bd6d487a106559771331579297b95acbfb6a8577 `Opera Software`<http://opera.com> flexbox_order-box reference/flexbox_order-box-ref flexbox | flex-flow: column-reverse wrap-reverse; order http://www.w3.org/TR/css-flexbox-1/#propdef-order 47ed809b00402ab4408062ec191e53f6da3e9f97 `Opera Software`<http://opera.com> -flexbox_order-noninteger-invalid reference/flexbox_empty-ref flexbox | flex-flow: column-reverse wrap-reverse; order http://www.w3.org/TR/css-flexbox-1/#propdef-order 1f672e31cf0d8647407d63e3fa67aec0149be5bd `Opera Software`<http://opera.com> +flexbox_order-noninteger-invalid reference/flexbox_empty-ref flexbox | flex-flow: column-reverse wrap-reverse; order http://www.w3.org/TR/css-flexbox-1/#propdef-order cb761f3308f054a7cd5d1ec75954abcfe5e486d6 `Opera Software`<http://opera.com> flexbox_rowspan reference/flexbox_rowspan-ref flexbox | flexcontainers in cells with rowspan http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap cbdc9b8fb06e07f2dbda75a6040b7f72af6d2d39 `Opera Software`<http://opera.com> flexbox_rowspan-overflow reference/flexbox_rowspan-ref flexbox | flexcontainers in cells with rowspan http://www.w3.org/TR/css-flexbox-1/#flex-property e890f105eb21884b8e6cf2ec49631885b6e0b19a `Opera Software`<http://opera.com> flexbox_rowspan-overflow-automatic reference/flexbox_rowspan-ref flexbox | flexcontainers in cells with rowspan http://www.w3.org/TR/css-flexbox-1/#flex-property fc0765593c796aadb31bf2941c832e30abd3b3f4 `Opera Software`<http://opera.com> -flexbox_rtl-direction reference/flexbox_rtl-direction-ref flexbox | flex-direction: column-reverse | rtl http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse 1e49c609fac138ef2cf55a176496f38a4d1ae94d `Opera Software`<http://opera.com> -flexbox_rtl-flow reference/flexbox_rtl-flow-ref flexbox | flex-flow: column wrap | rtl http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap b7f45ac17ad8b78c5a018da62d670538eebbc6ab `Opera Software`<http://opera.com> -flexbox_rtl-flow-reverse reference/flexbox_rtl-flow-reverse-ref flexbox | flex-flow: column wrap-reverse | rtl http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse 26b91c4a0460efceb73d731a90128bfeac237cd5 `Opera Software`<http://opera.com> -flexbox_rtl-order reference/flexbox_rtl-order-ref flexbox | flex-flow: column-reverse wrap-reverse; order | rtl http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse 79d4af59c7ded9606e082e8206e947788adf6a79 `Opera Software`<http://opera.com> +flexbox_rtl-direction reference/flexbox_rtl-direction-ref flexbox | flex-direction: column-reverse | rtl http://www.w3.org/TR/css-flexbox-1/#flex-direction,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse 0c040b5e2e2ab9b79d1b20be0b2cf01c5929ae15 `Opera Software`<http://opera.com> +flexbox_rtl-flow reference/flexbox_rtl-flow-ref flexbox | flex-flow: column wrap | rtl http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap df3787b159e0abba17c8e09947da4366e176f70c `Opera Software`<http://opera.com> +flexbox_rtl-flow-reverse reference/flexbox_rtl-flow-reverse-ref flexbox | flex-flow: column wrap-reverse | rtl http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 97d6975321ffae724dcbf842e2c45ce755988d01 `Opera Software`<http://opera.com> +flexbox_rtl-order reference/flexbox_rtl-order-ref flexbox | flex-flow: column-reverse wrap-reverse; order | rtl http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse,http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse 4090c6d3a340952217f101b03d8ad2f93f9acfe4 `Opera Software`<http://opera.com> flexbox_stf-abspos reference/flexbox_empty-ref flexbox | flexcontainer versus stf :: abspos http://www.w3.org/TR/css-flexbox-1/#flex-items e24fd8fe7d5bb6185a8c3d779c5197f0ca812d80 `Opera Software`<http://opera.com> flexbox_stf-fixpos flexbox | flexcontainer versus stf :: fixed http://www.w3.org/TR/css-flexbox-1/#flex-items 033527b57604643b6c44febdccd54cd5a8a07007 `Opera Software`<http://opera.com> flexbox_stf-float reference/flexbox_empty-ref flexbox | flexcontainer versus stf :: float http://www.w3.org/TR/css-flexbox-1/#flex-items 0159cfa2484cb57804d9cbe5362a0fc2eea3bad2 `Opera Software`<http://opera.com> @@ -631,12 +628,12 @@ justify-content_flex-end justify-content_flex-end http://www.w3.org/TR/css-fle justify-content_flex-start justify-content_flex-start http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content b2d8a2db40369225f983831fe7e3764ae9bd7a1e `Intel`<http://www.intel.com> Check if the web engine can indentify the justify-content value flex-start. justify-content_space-around justify-content_space-around http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 57a89c6dbe40a6e198eaa4ef06afbc6cfaa1c6ce `Intel`<http://www.intel.com> Check if the web engine can indentify the justy-content value space-around. justify-content_space-between justify-content_space-between http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content 272c283b96980803e385bd33b6eef2e145c63267 `Intel`<http://www.intel.com> Check if the web engine can indentify the justify-content value space-between. -multi-line-wrap-reverse-column-reverse reference/multi-line-wrap-reverse-column-reverse-ref flex container multiline wrapping-reverse in column-reverse direction. http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property c68df3dba4a3f36ad584bcc5bcbe0191153b6c82 `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container reverse-wraps blocks multiline in column-reverse direction. +multi-line-wrap-reverse-column-reverse reference/multi-line-wrap-reverse-column-reverse-ref flex container multiline wrapping-reverse in column-reverse direction. http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property cf5398c349ce875045d9a8f193db6b2c45057e3d `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container reverse-wraps blocks multiline in column-reverse direction. multi-line-wrap-reverse-row-reverse reference/multi-line-wrap-reverse-row-reverse-ref flex container multiline wrapping-reverse in row-reverse direction. http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 603856a322bbc0eaefcb6334b0a883e713d5def6 `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container reverse-wraps blocks multiline in row-reverse direction. -multi-line-wrap-with-column-reverse reference/multi-line-wrap-with-column-reverse-ref flex container multiline wrapping in column-reverse direction http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 831fe2b271b86a9746f8e6ac2bbc998c0bbb0503 `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container wraps blocks multiline in column-reverse direction. +multi-line-wrap-with-column-reverse reference/multi-line-wrap-with-column-reverse-ref flex container multiline wrapping in column-reverse direction http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 02ac708366bcef7fcae636d92dc00b0162aa859c `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container wraps blocks multiline in column-reverse direction. multi-line-wrap-with-row-reverse reference/multi-line-wrap-with-row-reverse-ref flex container multiline wrapping in row-reverse direction http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap,http://www.w3.org/TR/css-flexbox-1/#flex-direction-property c57b9d0f1fdda471b9c1a27f6fb6e34173938767 `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container wraps blocks multiline in row-reverse direction. order-001 The 'order' property on flex items set to a value of '-1' http://www.w3.org/TR/css-flexbox-1/#propdef-order 04b5480a5e5ed8d047c97faee2ca8d8d2e450ca5 `Microsoft`<http://www.microsoft.com/> This test checks that a flex container will lay out its content in the order specified by the ordinal groups. -order-with-column-reverse reference/order-with-column-reverse-ref flex container layout lowest order with column-reverse direction http://www.w3.org/TR/css-flexbox-1/#propdef-order 4b46a5ecdd86862155091ee385b111da2246d8b6 `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container layouts out its content starting with the lowest numbered ordinal group and going up with column-reverse direction. +order-with-column-reverse reference/order-with-column-reverse-ref flex container layout lowest order with column-reverse direction http://www.w3.org/TR/css-flexbox-1/#propdef-order 781edf3b64de42acf2ac3b923cf7d8ca515f0501 `tmtysk`<mailto:tmtysk@gmail.com> This test check that a flex container layouts out its content starting with the lowest numbered ordinal group and going up with column-reverse direction. order-with-row-reverse reference/order-with-row-reverse-ref flex container layout lowest order with row-reverse direction http://www.w3.org/TR/css-flexbox-1/#propdef-order 379d0daab60067a9fb6157277ec463b4ac66a1f1 `tmtysk`<tmtysk@gmail.com> This test check that a flex container layouts out its content starting with the lowest numbered ordinal group and going up with row-reverse direction. order_value order_check script http://www.w3.org/TR/css-flexbox-1/#propdef-order f5d773d782a1400c848d447eab95274ed8b8fbb2 `Intel`<http://www.intel.com> Check if the web engine can indentify order property. regions-flexbox-001 reference/regions-flexbox-001-ref CSS Regions: flowing flexbox elements in region http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#flex-containers 11164a17de38e44ba5a60371b8f6f0cde1d58870 `Catalin Badea`<mailto:badea@adobe.com> Test that flex containers are flowed inside a namedflow. @@ -646,14 +643,15 @@ regions-flexbox-004 reference/regions-flexbox-002-ref CSS Regions: fixed sized r row-flexbox-break reference/row-flexbox-break-ref CSS Regions: row flex container fragmentation ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-flexbox-1/#layout-algorithm,http://www.w3.org/TR/css-flexbox-1/#pagination 62eca80457772bbcd6ef028a809740a4671aaece `Catalin Badea`<mailto:badea@adobe.com> Test checks that a flex container with row flow is split between regions. ttwf-reftest-flex-align-content-center reference/ttwf-reftest-flex-align-content-center-ref align-content property - center http://www.w3.org/TR/css-flexbox-1/#align-content-property 70cf594ac3554827c881644aaa1d282400d9275f `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-align-content-end reference/ttwf-reftest-flex-align-content-end-ref align-content property - flex-end http://www.w3.org/TR/css-flexbox-1/#align-content-property e7b3fdf1d85f5ac349d8aad09401290e1f371359 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting -ttwf-reftest-flex-align-content-space-around reference/ttwf-reftest-flex-align-content-space-around-ref align-content property - space-around http://www.w3.org/TR/css-flexbox-1/#align-content-property 219df9e7930f458af4acceb5e3e99859e033ab85 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting +ttwf-reftest-flex-align-content-space-around reference/ttwf-reftest-flex-align-content-space-around-ref align-content property - space-around http://www.w3.org/TR/css-flexbox-1/#align-content-property 985fb0b70cedd2f698c42f3471dd6b93e9a0c4f4 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-align-content-space-between reference/ttwf-reftest-flex-align-content-space-between-ref align-content property - space-between http://www.w3.org/TR/css-flexbox-1/#align-content-property 3913f63bb373edde072e12c44a2211830cd4f1d7 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-align-content-start reference/ttwf-reftest-flex-align-content-start-ref align-content property - flex-start http://www.w3.org/TR/css-flexbox-1/#align-content-property d9579a3b26825e87897486a6e98d115d67e3e56e `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-base reference/ttwf-reftest-flex-base-ref display proprety - flex http://www.w3.org/TR/css-flexbox-1/#flex-containers 09cd8d806fdea0d80f53d47755e6142bc5949bad `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-direction-column reference/ttwf-reftest-flex-direction-column-ref flex-direction proprety - column http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 728c353144e523d1a5a723816705922e0c6c1e76 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-direction-column-reverse reference/ttwf-reftest-flex-direction-column-reverse-ref flex-direction proprety - column-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property dd7661f0825e7ffc18333899ba88a572498717e9 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting -ttwf-reftest-flex-direction-row-reverse reference/ttwf-reftest-flex-direction-row-reverse-ref flex-direction proprety - row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 5cf3a7c461178c681be521423a82e0878a80c275 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting -ttwf-reftest-flex-order reference/ttwf-reftest-flex-order-ref order proprety - value http://www.w3.org/TR/css-flexbox-1/#propdef-order 20966eb34dbe8f0b6a907a7ecb417d8b3cafdbcf `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting +ttwf-reftest-flex-direction-row-reverse reference/ttwf-reftest-flex-direction-row-reverse-ref flex-direction proprety - row-reverse http://www.w3.org/TR/css-flexbox-1/#flex-direction-property 9098f8056ac9c5fc7f7633548358c81fedb3f8c8 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting +ttwf-reftest-flex-inline reference/ttwf-reftest-flex-inline-ref display proprety - inline-flex http://www.w3.org/TR/css-flexbox-1/#valdef-display-inline-flex 76e35eb42afbf4c59d4f5a940e0df33746514690 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting +ttwf-reftest-flex-order reference/ttwf-reftest-flex-order-ref order proprety - value http://www.w3.org/TR/css-flexbox-1/#propdef-order 044ded9f226cb84a3c9732056aea49c46c181e2f `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-wrap reference/ttwf-reftest-flex-wrap-ref flex-wrap proprety - wrap http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap 6711a164362418be2fcd9c0212837ddd96134a16 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting ttwf-reftest-flex-wrap-reverse reference/ttwf-reftest-flex-wrap-reverse-ref flex-wrap proprety - wrap-reverse http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap ed8cc9b7b77eccf97ceba22b903b26ae3aa38e09 `haosdent`<mailto:haosdent@gmail.com> Statement describing what the test case is asserting visibility-collapse-001 A flex item with the 'visibility' property set to 'collapse' should not take up space in the main axis http://www.w3.org/TR/css-flexbox-1/#visibility-collapse e3a914d7e3c7ff2a5e898eaf67dff3041dda16fc `Microsoft`<http://www.microsoft.com/> This test checks that a flex item with 'visibility: collapse' doesn't take up space in the main axis. diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-004.xht index e6b8d438896..76b60661055 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-004.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/align-items-004.xht @@ -10,7 +10,7 @@ <style type="text/css"> #flexbox { - background: linear-gradient(to bottom, green 0, green 16px, red 16px, red 35px, green 35px, green 66px, red 66px, red 85px, green 85px, green 100px); + background: linear-gradient(to bottom, green 0, green 16px, red 17px, red 35px, green 36px, green 66px, red 67px, red 85px, green 86px, green 100px); align-items: flex-start; align-items: baseline; display: flex; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht index 43d4130d34f..cf25081ef56 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Layout Box Model and Terminology (30 tests)</h2> + <h2>Flex Layout Box Model and Terminology (29 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -55,7 +55,7 @@ <!-- 0 tests --> </tbody> <tbody id="s2.#flex-container"> - <!-- 4 tests --> + <!-- 3 tests --> <tr id="flexbox_generated-2.#flex-container" class="primary"> <td><strong> <a href="flexbox_generated.xht">flexbox_generated</a></strong></td> @@ -64,14 +64,6 @@ <td>flexbox | flexcontainer vs generated content </td> </tr> - <tr id="flexbox_generated-container-2.#flex-container" class="primary"> - <td><strong> - <a href="flexbox_generated-container.xht">flexbox_generated-container</a></strong></td> - <td><a href="reference/flexbox_generated-container-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer vs generated content - </td> - </tr> <tr id="flexbox_generated-flex-2.#flex-container" class="primary"> <td><strong> <a href="flexbox_generated-flex.xht">flexbox_generated-flex</a></strong></td> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht index f04dc814b24..7e73459576d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Containers: the flex and inline-flex display values (35 tests)</h2> + <h2>Flex Containers: the flex and inline-flex display values (36 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -350,7 +350,18 @@ <!-- 0 tests --> </tbody> <tbody id="s3.#valdef-display-inline-flex"> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="ttwf-reftest-flex-inline-3.#valdef-display-inline-flex" class="primary"> + <td><strong> + <a href="ttwf-reftest-flex-inline.xht">ttwf-reftest-flex-inline</a></strong></td> + <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> + <td></td> + <td>display proprety - inline-flex + <ul class="assert"> + <li>Statement describing what the test case is asserting</li> + </ul> + </td> + </tr> </tbody> </table> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht index e046ea2b100..bd168bd31d1 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Items (74 tests)</h2> + <h2>Flex Items (72 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -451,7 +451,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.5">+</a> <a href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto">4.5 Implied Minimum Size of Flex Items</a></th></tr> - <!-- 32 tests --> + <!-- 30 tests --> <tr id="flex-minimun-height-flex-items-001-4.5" class="primary"> <td><strong> <a href="flex-minimun-height-flex-items-001.xht">flex-minimun-height-flex-items-001</a></strong></td> @@ -740,22 +740,6 @@ <td>flexbox | computed style | min-width: auto </td> </tr> - <tr id="flexbox_min-height-auto-4.5" class="primary"> - <td><strong> - <a href="flexbox_min-height-auto.xht">flexbox_min-height-auto</a></strong></td> - <td><a href="reference/flexbox_min-height-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | min-height: auto - </td> - </tr> - <tr id="flexbox_min-width-auto-4.5" class="primary"> - <td><strong> - <a href="flexbox_min-width-auto.xht">flexbox_min-width-auto</a></strong></td> - <td><a href="reference/flexbox_min-width-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | min-width: auto - </td> - </tr> </tbody> <tbody id="s4.5.#min-size-opt"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht index ea92f3f636a..dfd3e5ed14c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Ordering and Orientation (149 tests)</h2> + <h2>Ordering and Orientation (150 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -346,16 +346,168 @@ </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-column"> - <!-- 0 tests --> + <!-- 6 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column wrap-reverse + </td> + </tr> + <tr id="flexbox_rtl-flow-5.1.#valdef-flex-direction-column" class=""> + <td> + <a href="flexbox_rtl-flow.xht">flexbox_rtl-flow</a></td> + <td><a href="reference/flexbox_rtl-flow-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column wrap | rtl + </td> + </tr> + <tr id="flexbox_rtl-flow-reverse-5.1.#valdef-flex-direction-column" class=""> + <td> + <a href="flexbox_rtl-flow-reverse.xht">flexbox_rtl-flow-reverse</a></td> + <td><a href="reference/flexbox_rtl-flow-reverse-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column wrap-reverse | rtl + </td> + </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-column-reverse"> - <!-- 0 tests --> + <!-- 5 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse wrap + </td> + </tr> + <tr id="flexbox_rtl-direction-5.1.#valdef-flex-direction-column-reverse" class=""> + <td> + <a href="flexbox_rtl-direction.xht">flexbox_rtl-direction</a></td> + <td><a href="reference/flexbox_rtl-direction-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-direction: column-reverse | rtl + </td> + </tr> + <tr id="flexbox_rtl-order-5.1.#valdef-flex-direction-column-reverse" class=""> + <td> + <a href="flexbox_rtl-order.xht">flexbox_rtl-order</a></td> + <td><a href="reference/flexbox_rtl-order-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl + </td> + </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-row"> - <!-- 0 tests --> + <!-- 4 tests --> + <tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row wrap-reverse + </td> + </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-row-reverse"> - <!-- 0 tests --> + <!-- 4 tests --> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse + </td> + </tr> </tbody> <tbody id="s5.2"> <tr><th colspan="4" scope="rowgroup"> @@ -809,13 +961,141 @@ </tr> </tbody> <tbody id="s5.2.#valdef-flex-wrap-nowrap"> - <!-- 0 tests --> + <!-- 5 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse nowrap + </td> + </tr> </tbody> <tbody id="s5.2.#valdef-flex-wrap-wrap"> - <!-- 0 tests --> + <!-- 6 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: wrap + </td> + </tr> + <tr id="flexbox_rtl-flow-5.2.#valdef-flex-wrap-wrap" class=""> + <td> + <a href="flexbox_rtl-flow.xht">flexbox_rtl-flow</a></td> + <td><a href="reference/flexbox_rtl-flow-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column wrap | rtl + </td> + </tr> </tbody> <tbody id="s5.2.#valdef-flex-wrap-wrap-reverse"> - <!-- 0 tests --> + <!-- 5 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column wrap-reverse + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row wrap-reverse + </td> + </tr> + <tr id="flexbox_rtl-flow-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class=""> + <td> + <a href="flexbox_rtl-flow-reverse.xht">flexbox_rtl-flow-reverse</a></td> + <td><a href="reference/flexbox_rtl-flow-reverse-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column wrap-reverse | rtl + </td> + </tr> + <tr id="flexbox_rtl-order-5.2.#valdef-flex-wrap-wrap-reverse" class=""> + <td> + <a href="flexbox_rtl-order.xht">flexbox_rtl-order</a></td> + <td><a href="reference/flexbox_rtl-order-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl + </td> + </tr> </tbody> <tbody id="s5.3"> <tr><th colspan="4" scope="rowgroup"> @@ -860,7 +1140,7 @@ <a href="css-box-justify-content.xht">css-box-justify-content</a></td> <td><a href="reference/css-box-justify-content-ref.xht">=</a> </td> <td></td> - <td>flexbox |css-box-justufy-content + <td>flexbox |css-box-justify-content </td> </tr> <tr id="css-flexbox-column-5.3.#propdef-flex-flow" class="primary"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht index 181788e79bf..871cf2e8510 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht @@ -1035,7 +1035,7 @@ <td></td> <td>Image Expansion <ul class="assert"> - <li>3 square images fill out border.</li> + <li>3 rectangular images fill out border.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht index c7245adcb4e..a7401025b1d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht @@ -219,7 +219,7 @@ <a href="css-box-justify-content.xht">css-box-justify-content</a></strong></td> <td><a href="reference/css-box-justify-content-ref.xht">=</a> </td> <td></td> - <td>flexbox |css-box-justufy-content + <td>flexbox |css-box-justify-content </td> </tr> <tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="primary dom"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-box-justify-content.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-box-justify-content.xht index c1d58d82436..e599842ec95 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-box-justify-content.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-box-justify-content.xht @@ -1,5 +1,5 @@ <!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>flexbox |css-box-justufy-content</title> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox |css-box-justify-content</title> <link href="ava656094@gmail.com" rel="author" title="xiaoxia" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> @@ -14,7 +14,6 @@ justify-content: flex-end; } .item{ - margin-left:2px; width:50px; height: 30px; } @@ -23,8 +22,13 @@ </head><body><p>This test passes if the DIV5's position in the end and the div is Horizontal layout</p> <div id="flexbox"> <div style="background-color: rgb(242, 210, 80); color: rgb(41, 119, 248);" class="item">DIV1</div> +   <div style="background-color: rgb(110, 8, 7); color: rgb(162, 152, 22);" class="item">DIV2</div> +   <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> +   <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> +   <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div></body></html>
\ No newline at end of file +</div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap-reverse.xht index f1a5abbf083..89f04eacbc4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-reverse-wrap-reverse.xht @@ -15,7 +15,7 @@ width: 9em; min-height: 4em; color: white; - align-content: flex-start; + align-content: flex-end; background: green; } .item { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap-reverse.xht index d6b2fdb6e71..0afe2787f5e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-column-wrap-reverse.xht @@ -15,7 +15,7 @@ width: 9em; min-height: 4em; color: white; - align-content: flex-start; + align-content: flex-end; background: green; } .item { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-img-expand-evenly.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-img-expand-evenly.xht index 59881b7b19b..f64a029d7bd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-img-expand-evenly.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-img-expand-evenly.xht @@ -8,7 +8,7 @@ <!-- The match link is only required if this is a reftest --> <link href="reference/css-flexbox-img-expand-evenly-ref.xht" rel="match" /> <meta content="" name="flags" /> - <meta content="3 square images fill out border." name="assert" /> + <meta content="3 rectangular images fill out border." name="assert" /> <style type="text/css"> /* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */ @@ -28,7 +28,7 @@ </style> </head> <body> - <p>3 square images fill out border.</p> + <p>3 rectangular images fill out border.</p> <!-- PAGE CONTENT --> <div class="flexbox"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht index d7b48698f3b..ff3b5c9e0b9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap.xht index a0938455bf9..b4c230381e0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse-wrap.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse.xht index b4ca1c84a14..52325c0e952 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-reverse.xht @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap-reverse.xht index 36aee4caaf7..633ba9a5e57 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap-reverse.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap.xht index 49feeb202d0..4add33a971e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row-wrap.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row.xht index 78073beae36..1f675920706 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/css-flexbox-row.xht @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht index b1ec9eeae5a..7da12663332 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht index c018b6834aa..662444aab9b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column-reverse nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht index e533a4ee0ea..802eda52d20 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column-reverse wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht index a5bbbb11714..ca9c6d6b049 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-reverse.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht index 2f22075ea82..3d94f952d01 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht index b7e08bcff06..35b006a5815 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht index 19f83bd994a..11d81ef2731 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-column.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht index 05296b3a620..824bc8afda9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-nowrap.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht index c1964c7e59a..44cf644114c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht index b3864921509..1ece3c89437 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht index f6c98bd3510..2782b996aea 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht index a5ca98eeef9..0f9097f2249 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht index 4fa759afa56..4d5263f6fe7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-reverse.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht index 4c65a625f85..cd70940c1d3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht index 300a02811c3..4523425e8cf 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht index 6155edd5522..3884422580b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-row.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht index cc4909e2052..396fe31bb66 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_computedstyle_flex-flow-wrap.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis-auto.xht index 60231f2cf9c..a00cf10f181 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_flex-natural-mixed-basis-auto.xht @@ -9,7 +9,7 @@ div { font-family: ahem; background: blue; height: 8em; - width: 35ex; + width: 35em; display: flex; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated-container.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated-container.xht deleted file mode 100644 index c024429229d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_generated-container.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-container" rel="help" /> -<link href="reference/flexbox_generated-container-ref.xht" rel="match" /> -<style> -div { - background: red; -} -div div { - content: "xxx"; - background: blue; - - display: flex; -} -p { - background: yellow; - margin: 1em; - width: 2000px; - height: 2000px; -} -</style> - -</head><body><div id="test"> - <div> - <p>FAIL</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_min-height-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_min-height-auto.xht deleted file mode 100644 index e6bed4774d5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_min-height-auto.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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>flexbox | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<link href="reference/flexbox_min-height-auto-ref.xht" rel="match" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; - flex-direction: column; -} -p { - background: yellow; - margin: 1em; - height: 0; - min-height: auto; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_min-width-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_min-width-auto.xht deleted file mode 100644 index b1e5099749c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_min-width-auto.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<link href="reference/flexbox_min-width-auto-ref.xht" rel="match" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; -} -p { - background: yellow; - margin: 1em; - width: 0; - min-width: auto; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-noninteger-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-noninteger-invalid.xht index 770f5175c48..7da3d4cac0d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-noninteger-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_order-noninteger-invalid.xht @@ -16,7 +16,7 @@ span { flex: 1 0 0%; } span+span { - background: yellow; + background: white; order: 0; } /* irrelevant */ diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-direction.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-direction.xht index b237c1ce42c..89b43f1846f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-direction.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-direction.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-direction: column-reverse | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> <link href="reference/flexbox_rtl-direction-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow-reverse.xht index 6fdacb2eb86..f2d387df8ba 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-flow: column wrap-reverse | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <link href="reference/flexbox_rtl-flow-reverse-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow.xht index 8bc37532ca4..ac58150ee5c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-flow.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-flow: column wrap | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <link href="reference/flexbox_rtl-flow-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-order.xht index 44e1038f0db..b86c603131f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-order.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox_rtl-order.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <link href="reference/flexbox_rtl-order-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-column-reverse.xht index c10fc724936..10a40038bfd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/order-with-column-reverse.xht @@ -23,6 +23,9 @@ #third { order: 1; } + p { + margin: 0; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-box-justify-content-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-box-justify-content-ref.xht index d651d786256..7848d9623c0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-box-justify-content-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-box-justify-content-ref.xht @@ -1,5 +1,5 @@ <!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>flexbox |css-box-justufy-content</title> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox |css-box-justify-content</title> <link href="ava656094@gmail.com" rel="author" title="xiaoxia" /> <style> #flexbox { @@ -11,7 +11,7 @@ } .item{ display: inline-block; - align:right; + text-align:left; width:50px; height: 30px; } @@ -24,4 +24,5 @@ <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div></body></html>
\ No newline at end of file +</div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht index 25b1de545d1..8540a4079be 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht @@ -20,13 +20,14 @@ </style> </head> <body> - <p>3 square images fill out border.</p> + <p>3 rectangular images fill out border.</p> <!-- PAGE CONTENT --> <div class="flexbox"> - <img src="support/solidblue.png" /> - <img src="support/solidblue.png" /> - <img src="support/solidblue.png" /> + <!-- It is important that there is no linebreak between the <img> tags. + The line break would be rendered as whitespace, breaking the test. + --> + <img src="../support/solidblue.png" /><img src="../support/solidblue.png" /><img src="../support/solidblue.png" /> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-row-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-row-ref.xht index 0357fe55d14..c7989de8419 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-row-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-row-ref.xht @@ -12,6 +12,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; } </style> </head> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-align-items-center-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-align-items-center-ref.xht index 0aaa6858ec8..d77749cbe0a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-align-items-center-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-align-items-center-ref.xht @@ -17,8 +17,8 @@ left: 10px; } #a { - top: 150px; - left: 230px; + top: 148px; + left: 239px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -29,8 +29,8 @@ flex: none; } #b { - top: 150px; - left: 283px; + top: 148px; + left: 293px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -41,8 +41,8 @@ flex: none; } #c { - top: 150px; - left: 336px; + top: 148px; + left: 347px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -63,4 +63,5 @@ <div style="position:absolute" id="b"></div> <div style="position:absolute" id="c"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht index 16863b64369..07986cef58d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht @@ -22,8 +22,8 @@ <body> <div id="test"> <div id="test"> - <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50px;">damer</p> - <p style="top:0px;left:50px;height:300px;background:Red;width:51px;">damer</p> + <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50.5px;">damer</p> + <p style="top:0px;left:50.5px;height:300px;background:Red;width:50.5px;">damer</p> </div> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-items-flexibility.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-items-flexibility.xht index 15602acb5e0..c77e60cdd7d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-items-flexibility.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-items-flexibility.xht @@ -4,9 +4,6 @@ <link href="mailto:zhangcs_423@163.com" rel="author" title="Chunsheng Zhang" /> <style type="text/css"> #container { - display: flex; - justify-content: center; - align-items: center; border: 5px solid green; width: 600px; height: 200px; @@ -16,22 +13,16 @@ top: 70px; left: 10px; } - div { - padding: 10px; - width: 30px; - height: 40px; - text-align: center; - flex: 1 0 auto; - } #flex { border: 2px dotted blue; background: green; border-radius: 3px; - flex: 2 0 auto; position: absolute; - top: 70px; - left: 160px; - width: 254px; + top: 73px; + left: 166.5px; + width: 253px; + height: 40px; + padding: 10px; } </style> </head> @@ -39,9 +30,8 @@ <p>This case tests that flex items flexibility</p> <p>The test passes if there is no red</p> <section id="container"> - <div></div> <div id="flex"></div> - <div></div> </section> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-row-reverse-ref.xht index ac7edaaf2a8..b167a0176e3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-row-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_direction-row-reverse-ref.xht @@ -14,14 +14,13 @@ ul { } li { color: white; - margin: 0 3px 0 0; + margin: 0; + width: 3.3333em; display: inline-block; } </style> </head><body><ul> - <li>EFGH</li> - <li>ABCD</li> - <li>IJKL</li> + <li>EFGH</li><li>ABCD</li><li>IJKL</li> </ul> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_generated-container-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_generated-container-ref.xht deleted file mode 100644 index da2853a4c47..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_generated-container-ref.xht +++ /dev/null @@ -1,12 +0,0 @@ -<!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>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - content: "xxx"; - background: blue; -} -</style> - -</head><body><div></div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_min-height-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_min-height-auto-ref.xht deleted file mode 100644 index 28e2e97a6cd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_min-height-auto-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -p { - background: yellow; - margin: 1em 1em 2em; - height: auto; - min-height: auto; -} -p:last-child { - margin-bottom: 1em; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_min-width-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_min-width-auto-ref.xht deleted file mode 100644 index 2c2a0fb4752..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_min-width-auto-ref.xht +++ /dev/null @@ -1,33 +0,0 @@ -<!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>flexbox | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -div::after { - content: ""; - clear: both; - display: block; -} -p { - background: yellow; - margin: 1em; - min-width: auto; - width: auto; - float: left; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-column-reverse-ref.xht index 715b7714446..963f160ee31 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-reverse-column-reverse-ref.xht @@ -9,7 +9,7 @@ .test { width: 300px; float: left; - width: 33.3%; + width: 33.3333%; } p { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-column-reverse-ref.xht index e2d1c6d9d02..c61bb385d10 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-column-reverse-ref.xht @@ -9,7 +9,7 @@ .test { width: 300px; float: left; - width: 33.3%; + width: 33.3333%; } p { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-column-reverse-ref.xht index 91793cbe24b..5b905da9783 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/order-with-column-reverse-ref.xht @@ -4,6 +4,9 @@ <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> <style> + p { + margin: 0; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-around-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-around-ref.xht new file mode 100644 index 00000000000..8bebaac48fd --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-align-content-space-around-ref.xht @@ -0,0 +1,36 @@ +<!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 Flexible Box Test: align-content property - space-between</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> + <style type="text/css"> + .container { + position: relative; + height: 14em; + width: 20em; + background: red; + margin: 1em; + border: 1px solid black; + } + + span { + height: 2em; + display: inline-block; + background: green; + color: white; + margin: 2.5em 1em; + width: 8em; + float: left; + } + </style> +</head> +<body> + <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p> + <div class="container"> + <span>first</span> + <span>second</span> + <span>third</span> + <span>forth</span> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht index 88a3a6222ce..f0ce6958cfb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht @@ -5,10 +5,10 @@ <style type="text/css"> .container { position: relative; - display: flex; background: red; margin: 1em 0; border: 1px solid black; + text-align: right; } span { display: inline-block; @@ -16,16 +16,14 @@ color: white; margin: 1em; width: 8em; + text-align: left; } </style> </head> <body> - <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p> + <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> <div class="container"> - <span>forth</span> - <span>third</span> - <span>second</span> - <span>first</span> + <span>forth</span><span>third</span><span>second</span><span>first</span> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht new file mode 100644 index 00000000000..525cc83c950 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht @@ -0,0 +1,26 @@ +<!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 Flexible Box Test: display proprety - inline-flex</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> + <style type="text/css"> + /* Positioned container allows for the self-describing statement to still + be visible in the case of failure */ + .container { + position: relative; + } + .greenSquare { + display: inline-block; + margin-top: -200px; + background: green; + } + </style> +</head> +<body> + <p>The test passed if you see a green block which its text is 'Success!'.</p> + <div class="container"> + <!-- This is the square that should not be visible if the test passes --> + <div class="greenSquare">Success!</div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-order-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-order-ref.xht index 59ac9bb732f..d5fb2ae3f5e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-order-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-order-ref.xht @@ -23,10 +23,7 @@ <body> <p>The test passed if all the cells are reversed.</p> <div class="container"> - <span class="first">forth</span> - <span class="second">third</span> - <span class="third">second</span> - <span class="forth">first</span> + <span class="first">forth</span><span class="second">third</span><span class="third">second</span><span class="forth">first</span> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht index 983835bd32e..27f91e1c218 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest-toc.xht @@ -338,7 +338,7 @@ </tbody> <tbody id="css-box-justify-content" class=""> <tr> - <td rowspan="1" title="flexbox |css-box-justufy-content"> + <td rowspan="1" title="flexbox |css-box-justify-content"> <a href="css-box-justify-content.xht">css-box-justify-content</a></td> <td><a href="reference/css-box-justify-content-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -3376,14 +3376,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_generated-container" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer vs generated content"> - <a href="flexbox_generated-container.xht">flexbox_generated-container</a></td> - <td><a href="reference/flexbox_generated-container-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flexbox_generated-flex" class=""> <tr> <td rowspan="1" title="flexbox | flexcontainer via generated content"> @@ -3592,22 +3584,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_min-height-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | min-height: auto"> - <a href="flexbox_min-height-auto.xht">flexbox_min-height-auto</a></td> - <td><a href="reference/flexbox_min-height-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_min-width-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | min-width: auto"> - <a href="flexbox_min-width-auto.xht">flexbox_min-width-auto</a></td> - <td><a href="reference/flexbox_min-width-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flexbox_nested-flex" class=""> <tr> <td rowspan="1" title="flexbox | nested flexcontainer"> @@ -4232,6 +4208,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="ttwf-reftest-flex-inline" class=""> + <tr> + <td rowspan="1" title="display proprety - inline-flex"> + <a href="ttwf-reftest-flex-inline.xht">ttwf-reftest-flex-inline</a></td> + <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="ttwf-reftest-flex-order" class=""> <tr> <td rowspan="1" title="order proprety - value"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list index 2f707cf3749..20f95620b4d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reftest.list @@ -418,7 +418,6 @@ flexbox_flow-column-wrap-reverse.xht == reference/flexbox_flow-column-wrap-rever flexbox_flow-row-wrap.xht == reference/flexbox_flow-row-wrap-ref.xht flexbox_flow-row-wrap-reverse.xht == reference/flexbox_flow-row-wrap-reverse-ref.xht flexbox_generated.xht == reference/flexbox_generated-ref.xht -flexbox_generated-container.xht == reference/flexbox_generated-container-ref.xht flexbox_generated-flex.xht == reference/flexbox_generated-flex-ref.xht flexbox_generated-nested-flex.xht == reference/flexbox_generated-flex-ref.xht flexbox_inline.xht == reference/flexbox_inline-ref.xht @@ -445,8 +444,6 @@ flexbox_margin-auto-overflow.xht == reference/flexbox_margin-auto-overflow-ref.x flexbox_margin-auto-overflow-2.xht == reference/flexbox_margin-auto-overflow-2-ref.xht flexbox_margin-collapse.xht == reference/flexbox_margin-collapse-ref.xht flexbox_margin-left-ex.xht == reference/flexbox_margin-left-ex-ref.xht -flexbox_min-height-auto.xht == reference/flexbox_min-height-auto-ref.xht -flexbox_min-width-auto.xht == reference/flexbox_min-width-auto-ref.xht flexbox_nested-flex.xht == reference/flexbox_generated-flex-ref.xht flexbox_object.xht == reference/flexbox_object-ref.xht flexbox_order.xht == reference/flexbox_order-ref.xht @@ -525,6 +522,7 @@ ttwf-reftest-flex-base.xht == reference/ttwf-reftest-flex-base-ref.xht ttwf-reftest-flex-direction-column.xht == reference/ttwf-reftest-flex-direction-column-ref.xht ttwf-reftest-flex-direction-column-reverse.xht == reference/ttwf-reftest-flex-direction-column-reverse-ref.xht ttwf-reftest-flex-direction-row-reverse.xht == reference/ttwf-reftest-flex-direction-row-reverse-ref.xht +ttwf-reftest-flex-inline.xht == reference/ttwf-reftest-flex-inline-ref.xht ttwf-reftest-flex-order.xht == reference/ttwf-reftest-flex-order-ref.xht ttwf-reftest-flex-wrap.xht == reference/ttwf-reftest-flex-wrap-ref.xht ttwf-reftest-flex-wrap-reverse.xht == reference/ttwf-reftest-flex-wrap-reverse-ref.xht diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht index 978c2feef45..d96e60ebbe9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht @@ -27,22 +27,22 @@ <tbody id="s2"> <tr><th><a href="chapter-2.xht">Chapter 2 - Flex Layout Box Model and Terminology</a></th> - <td>(30 Tests)</td></tr> + <td>(29 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Flex Containers: the flex and inline-flex display values</a></th> - <td>(35 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - Flex Items</a></th> - <td>(74 Tests)</td></tr> + <td>(72 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - Ordering and Orientation</a></th> - <td>(149 Tests)</td></tr> + <td>(150 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-row-reverse.xht index e6ee169c625..1141a0a2dba 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-direction-row-reverse.xht @@ -24,7 +24,7 @@ </style> </head> <body> - <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p> + <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> <div class="container"> <span>first</span> <span>second</span> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-inline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-inline.xht new file mode 100644 index 00000000000..47ca9156baf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/ttwf-reftest-flex-inline.xht @@ -0,0 +1,29 @@ +<!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 Flexible Box Test: display proprety - inline-flex</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-display-inline-flex" rel="help" /> + <link href="reference/ttwf-reftest-flex-inline-ref.xht" rel="match" /> + <meta content="Statement describing what the test case is asserting" name="assert" /> + <style type="text/css"> + /* Positioned container allows for the self-describing statement to still + be visible in the case of failure */ + .container { + position: relative; + } + .greenSquare { + display: inline-flex; + margin-top: -200px; + background: green; + } + </style> +</head> +<body> + <p>The test passed if you see a green block which its text is 'Success!'.</p> + <div class="container"> + <!-- This is the square that should not be visible if the test passes --> + <div class="greenSquare">Success!</div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/align-items-004.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/align-items-004.xht index e6b8d438896..76b60661055 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/align-items-004.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/align-items-004.xht @@ -10,7 +10,7 @@ <style type="text/css"> #flexbox { - background: linear-gradient(to bottom, green 0, green 16px, red 16px, red 35px, green 35px, green 66px, red 66px, red 85px, green 85px, green 100px); + background: linear-gradient(to bottom, green 0, green 16px, red 17px, red 35px, green 36px, green 66px, red 67px, red 85px, green 86px, green 100px); align-items: flex-start; align-items: baseline; display: flex; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-2.xht index 43d4130d34f..cf25081ef56 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-2.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-2.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Layout Box Model and Terminology (30 tests)</h2> + <h2>Flex Layout Box Model and Terminology (29 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -55,7 +55,7 @@ <!-- 0 tests --> </tbody> <tbody id="s2.#flex-container"> - <!-- 4 tests --> + <!-- 3 tests --> <tr id="flexbox_generated-2.#flex-container" class="primary"> <td><strong> <a href="flexbox_generated.xht">flexbox_generated</a></strong></td> @@ -64,14 +64,6 @@ <td>flexbox | flexcontainer vs generated content </td> </tr> - <tr id="flexbox_generated-container-2.#flex-container" class="primary"> - <td><strong> - <a href="flexbox_generated-container.xht">flexbox_generated-container</a></strong></td> - <td><a href="reference/flexbox_generated-container-ref.xht">=</a> </td> - <td></td> - <td>flexbox | flexcontainer vs generated content - </td> - </tr> <tr id="flexbox_generated-flex-2.#flex-container" class="primary"> <td><strong> <a href="flexbox_generated-flex.xht">flexbox_generated-flex</a></strong></td> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-3.xht index f04dc814b24..7e73459576d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-3.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Containers: the flex and inline-flex display values (35 tests)</h2> + <h2>Flex Containers: the flex and inline-flex display values (36 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -350,7 +350,18 @@ <!-- 0 tests --> </tbody> <tbody id="s3.#valdef-display-inline-flex"> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="ttwf-reftest-flex-inline-3.#valdef-display-inline-flex" class="primary"> + <td><strong> + <a href="ttwf-reftest-flex-inline.xht">ttwf-reftest-flex-inline</a></strong></td> + <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> + <td></td> + <td>display proprety - inline-flex + <ul class="assert"> + <li>Statement describing what the test case is asserting</li> + </ul> + </td> + </tr> </tbody> </table> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-4.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-4.xht index e046ea2b100..bd168bd31d1 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-4.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-4.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Items (74 tests)</h2> + <h2>Flex Items (72 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -451,7 +451,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.5">+</a> <a href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto">4.5 Implied Minimum Size of Flex Items</a></th></tr> - <!-- 32 tests --> + <!-- 30 tests --> <tr id="flex-minimun-height-flex-items-001-4.5" class="primary"> <td><strong> <a href="flex-minimun-height-flex-items-001.xht">flex-minimun-height-flex-items-001</a></strong></td> @@ -740,22 +740,6 @@ <td>flexbox | computed style | min-width: auto </td> </tr> - <tr id="flexbox_min-height-auto-4.5" class="primary"> - <td><strong> - <a href="flexbox_min-height-auto.xht">flexbox_min-height-auto</a></strong></td> - <td><a href="reference/flexbox_min-height-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | min-height: auto - </td> - </tr> - <tr id="flexbox_min-width-auto-4.5" class="primary"> - <td><strong> - <a href="flexbox_min-width-auto.xht">flexbox_min-width-auto</a></strong></td> - <td><a href="reference/flexbox_min-width-auto-ref.xht">=</a> </td> - <td></td> - <td>flexbox | min-width: auto - </td> - </tr> </tbody> <tbody id="s4.5.#min-size-opt"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-5.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-5.xht index ea92f3f636a..dfd3e5ed14c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-5.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-5.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Ordering and Orientation (149 tests)</h2> + <h2>Ordering and Orientation (150 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -346,16 +346,168 @@ </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-column"> - <!-- 0 tests --> + <!-- 6 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column wrap-reverse + </td> + </tr> + <tr id="flexbox_rtl-flow-5.1.#valdef-flex-direction-column" class=""> + <td> + <a href="flexbox_rtl-flow.xht">flexbox_rtl-flow</a></td> + <td><a href="reference/flexbox_rtl-flow-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column wrap | rtl + </td> + </tr> + <tr id="flexbox_rtl-flow-reverse-5.1.#valdef-flex-direction-column" class=""> + <td> + <a href="flexbox_rtl-flow-reverse.xht">flexbox_rtl-flow-reverse</a></td> + <td><a href="reference/flexbox_rtl-flow-reverse-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column wrap-reverse | rtl + </td> + </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-column-reverse"> - <!-- 0 tests --> + <!-- 5 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse wrap + </td> + </tr> + <tr id="flexbox_rtl-direction-5.1.#valdef-flex-direction-column-reverse" class=""> + <td> + <a href="flexbox_rtl-direction.xht">flexbox_rtl-direction</a></td> + <td><a href="reference/flexbox_rtl-direction-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-direction: column-reverse | rtl + </td> + </tr> + <tr id="flexbox_rtl-order-5.1.#valdef-flex-direction-column-reverse" class=""> + <td> + <a href="flexbox_rtl-order.xht">flexbox_rtl-order</a></td> + <td><a href="reference/flexbox_rtl-order-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl + </td> + </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-row"> - <!-- 0 tests --> + <!-- 4 tests --> + <tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row wrap-reverse + </td> + </tr> </tbody> <tbody id="s5.1.#valdef-flex-direction-row-reverse"> - <!-- 0 tests --> + <!-- 4 tests --> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse + </td> + </tr> </tbody> <tbody id="s5.2"> <tr><th colspan="4" scope="rowgroup"> @@ -809,13 +961,141 @@ </tr> </tbody> <tbody id="s5.2.#valdef-flex-wrap-nowrap"> - <!-- 0 tests --> + <!-- 5 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row nowrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse nowrap + </td> + </tr> </tbody> <tbody id="s5.2.#valdef-flex-wrap-wrap"> - <!-- 0 tests --> + <!-- 6 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column-reverse wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row wrap + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: wrap + </td> + </tr> + <tr id="flexbox_rtl-flow-5.2.#valdef-flex-wrap-wrap" class=""> + <td> + <a href="flexbox_rtl-flow.xht">flexbox_rtl-flow</a></td> + <td><a href="reference/flexbox_rtl-flow-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column wrap | rtl + </td> + </tr> </tbody> <tbody id="s5.2.#valdef-flex-wrap-wrap-reverse"> - <!-- 0 tests --> + <!-- 5 tests --> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: column wrap-reverse + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row-reverse wrap-reverse + </td> + </tr> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + <td>flexbox | computed style | flex-flow: row wrap-reverse + </td> + </tr> + <tr id="flexbox_rtl-flow-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class=""> + <td> + <a href="flexbox_rtl-flow-reverse.xht">flexbox_rtl-flow-reverse</a></td> + <td><a href="reference/flexbox_rtl-flow-reverse-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column wrap-reverse | rtl + </td> + </tr> + <tr id="flexbox_rtl-order-5.2.#valdef-flex-wrap-wrap-reverse" class=""> + <td> + <a href="flexbox_rtl-order.xht">flexbox_rtl-order</a></td> + <td><a href="reference/flexbox_rtl-order-ref.xht">=</a> </td> + <td></td> + <td>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl + </td> + </tr> </tbody> <tbody id="s5.3"> <tr><th colspan="4" scope="rowgroup"> @@ -860,7 +1140,7 @@ <a href="css-box-justify-content.xht">css-box-justify-content</a></td> <td><a href="reference/css-box-justify-content-ref.xht">=</a> </td> <td></td> - <td>flexbox |css-box-justufy-content + <td>flexbox |css-box-justify-content </td> </tr> <tr id="css-flexbox-column-5.3.#propdef-flex-flow" class="primary"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-7.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-7.xht index 181788e79bf..871cf2e8510 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-7.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-7.xht @@ -1035,7 +1035,7 @@ <td></td> <td>Image Expansion <ul class="assert"> - <li>3 square images fill out border.</li> + <li>3 rectangular images fill out border.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht index c7245adcb4e..a7401025b1d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-8.xht @@ -219,7 +219,7 @@ <a href="css-box-justify-content.xht">css-box-justify-content</a></strong></td> <td><a href="reference/css-box-justify-content-ref.xht">=</a> </td> <td></td> - <td>flexbox |css-box-justufy-content + <td>flexbox |css-box-justify-content </td> </tr> <tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="primary dom"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-box-justify-content.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-box-justify-content.xht index c1d58d82436..e599842ec95 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-box-justify-content.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-box-justify-content.xht @@ -1,5 +1,5 @@ <!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>flexbox |css-box-justufy-content</title> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox |css-box-justify-content</title> <link href="ava656094@gmail.com" rel="author" title="xiaoxia" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> @@ -14,7 +14,6 @@ justify-content: flex-end; } .item{ - margin-left:2px; width:50px; height: 30px; } @@ -23,8 +22,13 @@ </head><body><p>This test passes if the DIV5's position in the end and the div is Horizontal layout</p> <div id="flexbox"> <div style="background-color: rgb(242, 210, 80); color: rgb(41, 119, 248);" class="item">DIV1</div> +   <div style="background-color: rgb(110, 8, 7); color: rgb(162, 152, 22);" class="item">DIV2</div> +   <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> +   <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> +   <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div></body></html>
\ No newline at end of file +</div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-reverse-wrap-reverse.xht index f1a5abbf083..89f04eacbc4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-reverse-wrap-reverse.xht @@ -15,7 +15,7 @@ width: 9em; min-height: 4em; color: white; - align-content: flex-start; + align-content: flex-end; background: green; } .item { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-wrap-reverse.xht index d6b2fdb6e71..0afe2787f5e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-column-wrap-reverse.xht @@ -15,7 +15,7 @@ width: 9em; min-height: 4em; color: white; - align-content: flex-start; + align-content: flex-end; background: green; } .item { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-img-expand-evenly.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-img-expand-evenly.xht index 59881b7b19b..f64a029d7bd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-img-expand-evenly.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-img-expand-evenly.xht @@ -8,7 +8,7 @@ <!-- The match link is only required if this is a reftest --> <link href="reference/css-flexbox-img-expand-evenly-ref.xht" rel="match" /> <meta content="" name="flags" /> - <meta content="3 square images fill out border." name="assert" /> + <meta content="3 rectangular images fill out border." name="assert" /> <style type="text/css"> /* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */ @@ -28,7 +28,7 @@ </style> </head> <body> - <p>3 square images fill out border.</p> + <p>3 rectangular images fill out border.</p> <!-- PAGE CONTENT --> <div class="flexbox"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap-reverse.xht index d7b48698f3b..ff3b5c9e0b9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap-reverse.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap.xht index a0938455bf9..b4c230381e0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse-wrap.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse.xht index b4ca1c84a14..52325c0e952 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-reverse.xht @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap-reverse.xht index 36aee4caaf7..633ba9a5e57 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap-reverse.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap.xht index 49feeb202d0..4add33a971e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row-wrap.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row.xht index 78073beae36..1f675920706 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/css-flexbox-row.xht @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-nowrap.xht index b1ec9eeae5a..7da12663332 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht index c018b6834aa..662444aab9b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column-reverse nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht index e533a4ee0ea..802eda52d20 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column-reverse wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse.xht index a5bbbb11714..ca9c6d6b049 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-reverse.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht index 2f22075ea82..3d94f952d01 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap.xht index b7e08bcff06..35b006a5815 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column.xht index 19f83bd994a..11d81ef2731 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-column.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: column</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-nowrap.xht index 05296b3a620..824bc8afda9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-nowrap.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-nowrap.xht index c1964c7e59a..44cf644114c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht index b3864921509..1ece3c89437 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse nowrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-nowrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht index f6c98bd3510..2782b996aea 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht index a5ca98eeef9..0f9097f2249 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse.xht index 4fa759afa56..4d5263f6fe7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-reverse.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht index 4c65a625f85..cd70940c1d3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row wrap-reverse</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap.xht index 300a02811c3..4523425e8cf 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row-wrap.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row.xht index 6155edd5522..3884422580b 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-row.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: row</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-row" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-wrap.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-wrap.xht index cc4909e2052..396fe31bb66 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-wrap.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_computedstyle_flex-flow-wrap.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-flow: wrap</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <meta content="dom" name="flags" /> <style> body { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_flex-natural-mixed-basis-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_flex-natural-mixed-basis-auto.xht index 60231f2cf9c..a00cf10f181 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_flex-natural-mixed-basis-auto.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_flex-natural-mixed-basis-auto.xht @@ -9,7 +9,7 @@ div { font-family: ahem; background: blue; height: 8em; - width: 35ex; + width: 35em; display: flex; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_generated-container.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_generated-container.xht deleted file mode 100644 index c024429229d..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_generated-container.xht +++ /dev/null @@ -1,29 +0,0 @@ -<!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>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#flex-container" rel="help" /> -<link href="reference/flexbox_generated-container-ref.xht" rel="match" /> -<style> -div { - background: red; -} -div div { - content: "xxx"; - background: blue; - - display: flex; -} -p { - background: yellow; - margin: 1em; - width: 2000px; - height: 2000px; -} -</style> - -</head><body><div id="test"> - <div> - <p>FAIL</p> - </div> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_min-height-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_min-height-auto.xht deleted file mode 100644 index e6bed4774d5..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_min-height-auto.xht +++ /dev/null @@ -1,32 +0,0 @@ -<!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>flexbox | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<link href="reference/flexbox_min-height-auto-ref.xht" rel="match" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; - flex-direction: column; -} -p { - background: yellow; - margin: 1em; - height: 0; - min-height: auto; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_min-width-auto.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_min-width-auto.xht deleted file mode 100644 index b1e5099749c..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_min-width-auto.xht +++ /dev/null @@ -1,31 +0,0 @@ -<!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>flexbox | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" /> -<link href="reference/flexbox_min-width-auto-ref.xht" rel="match" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; - display: flex; - flex-wrap: wrap; -} -p { - background: yellow; - margin: 1em; - width: 0; - min-width: auto; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_order-noninteger-invalid.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_order-noninteger-invalid.xht index 770f5175c48..7da3d4cac0d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_order-noninteger-invalid.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_order-noninteger-invalid.xht @@ -16,7 +16,7 @@ span { flex: 1 0 0%; } span+span { - background: yellow; + background: white; order: 0; } /* irrelevant */ diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-direction.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-direction.xht index b237c1ce42c..89b43f1846f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-direction.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-direction.xht @@ -2,7 +2,7 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-direction: column-reverse | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> <link href="reference/flexbox_rtl-direction-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow-reverse.xht index 6fdacb2eb86..f2d387df8ba 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow-reverse.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-flow: column wrap-reverse | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <link href="reference/flexbox_rtl-flow-reverse-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow.xht index 8bc37532ca4..ac58150ee5c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-flow.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-flow: column wrap | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" /> <link href="reference/flexbox_rtl-flow-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-order.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-order.xht index 44e1038f0db..b86c603131f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-order.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/flexbox_rtl-order.xht @@ -2,8 +2,8 @@ <html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl</title> <link href="http://opera.com" rel="author" title="Opera Software" /> <link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-column-reverse" rel="help" /> -<link href="http://www.w3.org/TR/css-flexbox-1/#valuedef-wrap-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" /> +<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" /> <link href="reference/flexbox_rtl-order-ref.xht" rel="match" /> <style> div { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/order-with-column-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/order-with-column-reverse.xht index c10fc724936..10a40038bfd 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/order-with-column-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/order-with-column-reverse.xht @@ -23,6 +23,9 @@ #third { order: 1; } + p { + margin: 0; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-box-justify-content-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-box-justify-content-ref.xht index d651d786256..7848d9623c0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-box-justify-content-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-box-justify-content-ref.xht @@ -1,5 +1,5 @@ <!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>flexbox |css-box-justufy-content</title> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox |css-box-justify-content</title> <link href="ava656094@gmail.com" rel="author" title="xiaoxia" /> <style> #flexbox { @@ -11,7 +11,7 @@ } .item{ display: inline-block; - align:right; + text-align:left; width:50px; height: 30px; } @@ -24,4 +24,5 @@ <div style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);" class="item">DIV3</div> <div style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);" class="item">DIV4</div> <div style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);" class="item">DIV5</div> -</div></body></html>
\ No newline at end of file +</div> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-img-expand-evenly-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-img-expand-evenly-ref.xht index 25b1de545d1..8540a4079be 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-img-expand-evenly-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-img-expand-evenly-ref.xht @@ -20,13 +20,14 @@ </style> </head> <body> - <p>3 square images fill out border.</p> + <p>3 rectangular images fill out border.</p> <!-- PAGE CONTENT --> <div class="flexbox"> - <img src="support/solidblue.png" /> - <img src="support/solidblue.png" /> - <img src="support/solidblue.png" /> + <!-- It is important that there is no linebreak between the <img> tags. + The line break would be rendered as whitespace, breaking the test. + --> + <img src="../support/solidblue.png" /><img src="../support/solidblue.png" /><img src="../support/solidblue.png" /> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-row-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-row-ref.xht index 0357fe55d14..c7989de8419 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-row-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/css-flexbox-row-ref.xht @@ -12,6 +12,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; } </style> </head> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-align-items-center-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-align-items-center-ref.xht index 0aaa6858ec8..d77749cbe0a 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-align-items-center-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-align-items-center-ref.xht @@ -17,8 +17,8 @@ left: 10px; } #a { - top: 150px; - left: 230px; + top: 148px; + left: 239px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -29,8 +29,8 @@ flex: none; } #b { - top: 150px; - left: 283px; + top: 148px; + left: 293px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -41,8 +41,8 @@ flex: none; } #c { - top: 150px; - left: 336px; + top: 148px; + left: 347px; border: 2px dotted blue; background: green; border-radius: 3px; @@ -63,4 +63,5 @@ <div style="position:absolute" id="b"></div> <div style="position:absolute" id="c"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-flexitem-percentage-prescation-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-flexitem-percentage-prescation-ref.xht index 16863b64369..07986cef58d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-flexitem-percentage-prescation-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-flexitem-percentage-prescation-ref.xht @@ -22,8 +22,8 @@ <body> <div id="test"> <div id="test"> - <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50px;">damer</p> - <p style="top:0px;left:50px;height:300px;background:Red;width:51px;">damer</p> + <p style="background:green;top:0px;height:300px;left:0px;height:300px;width:50.5px;">damer</p> + <p style="top:0px;left:50.5px;height:300px;background:Red;width:50.5px;">damer</p> </div> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-items-flexibility.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-items-flexibility.xht index 15602acb5e0..c77e60cdd7d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-items-flexibility.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flex-items-flexibility.xht @@ -4,9 +4,6 @@ <link href="mailto:zhangcs_423@163.com" rel="author" title="Chunsheng Zhang" /> <style type="text/css"> #container { - display: flex; - justify-content: center; - align-items: center; border: 5px solid green; width: 600px; height: 200px; @@ -16,22 +13,16 @@ top: 70px; left: 10px; } - div { - padding: 10px; - width: 30px; - height: 40px; - text-align: center; - flex: 1 0 auto; - } #flex { border: 2px dotted blue; background: green; border-radius: 3px; - flex: 2 0 auto; position: absolute; - top: 70px; - left: 160px; - width: 254px; + top: 73px; + left: 166.5px; + width: 253px; + height: 40px; + padding: 10px; } </style> </head> @@ -39,9 +30,8 @@ <p>This case tests that flex items flexibility</p> <p>The test passes if there is no red</p> <section id="container"> - <div></div> <div id="flex"></div> - <div></div> </section> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_direction-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_direction-row-reverse-ref.xht index ac7edaaf2a8..b167a0176e3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_direction-row-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_direction-row-reverse-ref.xht @@ -14,14 +14,13 @@ ul { } li { color: white; - margin: 0 3px 0 0; + margin: 0; + width: 3.3333em; display: inline-block; } </style> </head><body><ul> - <li>EFGH</li> - <li>ABCD</li> - <li>IJKL</li> + <li>EFGH</li><li>ABCD</li><li>IJKL</li> </ul> </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_generated-container-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_generated-container-ref.xht deleted file mode 100644 index da2853a4c47..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_generated-container-ref.xht +++ /dev/null @@ -1,12 +0,0 @@ -<!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>flexbox | flexcontainer vs generated content</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -div { - content: "xxx"; - background: blue; -} -</style> - -</head><body><div></div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_min-height-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_min-height-auto-ref.xht deleted file mode 100644 index 28e2e97a6cd..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_min-height-auto-ref.xht +++ /dev/null @@ -1,30 +0,0 @@ -<!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>flexbox | min-height: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -p { - background: yellow; - margin: 1em 1em 2em; - height: auto; - min-height: auto; -} -p:last-child { - margin-bottom: 1em; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_min-width-auto-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_min-width-auto-ref.xht deleted file mode 100644 index 2c2a0fb4752..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox_min-width-auto-ref.xht +++ /dev/null @@ -1,33 +0,0 @@ -<!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>flexbox | min-width: auto</title> -<link href="http://opera.com" rel="author" title="Opera Software" /> -<style> -body { - margin: 0; - width: 602px; -} -div { - background: #3366cc; - border: 1px solid black; -} -div::after { - content: ""; - clear: both; - display: block; -} -p { - background: yellow; - margin: 1em; - min-width: auto; - width: auto; - float: left; -} -</style> - -</head><body><div> - <p>damer</p> - <p>damer</p> - <p>damer</p> - <p>damer</p> -</div> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-reverse-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-reverse-column-reverse-ref.xht index 715b7714446..963f160ee31 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-reverse-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-reverse-column-reverse-ref.xht @@ -9,7 +9,7 @@ .test { width: 300px; float: left; - width: 33.3%; + width: 33.3333%; } p { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-with-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-with-column-reverse-ref.xht index e2d1c6d9d02..c61bb385d10 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-with-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/multi-line-wrap-with-column-reverse-ref.xht @@ -9,7 +9,7 @@ .test { width: 300px; float: left; - width: 33.3%; + width: 33.3333%; } p { diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/order-with-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/order-with-column-reverse-ref.xht index 91793cbe24b..5b905da9783 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/order-with-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/order-with-column-reverse-ref.xht @@ -4,6 +4,9 @@ <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> <style> + p { + margin: 0; + } </style> </head> <body> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-space-around-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-space-around-ref.xht new file mode 100644 index 00000000000..8bebaac48fd --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-align-content-space-around-ref.xht @@ -0,0 +1,36 @@ +<!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 Flexible Box Test: align-content property - space-between</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> + <style type="text/css"> + .container { + position: relative; + height: 14em; + width: 20em; + background: red; + margin: 1em; + border: 1px solid black; + } + + span { + height: 2em; + display: inline-block; + background: green; + color: white; + margin: 2.5em 1em; + width: 8em; + float: left; + } + </style> +</head> +<body> + <p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p> + <div class="container"> + <span>first</span> + <span>second</span> + <span>third</span> + <span>forth</span> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht index 88a3a6222ce..f0ce6958cfb 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-direction-row-reverse-ref.xht @@ -5,10 +5,10 @@ <style type="text/css"> .container { position: relative; - display: flex; background: red; margin: 1em 0; border: 1px solid black; + text-align: right; } span { display: inline-block; @@ -16,16 +16,14 @@ color: white; margin: 1em; width: 8em; + text-align: left; } </style> </head> <body> - <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p> + <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> <div class="container"> - <span>forth</span> - <span>third</span> - <span>second</span> - <span>first</span> + <span>forth</span><span>third</span><span>second</span><span>first</span> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-inline-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-inline-ref.xht new file mode 100644 index 00000000000..525cc83c950 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-inline-ref.xht @@ -0,0 +1,26 @@ +<!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 Flexible Box Test: display proprety - inline-flex</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> + <style type="text/css"> + /* Positioned container allows for the self-describing statement to still + be visible in the case of failure */ + .container { + position: relative; + } + .greenSquare { + display: inline-block; + margin-top: -200px; + background: green; + } + </style> +</head> +<body> + <p>The test passed if you see a green block which its text is 'Success!'.</p> + <div class="container"> + <!-- This is the square that should not be visible if the test passes --> + <div class="greenSquare">Success!</div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-order-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-order-ref.xht index 59ac9bb732f..d5fb2ae3f5e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-order-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/ttwf-reftest-flex-order-ref.xht @@ -23,10 +23,7 @@ <body> <p>The test passed if all the cells are reversed.</p> <div class="container"> - <span class="first">forth</span> - <span class="second">third</span> - <span class="third">second</span> - <span class="forth">first</span> + <span class="first">forth</span><span class="second">third</span><span class="third">second</span><span class="forth">first</span> </div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest-toc.xht index 983835bd32e..27f91e1c218 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest-toc.xht @@ -338,7 +338,7 @@ </tbody> <tbody id="css-box-justify-content" class=""> <tr> - <td rowspan="1" title="flexbox |css-box-justufy-content"> + <td rowspan="1" title="flexbox |css-box-justify-content"> <a href="css-box-justify-content.xht">css-box-justify-content</a></td> <td><a href="reference/css-box-justify-content-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -3376,14 +3376,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_generated-container" class=""> - <tr> - <td rowspan="1" title="flexbox | flexcontainer vs generated content"> - <a href="flexbox_generated-container.xht">flexbox_generated-container</a></td> - <td><a href="reference/flexbox_generated-container-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flexbox_generated-flex" class=""> <tr> <td rowspan="1" title="flexbox | flexcontainer via generated content"> @@ -3592,22 +3584,6 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="flexbox_min-height-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | min-height: auto"> - <a href="flexbox_min-height-auto.xht">flexbox_min-height-auto</a></td> - <td><a href="reference/flexbox_min-height-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> - <tbody id="flexbox_min-width-auto" class=""> - <tr> - <td rowspan="1" title="flexbox | min-width: auto"> - <a href="flexbox_min-width-auto.xht">flexbox_min-width-auto</a></td> - <td><a href="reference/flexbox_min-width-auto-ref.xht">=</a> </td> - <td rowspan="1"></td> - </tr> - </tbody> <tbody id="flexbox_nested-flex" class=""> <tr> <td rowspan="1" title="flexbox | nested flexcontainer"> @@ -4232,6 +4208,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="ttwf-reftest-flex-inline" class=""> + <tr> + <td rowspan="1" title="display proprety - inline-flex"> + <a href="ttwf-reftest-flex-inline.xht">ttwf-reftest-flex-inline</a></td> + <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="ttwf-reftest-flex-order" class=""> <tr> <td rowspan="1" title="order proprety - value"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest.list index 2f707cf3749..20f95620b4d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reftest.list @@ -418,7 +418,6 @@ flexbox_flow-column-wrap-reverse.xht == reference/flexbox_flow-column-wrap-rever flexbox_flow-row-wrap.xht == reference/flexbox_flow-row-wrap-ref.xht flexbox_flow-row-wrap-reverse.xht == reference/flexbox_flow-row-wrap-reverse-ref.xht flexbox_generated.xht == reference/flexbox_generated-ref.xht -flexbox_generated-container.xht == reference/flexbox_generated-container-ref.xht flexbox_generated-flex.xht == reference/flexbox_generated-flex-ref.xht flexbox_generated-nested-flex.xht == reference/flexbox_generated-flex-ref.xht flexbox_inline.xht == reference/flexbox_inline-ref.xht @@ -445,8 +444,6 @@ flexbox_margin-auto-overflow.xht == reference/flexbox_margin-auto-overflow-ref.x flexbox_margin-auto-overflow-2.xht == reference/flexbox_margin-auto-overflow-2-ref.xht flexbox_margin-collapse.xht == reference/flexbox_margin-collapse-ref.xht flexbox_margin-left-ex.xht == reference/flexbox_margin-left-ex-ref.xht -flexbox_min-height-auto.xht == reference/flexbox_min-height-auto-ref.xht -flexbox_min-width-auto.xht == reference/flexbox_min-width-auto-ref.xht flexbox_nested-flex.xht == reference/flexbox_generated-flex-ref.xht flexbox_object.xht == reference/flexbox_object-ref.xht flexbox_order.xht == reference/flexbox_order-ref.xht @@ -525,6 +522,7 @@ ttwf-reftest-flex-base.xht == reference/ttwf-reftest-flex-base-ref.xht ttwf-reftest-flex-direction-column.xht == reference/ttwf-reftest-flex-direction-column-ref.xht ttwf-reftest-flex-direction-column-reverse.xht == reference/ttwf-reftest-flex-direction-column-reverse-ref.xht ttwf-reftest-flex-direction-row-reverse.xht == reference/ttwf-reftest-flex-direction-row-reverse-ref.xht +ttwf-reftest-flex-inline.xht == reference/ttwf-reftest-flex-inline-ref.xht ttwf-reftest-flex-order.xht == reference/ttwf-reftest-flex-order-ref.xht ttwf-reftest-flex-wrap.xht == reference/ttwf-reftest-flex-wrap-ref.xht ttwf-reftest-flex-wrap-reverse.xht == reference/ttwf-reftest-flex-wrap-reverse-ref.xht diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht index 978c2feef45..d96e60ebbe9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/toc.xht @@ -27,22 +27,22 @@ <tbody id="s2"> <tr><th><a href="chapter-2.xht">Chapter 2 - Flex Layout Box Model and Terminology</a></th> - <td>(30 Tests)</td></tr> + <td>(29 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Flex Containers: the flex and inline-flex display values</a></th> - <td>(35 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - Flex Items</a></th> - <td>(74 Tests)</td></tr> + <td>(72 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - Ordering and Orientation</a></th> - <td>(149 Tests)</td></tr> + <td>(150 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-direction-row-reverse.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-direction-row-reverse.xht index e6ee169c625..1141a0a2dba 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-direction-row-reverse.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-direction-row-reverse.xht @@ -24,7 +24,7 @@ </style> </head> <body> - <p>The test passed if you see all the cells are arraged horizontally and the order of cells are reversed.</p> + <p>The test passed if you see all the cells are arranged horizontally and the order of cells are reversed.</p> <div class="container"> <span>first</span> <span>second</span> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-inline.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-inline.xht new file mode 100644 index 00000000000..47ca9156baf --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/ttwf-reftest-flex-inline.xht @@ -0,0 +1,29 @@ +<!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 Flexible Box Test: display proprety - inline-flex</title> + <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> + <link href="http://www.w3.org/TR/css-flexbox-1/#valdef-display-inline-flex" rel="help" /> + <link href="reference/ttwf-reftest-flex-inline-ref.xht" rel="match" /> + <meta content="Statement describing what the test case is asserting" name="assert" /> + <style type="text/css"> + /* Positioned container allows for the self-describing statement to still + be visible in the case of failure */ + .container { + position: relative; + } + .greenSquare { + display: inline-flex; + margin-top: -200px; + background: green; + } + </style> +</head> +<body> + <p>The test passed if you see a green block which its text is 'Success!'.</p> + <div class="container"> + <!-- This is the square that should not be visible if the test passes --> + <div class="greenSquare">Success!</div> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-fonts-3_dev/html/reference/support/background-iframes-001.html b/tests/wpt/css-tests/css-fonts-3_dev/html/reference/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css-fonts-3_dev/html/reference/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css-fonts-3_dev/html/reference/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css-fonts-3_dev/html/support/background-iframes-001.html b/tests/wpt/css-tests/css-fonts-3_dev/html/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css-fonts-3_dev/html/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css-fonts-3_dev/html/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css-fonts-3_dev/xhtml1/reference/support/background-iframes-001.html b/tests/wpt/css-tests/css-fonts-3_dev/xhtml1/reference/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css-fonts-3_dev/xhtml1/reference/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css-fonts-3_dev/xhtml1/reference/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css-fonts-3_dev/xhtml1/support/background-iframes-001.html b/tests/wpt/css-tests/css-fonts-3_dev/xhtml1/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css-fonts-3_dev/xhtml1/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css-fonts-3_dev/xhtml1/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/reference/support/background-iframes-001.html b/tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/reference/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/reference/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/reference/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/support/background-iframes-001.html b/tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css-text-3_dev/html/chapter-7.htm b/tests/wpt/css-tests/css-text-3_dev/html/chapter-7.htm index ea783777d02..73889b77180 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/chapter-7.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/chapter-7.htm @@ -41,7 +41,7 @@ <tr id="text-align-end-001-7.1" class="primary"> <td><strong> <a href="text-align-end-001.htm">text-align-end-001</a></strong></td> - <td><a href="reference/text-align-end-001.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-001.htm">=</a> </td> <td></td> <td>text-align: end, direction: rtl <ul class="assert"> @@ -52,7 +52,7 @@ <tr id="text-align-end-002-7.1" class="primary"> <td><strong> <a href="text-align-end-002.htm">text-align-end-002</a></strong></td> - <td><a href="reference/text-align-end-002.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-002.htm">=</a> </td> <td></td> <td>text-align: end, direction: ltr <ul class="assert"> @@ -63,7 +63,7 @@ <tr id="text-align-end-003-7.1" class="primary"> <td><strong> <a href="text-align-end-003.htm">text-align-end-003</a></strong></td> - <td><a href="reference/text-align-end-003.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-003.htm">=</a> </td> <td></td> <td>text-align: end, dir=rtl <ul class="assert"> @@ -74,7 +74,7 @@ <tr id="text-align-end-004-7.1" class="primary"> <td><strong> <a href="text-align-end-004.htm">text-align-end-004</a></strong></td> - <td><a href="reference/text-align-end-004.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-004.htm">=</a> </td> <td></td> <td>text-align: end, dir=ltr <ul class="assert"> @@ -85,7 +85,7 @@ <tr id="text-align-end-005-7.1" class="primary"> <td><strong> <a href="text-align-end-005.htm">text-align-end-005</a></strong></td> - <td><a href="reference/text-align-end-005.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-005.htm">=</a> </td> <td></td> <td>text-align: end, direction: rtl <ul class="assert"> @@ -96,7 +96,7 @@ <tr id="text-align-end-006-7.1" class="primary"> <td><strong> <a href="text-align-end-006.htm">text-align-end-006</a></strong></td> - <td><a href="reference/text-align-end-006.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-006.htm">=</a> </td> <td></td> <td>text-align: end, direction: ltr <ul class="assert"> @@ -107,7 +107,7 @@ <tr id="text-align-end-007-7.1" class="primary"> <td><strong> <a href="text-align-end-007.htm">text-align-end-007</a></strong></td> - <td><a href="reference/text-align-end-007.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-007.htm">=</a> </td> <td></td> <td>text-align: end, dir=rtl <ul class="assert"> @@ -118,7 +118,7 @@ <tr id="text-align-end-008-7.1" class="primary"> <td><strong> <a href="text-align-end-008.htm">text-align-end-008</a></strong></td> - <td><a href="reference/text-align-end-008.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-008.htm">=</a> </td> <td></td> <td>text-align: end, dir=ltr <ul class="assert"> @@ -129,7 +129,7 @@ <tr id="text-align-end-009-7.1" class="primary"> <td><strong> <a href="text-align-end-009.htm">text-align-end-009</a></strong></td> - <td><a href="reference/text-align-end-009.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-009.htm">=</a> </td> <td></td> <td>text-align: end, dir=auto, RTL first strong <ul class="assert"> @@ -140,7 +140,7 @@ <tr id="text-align-end-010-7.1" class="primary"> <td><strong> <a href="text-align-end-010.htm">text-align-end-010</a></strong></td> - <td><a href="reference/text-align-end-010.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-010.htm">=</a> </td> <td></td> <td>text-align: end, dir=auto, LTR first strong <ul class="assert"> @@ -151,7 +151,7 @@ <tr id="text-align-end-014-7.1" class="primary"> <td><strong> <a href="text-align-end-014.htm">text-align-end-014</a></strong></td> - <td><a href="reference/text-align-end-014.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-014.htm">=</a> </td> <td></td> <td>text-align: end, pre, dir=rtl inherited <ul class="assert"> @@ -162,7 +162,7 @@ <tr id="text-align-end-015-7.1" class="primary"> <td><strong> <a href="text-align-end-015.htm">text-align-end-015</a></strong></td> - <td><a href="reference/text-align-end-015.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-015.htm">=</a> </td> <td></td> <td>text-align: end, pre, dir=ltr inherited <ul class="assert"> @@ -173,7 +173,7 @@ <tr id="text-align-end-016-7.1" class="primary"> <td><strong> <a href="text-align-end-016.htm">text-align-end-016</a></strong></td> - <td><a href="reference/text-align-end-016.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-016.htm">=</a> </td> <td></td> <td>text-align: end, pre, dir=auto <ul class="assert"> @@ -184,7 +184,7 @@ <tr id="text-align-end-017-7.1" class="primary"> <td><strong> <a href="text-align-end-017.htm">text-align-end-017</a></strong></td> - <td><a href="reference/text-align-end-017.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-017.htm">=</a> </td> <td></td> <td>text-align: end, pre, dir=auto on surrounding block <ul class="assert"> @@ -239,7 +239,7 @@ <tr id="text-align-justify-001-7.1" class="primary"> <td><strong> <a href="text-align-justify-001.htm">text-align-justify-001</a></strong></td> - <td><a href="reference/text-align-justify-001.htm">=</a> </td> + <td><a href="reference/text-align-justify-ref-001.htm">=</a> </td> <td></td> <td>text-align: justify, direction: rtl <ul class="assert"> @@ -250,7 +250,7 @@ <tr id="text-align-justify-002-7.1" class="primary"> <td><strong> <a href="text-align-justify-002.htm">text-align-justify-002</a></strong></td> - <td><a href="reference/text-align-justify-002.htm">=</a> </td> + <td><a href="reference/text-align-justify-ref-002.htm">=</a> </td> <td></td> <td>text-align: justify, direction: ltr <ul class="assert"> @@ -261,7 +261,7 @@ <tr id="text-align-justify-003-7.1" class="primary"> <td><strong> <a href="text-align-justify-003.htm">text-align-justify-003</a></strong></td> - <td><a href="reference/text-align-justify-003.htm">=</a> </td> + <td><a href="reference/text-align-justify-ref-003.htm">=</a> </td> <td></td> <td>text-align: justify, dir=rtl <ul class="assert"> @@ -272,7 +272,7 @@ <tr id="text-align-justify-004-7.1" class="primary"> <td><strong> <a href="text-align-justify-004.htm">text-align-justify-004</a></strong></td> - <td><a href="reference/text-align-justify-004.htm">=</a> </td> + <td><a href="reference/text-align-justify-ref-004.htm">=</a> </td> <td></td> <td>text-align: justify, dir=ltr <ul class="assert"> @@ -283,7 +283,7 @@ <tr id="text-align-justify-005-7.1" class="primary"> <td><strong> <a href="text-align-justify-005.htm">text-align-justify-005</a></strong></td> - <td><a href="reference/text-align-justify-005.htm">=</a> </td> + <td><a href="reference/text-align-justify-ref-005.htm">=</a> </td> <td></td> <td>text-align: justify, dir=auto, RTL first strong <ul class="assert"> @@ -294,7 +294,7 @@ <tr id="text-align-justify-006-7.1" class="primary"> <td><strong> <a href="text-align-justify-006.htm">text-align-justify-006</a></strong></td> - <td><a href="reference/text-align-justify-006.htm">=</a> </td> + <td><a href="reference/text-align-justify-ref-006.htm">=</a> </td> <td></td> <td>text-align: justify, dir=auto, LTR first strong <ul class="assert"> @@ -305,7 +305,7 @@ <tr id="text-align-justifyall-001-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-001.htm">text-align-justifyall-001</a></strong></td> - <td><a href="reference/text-align-justifyall-001.htm">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-001.htm">=</a> </td> <td></td> <td>text-align: justify-all, direction: rtl <ul class="assert"> @@ -316,7 +316,7 @@ <tr id="text-align-justifyall-002-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-002.htm">text-align-justifyall-002</a></strong></td> - <td><a href="reference/text-align-justifyall-002.htm">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-002.htm">=</a> </td> <td></td> <td>text-align: justify-all, direction: ltr <ul class="assert"> @@ -327,7 +327,7 @@ <tr id="text-align-justifyall-003-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-003.htm">text-align-justifyall-003</a></strong></td> - <td><a href="reference/text-align-justifyall-003.htm">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-003.htm">=</a> </td> <td></td> <td>text-align: justify-all, dir=rtl <ul class="assert"> @@ -338,7 +338,7 @@ <tr id="text-align-justifyall-004-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-004.htm">text-align-justifyall-004</a></strong></td> - <td><a href="reference/text-align-justifyall-004.htm">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-004.htm">=</a> </td> <td></td> <td>text-align: justify-all, dir=ltr <ul class="assert"> @@ -349,7 +349,7 @@ <tr id="text-align-justifyall-005-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-005.htm">text-align-justifyall-005</a></strong></td> - <td><a href="reference/text-align-justifyall-005.htm">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-005.htm">=</a> </td> <td></td> <td>text-align: justify-all, dir=auto, RTL first strong <ul class="assert"> @@ -360,7 +360,7 @@ <tr id="text-align-justifyall-006-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-006.htm">text-align-justifyall-006</a></strong></td> - <td><a href="reference/text-align-justifyall-006.htm">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-006.htm">=</a> </td> <td></td> <td>text-align: justify-all, dir=auto, LTR first strong <ul class="assert"> @@ -437,7 +437,7 @@ <tr id="text-align-start-001-7.1" class="primary"> <td><strong> <a href="text-align-start-001.htm">text-align-start-001</a></strong></td> - <td><a href="reference/text-align-start-001.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-001.htm">=</a> </td> <td></td> <td>text-align: start, direction: rtl <ul class="assert"> @@ -448,7 +448,7 @@ <tr id="text-align-start-002-7.1" class="primary"> <td><strong> <a href="text-align-start-002.htm">text-align-start-002</a></strong></td> - <td><a href="reference/text-align-start-002.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-002.htm">=</a> </td> <td></td> <td>text-align: start, direction: ltr <ul class="assert"> @@ -459,7 +459,7 @@ <tr id="text-align-start-003-7.1" class="primary"> <td><strong> <a href="text-align-start-003.htm">text-align-start-003</a></strong></td> - <td><a href="reference/text-align-start-003.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-003.htm">=</a> </td> <td></td> <td>text-align: start, dir=rtl <ul class="assert"> @@ -470,7 +470,7 @@ <tr id="text-align-start-004-7.1" class="primary"> <td><strong> <a href="text-align-start-004.htm">text-align-start-004</a></strong></td> - <td><a href="reference/text-align-start-004.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-004.htm">=</a> </td> <td></td> <td>text-align: start, dir=ltr <ul class="assert"> @@ -481,7 +481,7 @@ <tr id="text-align-start-005-7.1" class="primary"> <td><strong> <a href="text-align-start-005.htm">text-align-start-005</a></strong></td> - <td><a href="reference/text-align-start-005.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-005.htm">=</a> </td> <td></td> <td>text-align: start, direction: rtl <ul class="assert"> @@ -492,7 +492,7 @@ <tr id="text-align-start-006-7.1" class="primary"> <td><strong> <a href="text-align-start-006.htm">text-align-start-006</a></strong></td> - <td><a href="reference/text-align-start-006.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-006.htm">=</a> </td> <td></td> <td>text-align: start, direction: ltr <ul class="assert"> @@ -503,7 +503,7 @@ <tr id="text-align-start-007-7.1" class="primary"> <td><strong> <a href="text-align-start-007.htm">text-align-start-007</a></strong></td> - <td><a href="reference/text-align-start-007.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-007.htm">=</a> </td> <td></td> <td>text-align: start, dir=rtl <ul class="assert"> @@ -514,7 +514,7 @@ <tr id="text-align-start-008-7.1" class="primary"> <td><strong> <a href="text-align-start-008.htm">text-align-start-008</a></strong></td> - <td><a href="reference/text-align-start-008.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-008.htm">=</a> </td> <td></td> <td>text-align: start, dir=ltr <ul class="assert"> @@ -525,7 +525,7 @@ <tr id="text-align-start-009-7.1" class="primary"> <td><strong> <a href="text-align-start-009.htm">text-align-start-009</a></strong></td> - <td><a href="reference/text-align-start-009.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-009.htm">=</a> </td> <td></td> <td>text-align: start, dir=auto, RTL first strong <ul class="assert"> @@ -536,7 +536,7 @@ <tr id="text-align-start-010-7.1" class="primary"> <td><strong> <a href="text-align-start-010.htm">text-align-start-010</a></strong></td> - <td><a href="reference/text-align-start-010.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-010.htm">=</a> </td> <td></td> <td>text-align: start, dir=auto, LTR first strong <ul class="assert"> @@ -547,7 +547,7 @@ <tr id="text-align-start-014-7.1" class="primary"> <td><strong> <a href="text-align-start-014.htm">text-align-start-014</a></strong></td> - <td><a href="reference/text-align-start-014.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-014.htm">=</a> </td> <td></td> <td>text-align: start, pre, dir=rtl inherited <ul class="assert"> @@ -558,7 +558,7 @@ <tr id="text-align-start-015-7.1" class="primary"> <td><strong> <a href="text-align-start-015.htm">text-align-start-015</a></strong></td> - <td><a href="reference/text-align-start-015.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-015.htm">=</a> </td> <td></td> <td>text-align: start, pre, dir=ltr inherited <ul class="assert"> @@ -569,7 +569,7 @@ <tr id="text-align-start-016-7.1" class="primary"> <td><strong> <a href="text-align-start-016.htm">text-align-start-016</a></strong></td> - <td><a href="reference/text-align-start-016.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-016.htm">=</a> </td> <td></td> <td>text-align: start, pre, dir=auto <ul class="assert"> @@ -580,7 +580,7 @@ <tr id="text-align-start-017-7.1" class="primary"> <td><strong> <a href="text-align-start-017.htm">text-align-start-017</a></strong></td> - <td><a href="reference/text-align-start-017.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-017.htm">=</a> </td> <td></td> <td>text-align: start, pre, dir=auto on surrounding block <ul class="assert"> diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-001.htm new file mode 100644 index 00000000000..c76aca5f646 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-001.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-002.htm new file mode 100644 index 00000000000..c963e1f38fc --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-002.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div style="direction: rtl;"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-003.htm new file mode 100644 index 00000000000..50033320e82 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-003.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-004.htm new file mode 100644 index 00000000000..4d8102e16c2 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-004.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-005.htm new file mode 100644 index 00000000000..df720cf94be --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-005.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-006.htm new file mode 100644 index 00000000000..6f893ddff6c --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-006.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-007.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-007.htm new file mode 100644 index 00000000000..8472096c26f --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-007.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-008.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-008.htm new file mode 100644 index 00000000000..309574b54e0 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-008.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-009.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-009.htm new file mode 100644 index 00000000000..35d16ea0c10 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-009.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-010.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-010.htm new file mode 100644 index 00000000000..63d0bd79e9c --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-010.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-014.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-014.htm new file mode 100644 index 00000000000..715e4b3e7cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-014.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, pre, dir=rtl inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-015.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-015.htm new file mode 100644 index 00000000000..a17d0e7497d --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-015.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, pre, dir=ltr inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-016.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-016.htm new file mode 100644 index 00000000000..252aa111308 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-016.htm @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, pre, dir=auto</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 24px; } +.rb2 { position: absolute; bottom: 0; left: 0; background-color: orange; width: 72px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-017.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-017.htm new file mode 100644 index 00000000000..27b24f07748 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-end-ref-017.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: end, pre, dir=auto on surrounding block</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-001.htm new file mode 100644 index 00000000000..19bd64776f7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-001.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: justify, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-002.htm new file mode 100644 index 00000000000..212801325e5 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-002.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: justify, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-003.htm new file mode 100644 index 00000000000..fe23bbe1196 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-003.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: justify, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-004.htm new file mode 100644 index 00000000000..d0887d00ed9 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-004.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: justify, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-005.htm new file mode 100644 index 00000000000..bf3848d67bc --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-005.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: justify, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-006.htm new file mode 100644 index 00000000000..d4d780136f0 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justify-ref-006.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: justify, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-001.htm new file mode 100644 index 00000000000..ddbf17c3014 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-001.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: justify-all, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-002.htm new file mode 100644 index 00000000000..955f2ca9989 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-002.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: justify-all, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-003.htm new file mode 100644 index 00000000000..fc41ce8f6a9 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-003.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: justify-all, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-004.htm new file mode 100644 index 00000000000..5686c75acdb --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-004.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: justify-all, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-005.htm new file mode 100644 index 00000000000..76b7688de03 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-005.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: justify-all, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-006.htm new file mode 100644 index 00000000000..04af82147f9 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-justifyall-ref-006.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: justify-all, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-001.htm new file mode 100644 index 00000000000..e5c0ab5d3e9 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-001.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; direction: rtl; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-002.htm new file mode 100644 index 00000000000..b615298308b --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-002.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; direction: ltr; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div style="direction: rtl;"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-003.htm new file mode 100644 index 00000000000..79b91c03c5f --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-003.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-004.htm new file mode 100644 index 00000000000..d11e7a9d10e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-004.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-005.htm new file mode 100644 index 00000000000..61dae9d1c2c --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-005.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; direction: rtl; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-006.htm new file mode 100644 index 00000000000..6ddd93b21e7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-006.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; direction: ltr; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-007.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-007.htm new file mode 100644 index 00000000000..4f2c116c4c9 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-007.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-008.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-008.htm new file mode 100644 index 00000000000..65eae432131 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-008.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-009.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-009.htm new file mode 100644 index 00000000000..8ebc6f6cf1e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-009.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-010.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-010.htm new file mode 100644 index 00000000000..71fe026ab66 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-010.htm @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-014.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-014.htm new file mode 100644 index 00000000000..10e64dc3d0e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-014.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, pre, dir=rtl inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-015.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-015.htm new file mode 100644 index 00000000000..65cab696778 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-015.htm @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, pre, dir=ltr inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="ltr"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-016.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-016.htm new file mode 100644 index 00000000000..1abdda07917 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-016.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, pre, dir=auto</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 24px; } +.rb2 { position: absolute; bottom: 0; right: 0; background-color: orange; width: 72px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-017.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-017.htm new file mode 100644 index 00000000000..343cbbaa938 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-align-start-ref-017.htm @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta charset="utf-8"> +<title>text-align: start, pre, dir=auto on surrounding block</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm index 816963e0642..3b1ea6cb62d 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm @@ -4204,7 +4204,7 @@ <tr> <td rowspan="1" title="text-align: end, direction: rtl"> <a href="text-align-end-001.htm">text-align-end-001</a></td> - <td><a href="reference/text-align-end-001.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-001.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4212,7 +4212,7 @@ <tr> <td rowspan="1" title="text-align: end, direction: ltr"> <a href="text-align-end-002.htm">text-align-end-002</a></td> - <td><a href="reference/text-align-end-002.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-002.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4220,7 +4220,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=rtl"> <a href="text-align-end-003.htm">text-align-end-003</a></td> - <td><a href="reference/text-align-end-003.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-003.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4228,7 +4228,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=ltr"> <a href="text-align-end-004.htm">text-align-end-004</a></td> - <td><a href="reference/text-align-end-004.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-004.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4236,7 +4236,7 @@ <tr> <td rowspan="1" title="text-align: end, direction: rtl"> <a href="text-align-end-005.htm">text-align-end-005</a></td> - <td><a href="reference/text-align-end-005.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-005.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4244,7 +4244,7 @@ <tr> <td rowspan="1" title="text-align: end, direction: ltr"> <a href="text-align-end-006.htm">text-align-end-006</a></td> - <td><a href="reference/text-align-end-006.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-006.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4252,7 +4252,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=rtl"> <a href="text-align-end-007.htm">text-align-end-007</a></td> - <td><a href="reference/text-align-end-007.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-007.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4260,7 +4260,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=ltr"> <a href="text-align-end-008.htm">text-align-end-008</a></td> - <td><a href="reference/text-align-end-008.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-008.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4268,7 +4268,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=auto, RTL first strong"> <a href="text-align-end-009.htm">text-align-end-009</a></td> - <td><a href="reference/text-align-end-009.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-009.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4276,7 +4276,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=auto, LTR first strong"> <a href="text-align-end-010.htm">text-align-end-010</a></td> - <td><a href="reference/text-align-end-010.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-010.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4284,7 +4284,7 @@ <tr> <td rowspan="1" title="text-align: end, pre, dir=rtl inherited"> <a href="text-align-end-014.htm">text-align-end-014</a></td> - <td><a href="reference/text-align-end-014.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-014.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4292,7 +4292,7 @@ <tr> <td rowspan="1" title="text-align: end, pre, dir=ltr inherited"> <a href="text-align-end-015.htm">text-align-end-015</a></td> - <td><a href="reference/text-align-end-015.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-015.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4300,7 +4300,7 @@ <tr> <td rowspan="1" title="text-align: end, pre, dir=auto"> <a href="text-align-end-016.htm">text-align-end-016</a></td> - <td><a href="reference/text-align-end-016.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-016.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4308,7 +4308,7 @@ <tr> <td rowspan="1" title="text-align: end, pre, dir=auto on surrounding block"> <a href="text-align-end-017.htm">text-align-end-017</a></td> - <td><a href="reference/text-align-end-017.htm">=</a> </td> + <td><a href="reference/text-align-end-ref-017.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4316,7 +4316,7 @@ <tr> <td rowspan="1" title="text-align: justify, direction: rtl"> <a href="text-align-justify-001.htm">text-align-justify-001</a></td> - <td><a href="reference/text-align-justify-001.htm">=</a> </td> + <td><a href="reference/text-align-justify-ref-001.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4324,7 +4324,7 @@ <tr> <td rowspan="1" title="text-align: justify, direction: ltr"> <a href="text-align-justify-002.htm">text-align-justify-002</a></td> - <td><a href="reference/text-align-justify-002.htm">=</a> </td> + <td><a href="reference/text-align-justify-ref-002.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4332,7 +4332,7 @@ <tr> <td rowspan="1" title="text-align: justify, dir=rtl"> <a href="text-align-justify-003.htm">text-align-justify-003</a></td> - <td><a href="reference/text-align-justify-003.htm">=</a> </td> + <td><a href="reference/text-align-justify-ref-003.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4340,7 +4340,7 @@ <tr> <td rowspan="1" title="text-align: justify, dir=ltr"> <a href="text-align-justify-004.htm">text-align-justify-004</a></td> - <td><a href="reference/text-align-justify-004.htm">=</a> </td> + <td><a href="reference/text-align-justify-ref-004.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4348,7 +4348,7 @@ <tr> <td rowspan="1" title="text-align: justify, dir=auto, RTL first strong"> <a href="text-align-justify-005.htm">text-align-justify-005</a></td> - <td><a href="reference/text-align-justify-005.htm">=</a> </td> + <td><a href="reference/text-align-justify-ref-005.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4356,7 +4356,7 @@ <tr> <td rowspan="1" title="text-align: justify, dir=auto, LTR first strong"> <a href="text-align-justify-006.htm">text-align-justify-006</a></td> - <td><a href="reference/text-align-justify-006.htm">=</a> </td> + <td><a href="reference/text-align-justify-ref-006.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4364,7 +4364,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, direction: rtl"> <a href="text-align-justifyall-001.htm">text-align-justifyall-001</a></td> - <td><a href="reference/text-align-justifyall-001.htm">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-001.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4372,7 +4372,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, direction: ltr"> <a href="text-align-justifyall-002.htm">text-align-justifyall-002</a></td> - <td><a href="reference/text-align-justifyall-002.htm">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-002.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4380,7 +4380,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, dir=rtl"> <a href="text-align-justifyall-003.htm">text-align-justifyall-003</a></td> - <td><a href="reference/text-align-justifyall-003.htm">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-003.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4388,7 +4388,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, dir=ltr"> <a href="text-align-justifyall-004.htm">text-align-justifyall-004</a></td> - <td><a href="reference/text-align-justifyall-004.htm">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-004.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4396,7 +4396,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, dir=auto, RTL first strong"> <a href="text-align-justifyall-005.htm">text-align-justifyall-005</a></td> - <td><a href="reference/text-align-justifyall-005.htm">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-005.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4404,7 +4404,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, dir=auto, LTR first strong"> <a href="text-align-justifyall-006.htm">text-align-justifyall-006</a></td> - <td><a href="reference/text-align-justifyall-006.htm">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-006.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4468,7 +4468,7 @@ <tr> <td rowspan="1" title="text-align: start, direction: rtl"> <a href="text-align-start-001.htm">text-align-start-001</a></td> - <td><a href="reference/text-align-start-001.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-001.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4476,7 +4476,7 @@ <tr> <td rowspan="1" title="text-align: start, direction: ltr"> <a href="text-align-start-002.htm">text-align-start-002</a></td> - <td><a href="reference/text-align-start-002.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-002.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4484,7 +4484,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=rtl"> <a href="text-align-start-003.htm">text-align-start-003</a></td> - <td><a href="reference/text-align-start-003.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-003.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4492,7 +4492,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=ltr"> <a href="text-align-start-004.htm">text-align-start-004</a></td> - <td><a href="reference/text-align-start-004.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-004.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4500,7 +4500,7 @@ <tr> <td rowspan="1" title="text-align: start, direction: rtl"> <a href="text-align-start-005.htm">text-align-start-005</a></td> - <td><a href="reference/text-align-start-005.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-005.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4508,7 +4508,7 @@ <tr> <td rowspan="1" title="text-align: start, direction: ltr"> <a href="text-align-start-006.htm">text-align-start-006</a></td> - <td><a href="reference/text-align-start-006.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-006.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4516,7 +4516,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=rtl"> <a href="text-align-start-007.htm">text-align-start-007</a></td> - <td><a href="reference/text-align-start-007.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-007.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4524,7 +4524,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=ltr"> <a href="text-align-start-008.htm">text-align-start-008</a></td> - <td><a href="reference/text-align-start-008.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-008.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4532,7 +4532,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=auto, RTL first strong"> <a href="text-align-start-009.htm">text-align-start-009</a></td> - <td><a href="reference/text-align-start-009.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-009.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4540,7 +4540,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=auto, LTR first strong"> <a href="text-align-start-010.htm">text-align-start-010</a></td> - <td><a href="reference/text-align-start-010.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-010.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4548,7 +4548,7 @@ <tr> <td rowspan="1" title="text-align: start, pre, dir=rtl inherited"> <a href="text-align-start-014.htm">text-align-start-014</a></td> - <td><a href="reference/text-align-start-014.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-014.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4556,7 +4556,7 @@ <tr> <td rowspan="1" title="text-align: start, pre, dir=ltr inherited"> <a href="text-align-start-015.htm">text-align-start-015</a></td> - <td><a href="reference/text-align-start-015.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-015.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4564,7 +4564,7 @@ <tr> <td rowspan="1" title="text-align: start, pre, dir=auto"> <a href="text-align-start-016.htm">text-align-start-016</a></td> - <td><a href="reference/text-align-start-016.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-016.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4572,7 +4572,7 @@ <tr> <td rowspan="1" title="text-align: start, pre, dir=auto on surrounding block"> <a href="text-align-start-017.htm">text-align-start-017</a></td> - <td><a href="reference/text-align-start-017.htm">=</a> </td> + <td><a href="reference/text-align-start-ref-017.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reftest.list b/tests/wpt/css-tests/css-text-3_dev/html/reftest.list index fa0ba2778a7..c0402df91d3 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-text-3_dev/html/reftest.list @@ -521,32 +521,32 @@ tab-size-percent-001.htm == reference/tab-size-length-001-ref.htm text-align-006.htm == reference/text-align-006-ref.htm text-align-007.htm == reference/text-align-007-ref.htm text-align-008.htm == reference/text-align-007-ref.htm -text-align-end-001.htm == reference/text-align-end-001.htm -text-align-end-002.htm == reference/text-align-end-002.htm -text-align-end-003.htm == reference/text-align-end-003.htm -text-align-end-004.htm == reference/text-align-end-004.htm -text-align-end-005.htm == reference/text-align-end-005.htm -text-align-end-006.htm == reference/text-align-end-006.htm -text-align-end-007.htm == reference/text-align-end-007.htm -text-align-end-008.htm == reference/text-align-end-008.htm -text-align-end-009.htm == reference/text-align-end-009.htm -text-align-end-010.htm == reference/text-align-end-010.htm -text-align-end-014.htm == reference/text-align-end-014.htm -text-align-end-015.htm == reference/text-align-end-015.htm -text-align-end-016.htm == reference/text-align-end-016.htm -text-align-end-017.htm == reference/text-align-end-017.htm -text-align-justify-001.htm == reference/text-align-justify-001.htm -text-align-justify-002.htm == reference/text-align-justify-002.htm -text-align-justify-003.htm == reference/text-align-justify-003.htm -text-align-justify-004.htm == reference/text-align-justify-004.htm -text-align-justify-005.htm == reference/text-align-justify-005.htm -text-align-justify-006.htm == reference/text-align-justify-006.htm -text-align-justifyall-001.htm == reference/text-align-justifyall-001.htm -text-align-justifyall-002.htm == reference/text-align-justifyall-002.htm -text-align-justifyall-003.htm == reference/text-align-justifyall-003.htm -text-align-justifyall-004.htm == reference/text-align-justifyall-004.htm -text-align-justifyall-005.htm == reference/text-align-justifyall-005.htm -text-align-justifyall-006.htm == reference/text-align-justifyall-006.htm +text-align-end-001.htm == reference/text-align-end-ref-001.htm +text-align-end-002.htm == reference/text-align-end-ref-002.htm +text-align-end-003.htm == reference/text-align-end-ref-003.htm +text-align-end-004.htm == reference/text-align-end-ref-004.htm +text-align-end-005.htm == reference/text-align-end-ref-005.htm +text-align-end-006.htm == reference/text-align-end-ref-006.htm +text-align-end-007.htm == reference/text-align-end-ref-007.htm +text-align-end-008.htm == reference/text-align-end-ref-008.htm +text-align-end-009.htm == reference/text-align-end-ref-009.htm +text-align-end-010.htm == reference/text-align-end-ref-010.htm +text-align-end-014.htm == reference/text-align-end-ref-014.htm +text-align-end-015.htm == reference/text-align-end-ref-015.htm +text-align-end-016.htm == reference/text-align-end-ref-016.htm +text-align-end-017.htm == reference/text-align-end-ref-017.htm +text-align-justify-001.htm == reference/text-align-justify-ref-001.htm +text-align-justify-002.htm == reference/text-align-justify-ref-002.htm +text-align-justify-003.htm == reference/text-align-justify-ref-003.htm +text-align-justify-004.htm == reference/text-align-justify-ref-004.htm +text-align-justify-005.htm == reference/text-align-justify-ref-005.htm +text-align-justify-006.htm == reference/text-align-justify-ref-006.htm +text-align-justifyall-001.htm == reference/text-align-justifyall-ref-001.htm +text-align-justifyall-002.htm == reference/text-align-justifyall-ref-002.htm +text-align-justifyall-003.htm == reference/text-align-justifyall-ref-003.htm +text-align-justifyall-004.htm == reference/text-align-justifyall-ref-004.htm +text-align-justifyall-005.htm == reference/text-align-justifyall-ref-005.htm +text-align-justifyall-006.htm == reference/text-align-justifyall-ref-006.htm text-align-last-010.htm == reference/text-align-last-010-ref.htm text-align-last-011.htm == reference/text-align-last-010-ref.htm text-align-match-parent-02.htm == reference/text-align-match-parent-ref.htm @@ -554,20 +554,20 @@ text-align-match-parent-03.htm == reference/text-align-match-parent-ref.htm text-align-match-parent-04.htm == reference/text-align-match-parent-ref.htm text-align-match-parent-root-ltr.htm == reference/text-align-match-parent-root-ltr-ref.htm text-align-match-parent-root-rtl.htm == reference/text-align-match-parent-root-rtl-ref.htm -text-align-start-001.htm == reference/text-align-start-001.htm -text-align-start-002.htm == reference/text-align-start-002.htm -text-align-start-003.htm == reference/text-align-start-003.htm -text-align-start-004.htm == reference/text-align-start-004.htm -text-align-start-005.htm == reference/text-align-start-005.htm -text-align-start-006.htm == reference/text-align-start-006.htm -text-align-start-007.htm == reference/text-align-start-007.htm -text-align-start-008.htm == reference/text-align-start-008.htm -text-align-start-009.htm == reference/text-align-start-009.htm -text-align-start-010.htm == reference/text-align-start-010.htm -text-align-start-014.htm == reference/text-align-start-014.htm -text-align-start-015.htm == reference/text-align-start-015.htm -text-align-start-016.htm == reference/text-align-start-016.htm -text-align-start-017.htm == reference/text-align-start-017.htm +text-align-start-001.htm == reference/text-align-start-ref-001.htm +text-align-start-002.htm == reference/text-align-start-ref-002.htm +text-align-start-003.htm == reference/text-align-start-ref-003.htm +text-align-start-004.htm == reference/text-align-start-ref-004.htm +text-align-start-005.htm == reference/text-align-start-ref-005.htm +text-align-start-006.htm == reference/text-align-start-ref-006.htm +text-align-start-007.htm == reference/text-align-start-ref-007.htm +text-align-start-008.htm == reference/text-align-start-ref-008.htm +text-align-start-009.htm == reference/text-align-start-ref-009.htm +text-align-start-010.htm == reference/text-align-start-ref-010.htm +text-align-start-014.htm == reference/text-align-start-ref-014.htm +text-align-start-015.htm == reference/text-align-start-ref-015.htm +text-align-start-016.htm == reference/text-align-start-ref-016.htm +text-align-start-017.htm == reference/text-align-start-ref-017.htm text-emphasis-color-001.htm == reference/text-emphasis-color-001-ref.htm text-emphasis-position-above-left-001.htm == reference/text-emphasis-position-above-left-001-ref.htm text-emphasis-position-above-left-002.htm == reference/text-emphasis-position-above-left-002-ref.htm diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-3_dev/html/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-001.htm index c002b65260c..022fa3f2638 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-001.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-001.htm @@ -4,7 +4,7 @@ <title>text-align: end, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-001.htm" rel="match"> +<link href="reference/text-align-end-ref-001.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert"> <style type="text/css"> .test { text-align: end; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-002.htm index df63bf319c8..35663ee77a5 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-002.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-002.htm @@ -4,7 +4,7 @@ <title>text-align: end, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-002.htm" rel="match"> +<link href="reference/text-align-end-ref-002.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert"> <style type="text/css"> .test { text-align: end; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-003.htm index ee35afd0aa4..e4967dbe7b2 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-003.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-003.htm @@ -4,7 +4,7 @@ <title>text-align: end, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-003.htm" rel="match"> +<link href="reference/text-align-end-ref-003.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert"> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-004.htm index 5963e494229..fe8dc484519 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-004.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-004.htm @@ -4,7 +4,7 @@ <title>text-align: end, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-004.htm" rel="match"> +<link href="reference/text-align-end-ref-004.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert"> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-005.htm index f1cce7f9d1b..6d2a1274ac7 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-005.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-005.htm @@ -4,7 +4,7 @@ <title>text-align: end, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-005.htm" rel="match"> +<link href="reference/text-align-end-ref-005.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert"> <style type="text/css"> .test { text-align: end; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-006.htm index 133c02b861b..1460fccebab 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-006.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-006.htm @@ -4,7 +4,7 @@ <title>text-align: end, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-006.htm" rel="match"> +<link href="reference/text-align-end-ref-006.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert"> <style type="text/css"> .test { text-align: end; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-007.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-007.htm index 78178b6fd7e..50d2cf39447 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-007.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-007.htm @@ -4,7 +4,7 @@ <title>text-align: end, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-007.htm" rel="match"> +<link href="reference/text-align-end-ref-007.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert"> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-008.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-008.htm index 71ce566588a..b3c5f21f053 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-008.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-008.htm @@ -4,7 +4,7 @@ <title>text-align: end, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-008.htm" rel="match"> +<link href="reference/text-align-end-ref-008.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert"> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-009.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-009.htm index 7aa9ea3ceab..ed0980b4889 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-009.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-009.htm @@ -4,7 +4,7 @@ <title>text-align: end, dir=auto, RTL first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-009.htm" rel="match"> +<link href="reference/text-align-end-ref-009.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is auto and first strong character is rtl." name="assert"> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-010.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-010.htm index 94e9a8c069b..d40c0abac85 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-010.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-010.htm @@ -4,7 +4,7 @@ <title>text-align: end, dir=auto, LTR first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-010.htm" rel="match"> +<link href="reference/text-align-end-ref-010.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr." name="assert"> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-014.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-014.htm index 80d6aaaec60..c24fc54f31e 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-014.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-014.htm @@ -4,7 +4,7 @@ <title>text-align: end, pre, dir=rtl inherited</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-014.htm" rel="match"> +<link href="reference/text-align-end-ref-014.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when base direction is rtl." name="assert"> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-015.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-015.htm index 6cab0d6d79a..1e26a19321c 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-015.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-015.htm @@ -4,7 +4,7 @@ <title>text-align: end, pre, dir=ltr inherited</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-015.htm" rel="match"> +<link href="reference/text-align-end-ref-015.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when base direction is ltr." name="assert"> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-016.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-016.htm index 58617405aad..e41294c63f9 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-016.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-016.htm @@ -4,7 +4,7 @@ <title>text-align: end, pre, dir=auto</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-016.htm" rel="match"> +<link href="reference/text-align-end-ref-016.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr, and left when first strong is rtl." name="assert"> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-017.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-017.htm index 470381d5f83..d7d43102cf3 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-017.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-end-017.htm @@ -4,7 +4,7 @@ <title>text-align: end, pre, dir=auto on surrounding block</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-end-017.htm" rel="match"> +<link href="reference/text-align-end-ref-017.htm" rel="match"> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. since dir=auto is not inherited by pre, to right in ltr context." name="assert"> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-001.htm index 44856a16960..e69259b9074 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-001.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-001.htm @@ -2,7 +2,7 @@ <html lang="en"><head> <meta charset="utf-8"> <title>text-align: justify, direction: rtl</title> -<link href="reference/text-align-justify-001.htm" rel="match"> +<link href="reference/text-align-justify-ref-001.htm" rel="match"> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert"> diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-002.htm index 132c8f379c9..2aa271fc723 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-002.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-002.htm @@ -2,7 +2,7 @@ <html lang="en"><head> <meta charset="utf-8"> <title>text-align: justify, direction: ltr</title> -<link href="reference/text-align-justify-002.htm" rel="match"> +<link href="reference/text-align-justify-ref-002.htm" rel="match"> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert"> diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-003.htm index aaeb8f5bfa7..1bf70df00b9 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-003.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-003.htm @@ -4,7 +4,7 @@ <title>text-align: justify, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-justify-003.htm" rel="match"> +<link href="reference/text-align-justify-ref-003.htm" rel="match"> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert"> <style type="text/css"> .test { text-align: justify; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-004.htm index 9de598e527f..27bcf188546 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-004.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-004.htm @@ -4,7 +4,7 @@ <title>text-align: justify, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-justify-004.htm" rel="match"> +<link href="reference/text-align-justify-ref-004.htm" rel="match"> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert"> <style type="text/css"> .test { text-align: justify; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-005.htm index 1488767fcfd..26421aea7f3 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-005.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-005.htm @@ -4,7 +4,7 @@ <title>text-align: justify, dir=auto, RTL first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-justify-005.htm" rel="match"> +<link href="reference/text-align-justify-ref-005.htm" rel="match"> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert"> <style type="text/css"> .test { text-align: justify; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-006.htm index 052949ea560..5077720da40 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-006.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justify-006.htm @@ -4,7 +4,7 @@ <title>text-align: justify, dir=auto, LTR first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-justify-006.htm" rel="match"> +<link href="reference/text-align-justify-ref-006.htm" rel="match"> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert"> <style type="text/css"> .test { text-align: justify; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-001.htm index a7ddfb8ff30..4c8d4ff286f 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-001.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-001.htm @@ -4,7 +4,7 @@ <title>text-align: justify-all, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-justifyall-001.htm" rel="match"> +<link href="reference/text-align-justifyall-ref-001.htm" rel="match"> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert"> <style type="text/css"> .test { text-align: justify-all; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-002.htm index ef6f9ff0aa7..de5ea874dea 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-002.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-002.htm @@ -4,7 +4,7 @@ <title>text-align: justify-all, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-justifyall-002.htm" rel="match"> +<link href="reference/text-align-justifyall-ref-002.htm" rel="match"> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert"> <style type="text/css"> .test { text-align: justify-all; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-003.htm index 30f2a80502f..2715e64d693 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-003.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-003.htm @@ -4,7 +4,7 @@ <title>text-align: justify-all, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-justifyall-003.htm" rel="match"> +<link href="reference/text-align-justifyall-ref-003.htm" rel="match"> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert"> <style type="text/css"> .test { text-align: justify-all; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-004.htm index f3cc6124e9e..08ce085963b 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-004.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-004.htm @@ -3,7 +3,7 @@ <meta charset="utf-8"> <title>text-align: justify-all, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> -<link href="reference/text-align-justifyall-004.htm" rel="match"> +<link href="reference/text-align-justifyall-ref-004.htm" rel="match"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert"> <style type="text/css"> diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-005.htm index 0497a820b73..e82b99c5f24 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-005.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-005.htm @@ -4,7 +4,7 @@ <title>text-align: justify-all, dir=auto, RTL first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-justifyall-005.htm" rel="match"> +<link href="reference/text-align-justifyall-ref-005.htm" rel="match"> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert"> <style type="text/css"> .test { text-align: justify-all; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-006.htm index 1d743c3cfd5..0040d832194 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-006.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-justifyall-006.htm @@ -4,7 +4,7 @@ <title>text-align: justify-all, dir=auto, LTR first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-justifyall-006.htm" rel="match"> +<link href="reference/text-align-justifyall-ref-006.htm" rel="match"> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert"> <style type="text/css"> .test { text-align: justify-all; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-001.htm index f52c1c276d7..14ab3967e42 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-001.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-001.htm @@ -4,7 +4,7 @@ <title>text-align: start, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-001.htm" rel="match"> +<link href="reference/text-align-start-ref-001.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert"> <style type="text/css"> .test { text-align: start; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-002.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-002.htm index a8725b12815..11ce4c6b5e9 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-002.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-002.htm @@ -4,7 +4,7 @@ <title>text-align: start, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-002.htm" rel="match"> +<link href="reference/text-align-start-ref-002.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert"> <style type="text/css"> .test { text-align: start; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-003.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-003.htm index 16c633feb83..8c28764073a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-003.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-003.htm @@ -4,7 +4,7 @@ <title>text-align: start, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-003.htm" rel="match"> +<link href="reference/text-align-start-ref-003.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert"> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-004.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-004.htm index e72b8ceb795..8f9ac3bd6c9 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-004.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-004.htm @@ -4,7 +4,7 @@ <title>text-align: start, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-004.htm" rel="match"> +<link href="reference/text-align-start-ref-004.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert"> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-005.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-005.htm index ae61d540416..590dcccf18b 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-005.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-005.htm @@ -4,7 +4,7 @@ <title>text-align: start, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-005.htm" rel="match"> +<link href="reference/text-align-start-ref-005.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert"> <style type="text/css"> .test { text-align: start; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-006.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-006.htm index e94db60a0f2..cc8f7ebf1e5 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-006.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-006.htm @@ -4,7 +4,7 @@ <title>text-align: start, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-006.htm" rel="match"> +<link href="reference/text-align-start-ref-006.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert"> <style type="text/css"> .test { text-align: start; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-007.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-007.htm index 7c707720eb6..9ba45932aab 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-007.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-007.htm @@ -4,7 +4,7 @@ <title>text-align: start, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-007.htm" rel="match"> +<link href="reference/text-align-start-ref-007.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert"> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-008.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-008.htm index f73ce90c675..0670a789c7b 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-008.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-008.htm @@ -4,7 +4,7 @@ <title>text-align: start, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-008.htm" rel="match"> +<link href="reference/text-align-start-ref-008.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert"> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-009.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-009.htm index 698140c0d05..adb9fde15dd 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-009.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-009.htm @@ -4,7 +4,7 @@ <title>text-align: start, dir=auto, RTL first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-009.htm" rel="match"> +<link href="reference/text-align-start-ref-009.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is auto and first strong character is rtl." name="assert"> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-010.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-010.htm index fd5c609a0bc..51ee0d8f35a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-010.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-010.htm @@ -4,7 +4,7 @@ <title>text-align: start, dir=auto, LTR first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-010.htm" rel="match"> +<link href="reference/text-align-start-ref-010.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr." name="assert"> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-014.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-014.htm index 1fa7d33c375..18da63bd484 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-014.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-014.htm @@ -4,7 +4,7 @@ <title>text-align: start, pre, dir=rtl inherited</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-014.htm" rel="match"> +<link href="reference/text-align-start-ref-014.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when base direction is rtl." name="assert"> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-015.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-015.htm index c3fda073ecf..3b84af17bc6 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-015.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-015.htm @@ -4,7 +4,7 @@ <title>text-align: start, pre, dir=ltr inherited</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-015.htm" rel="match"> +<link href="reference/text-align-start-ref-015.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when base direction is ltr." name="assert"> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-016.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-016.htm index 59ae2c7b2d6..dbba3cd4301 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-016.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-016.htm @@ -4,7 +4,7 @@ <title>text-align: start, pre, dir=auto</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-016.htm" rel="match"> +<link href="reference/text-align-start-ref-016.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr, and right when first strong is rtl." name="assert"> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-017.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-017.htm index 5214f3ac370..c14a13358e9 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-017.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-align-start-017.htm @@ -4,7 +4,7 @@ <title>text-align: start, pre, dir=auto on surrounding block</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida"> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help"> -<link href="reference/text-align-start-017.htm" rel="match"> +<link href="reference/text-align-start-ref-017.htm" rel="match"> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. since dir=auto is not inherited by pre, to left in ltr context." name="assert"> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data index 41ef0f05421..e0a3306209e 100644 --- a/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data @@ -1321,34 +1321,34 @@ html/text-align-007.htm f03bb29856642a23b70a4928e4ac19e3f7ff10cb ? xhtml1/text-align-007.xht f03bb29856642a23b70a4928e4ac19e3f7ff10cb ? html/text-align-008.htm 069273f30fcfdabea7919e0be823e38dfcf68d51 ? xhtml1/text-align-008.xht 069273f30fcfdabea7919e0be823e38dfcf68d51 ? -html/text-align-end-001.htm ae43ec44ae0dc4ac02a0e8a559d74da31c42d13b ? -xhtml1/text-align-end-001.xht ae43ec44ae0dc4ac02a0e8a559d74da31c42d13b ? -html/text-align-end-002.htm 815440a1ae40e3d94312f4201ba90040c96fe98e ? -xhtml1/text-align-end-002.xht 815440a1ae40e3d94312f4201ba90040c96fe98e ? -html/text-align-end-003.htm 1a3c7d5f717d47d911c791b7cd906c97ca41fa28 ? -xhtml1/text-align-end-003.xht 1a3c7d5f717d47d911c791b7cd906c97ca41fa28 ? -html/text-align-end-004.htm 72cf82068b9185d1915f02dfae3be370f9abd7f3 ? -xhtml1/text-align-end-004.xht 72cf82068b9185d1915f02dfae3be370f9abd7f3 ? -html/text-align-end-005.htm 748825d5ea5774a416eefd977446d3e7f986c090 ? -xhtml1/text-align-end-005.xht 748825d5ea5774a416eefd977446d3e7f986c090 ? -html/text-align-end-006.htm 8ef842fbe5eadfc585e491f56681f75314909a25 ? -xhtml1/text-align-end-006.xht 8ef842fbe5eadfc585e491f56681f75314909a25 ? -html/text-align-end-007.htm b1bce53d28f6e74871d082f1dab9a015869ba6bb ? -xhtml1/text-align-end-007.xht b1bce53d28f6e74871d082f1dab9a015869ba6bb ? -html/text-align-end-008.htm 514f3037cb18cba66f585446045f2af55d3a1e17 ? -xhtml1/text-align-end-008.xht 514f3037cb18cba66f585446045f2af55d3a1e17 ? -html/text-align-end-009.htm b9c45dc0fd1f19373fc6f4e9fcd70dd3e4087347 ? -xhtml1/text-align-end-009.xht b9c45dc0fd1f19373fc6f4e9fcd70dd3e4087347 ? -html/text-align-end-010.htm 0cdd288133104883df318ecba88e21132b06dca7 ? -xhtml1/text-align-end-010.xht 0cdd288133104883df318ecba88e21132b06dca7 ? -html/text-align-end-014.htm 9005d74809a67a6641cb1ac91b3fcb5f860b9d53 ? -xhtml1/text-align-end-014.xht 9005d74809a67a6641cb1ac91b3fcb5f860b9d53 ? -html/text-align-end-015.htm d6f18380ea8dbfe5b34137b0a30c6fb1b74e22ef ? -xhtml1/text-align-end-015.xht d6f18380ea8dbfe5b34137b0a30c6fb1b74e22ef ? -html/text-align-end-016.htm b4e70eedf449c7fb1bc8247ce03caf9c4799ae55 ? -xhtml1/text-align-end-016.xht b4e70eedf449c7fb1bc8247ce03caf9c4799ae55 ? -html/text-align-end-017.htm 413fa0cad6490b5e2dc4ff4ae1541ebaa26b3471 ? -xhtml1/text-align-end-017.xht 413fa0cad6490b5e2dc4ff4ae1541ebaa26b3471 ? +html/text-align-end-001.htm e1a4ece3c036e1920979a62086e214fffe449d48 ? +xhtml1/text-align-end-001.xht e1a4ece3c036e1920979a62086e214fffe449d48 ? +html/text-align-end-002.htm 13c5f762d5dfe172b9f2e4412fcbdb2c224e7a16 ? +xhtml1/text-align-end-002.xht 13c5f762d5dfe172b9f2e4412fcbdb2c224e7a16 ? +html/text-align-end-003.htm b9d3d22718adebe8ccec40f7e5f727b2d3003c3b ? +xhtml1/text-align-end-003.xht b9d3d22718adebe8ccec40f7e5f727b2d3003c3b ? +html/text-align-end-004.htm 894c52478e119e28a48aeff4e8ae84bb8607263c ? +xhtml1/text-align-end-004.xht 894c52478e119e28a48aeff4e8ae84bb8607263c ? +html/text-align-end-005.htm dc6190c2ad7f32a5ff7af483710a8a906279b41c ? +xhtml1/text-align-end-005.xht dc6190c2ad7f32a5ff7af483710a8a906279b41c ? +html/text-align-end-006.htm 9e333d2ecd35951d159889fb29c26d1871e86825 ? +xhtml1/text-align-end-006.xht 9e333d2ecd35951d159889fb29c26d1871e86825 ? +html/text-align-end-007.htm 62f1bf0e98f06cb948cbe0730ff8bf917d792a78 ? +xhtml1/text-align-end-007.xht 62f1bf0e98f06cb948cbe0730ff8bf917d792a78 ? +html/text-align-end-008.htm aa1b77c5ebc62af177c8b50db354b81109810d82 ? +xhtml1/text-align-end-008.xht aa1b77c5ebc62af177c8b50db354b81109810d82 ? +html/text-align-end-009.htm ced2dc23f5746fdfcb7aaddfdcc06f1a844bdcb5 ? +xhtml1/text-align-end-009.xht ced2dc23f5746fdfcb7aaddfdcc06f1a844bdcb5 ? +html/text-align-end-010.htm d0bf6e0a5bd4e9b36d87b681a04942c2bde63a2f ? +xhtml1/text-align-end-010.xht d0bf6e0a5bd4e9b36d87b681a04942c2bde63a2f ? +html/text-align-end-014.htm d979aa7c3076357ec118bfcb8be10dc4ed8787a0 ? +xhtml1/text-align-end-014.xht d979aa7c3076357ec118bfcb8be10dc4ed8787a0 ? +html/text-align-end-015.htm c782268a35406c29892f1947c5efa2b34751f205 ? +xhtml1/text-align-end-015.xht c782268a35406c29892f1947c5efa2b34751f205 ? +html/text-align-end-016.htm 58c1954c25726c6a68ece557819cb8b83b4b13e2 ? +xhtml1/text-align-end-016.xht 58c1954c25726c6a68ece557819cb8b83b4b13e2 ? +html/text-align-end-017.htm 7e852ad913370b0ea1fe3afac88ce455ca0aa6e7 ? +xhtml1/text-align-end-017.xht 7e852ad913370b0ea1fe3afac88ce455ca0aa6e7 ? html/text-align-end-018.htm 522a0a0b516abd8d521afd0cf4fdd400feba7b0a ? xhtml1/text-align-end-018.xht 522a0a0b516abd8d521afd0cf4fdd400feba7b0a ? html/text-align-end-019.htm bc5cf5d50c919d64d4ef07c8b385688b03888d00 ? @@ -1357,30 +1357,30 @@ html/text-align-end-020.htm f91c66ed7d9306f0a46c9480a9ababa0d9e63ae5 ? xhtml1/text-align-end-020.xht f91c66ed7d9306f0a46c9480a9ababa0d9e63ae5 ? html/text-align-end-021.htm 4286db3f937bb8e0b8aab9b7c9843e7c3c971a6f ? xhtml1/text-align-end-021.xht 4286db3f937bb8e0b8aab9b7c9843e7c3c971a6f ? -html/text-align-justify-001.htm 943a72c8a76b37ca4b75346290a74b16f374eecd ? -xhtml1/text-align-justify-001.xht 943a72c8a76b37ca4b75346290a74b16f374eecd ? -html/text-align-justify-002.htm 6a482274db5fd35b89338284be06eeb1ec630919 ? -xhtml1/text-align-justify-002.xht 6a482274db5fd35b89338284be06eeb1ec630919 ? -html/text-align-justify-003.htm 44108679688cb9f1c5419a12a7a7142d3aad2e09 ? -xhtml1/text-align-justify-003.xht 44108679688cb9f1c5419a12a7a7142d3aad2e09 ? -html/text-align-justify-004.htm b36e3b065b6516274851e8097426b0c2db10a4d1 ? -xhtml1/text-align-justify-004.xht b36e3b065b6516274851e8097426b0c2db10a4d1 ? -html/text-align-justify-005.htm 0dfd26fc3cfa665e5e5071c2619a72106ee4e5d2 ? -xhtml1/text-align-justify-005.xht 0dfd26fc3cfa665e5e5071c2619a72106ee4e5d2 ? -html/text-align-justify-006.htm 5255df25b7f62246a6689c5aadaf9c99dafc5365 ? -xhtml1/text-align-justify-006.xht 5255df25b7f62246a6689c5aadaf9c99dafc5365 ? -html/text-align-justifyall-001.htm 613ad6e43fc6484b4a6c071806364b93f0788478 ? -xhtml1/text-align-justifyall-001.xht 613ad6e43fc6484b4a6c071806364b93f0788478 ? -html/text-align-justifyall-002.htm e07c23fef762055bfef11277efc21935fd014a62 ? -xhtml1/text-align-justifyall-002.xht e07c23fef762055bfef11277efc21935fd014a62 ? -html/text-align-justifyall-003.htm 3d0f71880fe51f780a4364185ccdf9d90b8f41db ? -xhtml1/text-align-justifyall-003.xht 3d0f71880fe51f780a4364185ccdf9d90b8f41db ? -html/text-align-justifyall-004.htm 02ade7cba0ce40d07d12c795ef0980c0aed66783 ? -xhtml1/text-align-justifyall-004.xht 02ade7cba0ce40d07d12c795ef0980c0aed66783 ? -html/text-align-justifyall-005.htm c47bdb43f2207cc9a6ea54f2a3b11a3cf950d3be ? -xhtml1/text-align-justifyall-005.xht c47bdb43f2207cc9a6ea54f2a3b11a3cf950d3be ? -html/text-align-justifyall-006.htm ab6bc7ea8230663c6dd1dbbf997e2157ead8dcd7 ? -xhtml1/text-align-justifyall-006.xht ab6bc7ea8230663c6dd1dbbf997e2157ead8dcd7 ? +html/text-align-justify-001.htm 139ee1837f1502611be18ac9caf8c8b9ded23c83 ? +xhtml1/text-align-justify-001.xht 139ee1837f1502611be18ac9caf8c8b9ded23c83 ? +html/text-align-justify-002.htm f85a6287414b3346a293735f420008df17612ff4 ? +xhtml1/text-align-justify-002.xht f85a6287414b3346a293735f420008df17612ff4 ? +html/text-align-justify-003.htm 6f49d242e27ff7c5ccc0fe8bdbe269f6573ac20a ? +xhtml1/text-align-justify-003.xht 6f49d242e27ff7c5ccc0fe8bdbe269f6573ac20a ? +html/text-align-justify-004.htm d3e58dd0e46c5ef29c4981a3b73291c1c4434790 ? +xhtml1/text-align-justify-004.xht d3e58dd0e46c5ef29c4981a3b73291c1c4434790 ? +html/text-align-justify-005.htm eb85f47117e22156ff38787d96e7bcfa714cc8d5 ? +xhtml1/text-align-justify-005.xht eb85f47117e22156ff38787d96e7bcfa714cc8d5 ? +html/text-align-justify-006.htm 3ccdc20f3c2ec05990828d059ad15d2787e47615 ? +xhtml1/text-align-justify-006.xht 3ccdc20f3c2ec05990828d059ad15d2787e47615 ? +html/text-align-justifyall-001.htm 1b3e22738e813f292079f3b3c93e2c338cccd3eb ? +xhtml1/text-align-justifyall-001.xht 1b3e22738e813f292079f3b3c93e2c338cccd3eb ? +html/text-align-justifyall-002.htm fe5759ce6242ddd684c4808fe44c2eeb5f7d0c03 ? +xhtml1/text-align-justifyall-002.xht fe5759ce6242ddd684c4808fe44c2eeb5f7d0c03 ? +html/text-align-justifyall-003.htm f9d2bc84d17471ffdccdfafdd3bff8cc773819ba ? +xhtml1/text-align-justifyall-003.xht f9d2bc84d17471ffdccdfafdd3bff8cc773819ba ? +html/text-align-justifyall-004.htm 12990d9cf550dded573e67c3717887bf53c880c3 ? +xhtml1/text-align-justifyall-004.xht 12990d9cf550dded573e67c3717887bf53c880c3 ? +html/text-align-justifyall-005.htm 947970cc3df02220fd3f4c98c980e4f3c41c88a1 ? +xhtml1/text-align-justifyall-005.xht 947970cc3df02220fd3f4c98c980e4f3c41c88a1 ? +html/text-align-justifyall-006.htm 848def4e6a8dfc19873d1dcde26252d65e2d7ad7 ? +xhtml1/text-align-justifyall-006.xht 848def4e6a8dfc19873d1dcde26252d65e2d7ad7 ? html/text-align-last-001.htm 1fce65ed38da0c61a6f9bb19ed91fc203b7b70b7 ? xhtml1/text-align-last-001.xht 1fce65ed38da0c61a6f9bb19ed91fc203b7b70b7 ? html/text-align-last-002.htm 5de0bf74fd4529e0b56d8ee8b0f23729b0a77bf3 ? @@ -1421,34 +1421,34 @@ html/text-align-match-parent-root-ltr.htm 0169c5b70c4c7c0fe96f9f7dfc21c8fbd65638 xhtml1/text-align-match-parent-root-ltr.xht 0169c5b70c4c7c0fe96f9f7dfc21c8fbd6563871 ? html/text-align-match-parent-root-rtl.htm 49617035888a8e44e2b9ef3393005cfb2b3ed640 ? xhtml1/text-align-match-parent-root-rtl.xht 49617035888a8e44e2b9ef3393005cfb2b3ed640 ? -html/text-align-start-001.htm f5b5b9e1e3b48e41a7c2dc30c8fdfe5c2e4020a4 ? -xhtml1/text-align-start-001.xht f5b5b9e1e3b48e41a7c2dc30c8fdfe5c2e4020a4 ? -html/text-align-start-002.htm 070efbcc69d4a5743ae157e96f4013212b28f373 ? -xhtml1/text-align-start-002.xht 070efbcc69d4a5743ae157e96f4013212b28f373 ? -html/text-align-start-003.htm 92c88daa0b68c3c9edf94a2e8fd0887aeb2d5e9d ? -xhtml1/text-align-start-003.xht 92c88daa0b68c3c9edf94a2e8fd0887aeb2d5e9d ? -html/text-align-start-004.htm efebad37fa2dc9f1cb64dd58dccd3b758d5a1c5f ? -xhtml1/text-align-start-004.xht efebad37fa2dc9f1cb64dd58dccd3b758d5a1c5f ? -html/text-align-start-005.htm 8255b60b54eead073d1ff2ce8fb051bbd18c1a04 ? -xhtml1/text-align-start-005.xht 8255b60b54eead073d1ff2ce8fb051bbd18c1a04 ? -html/text-align-start-006.htm 898248d2d196a7ebabd2490e4f6a6d0ce890bda6 ? -xhtml1/text-align-start-006.xht 898248d2d196a7ebabd2490e4f6a6d0ce890bda6 ? -html/text-align-start-007.htm 570b55add7f20936dd3bcebad9f708ada2cb2a45 ? -xhtml1/text-align-start-007.xht 570b55add7f20936dd3bcebad9f708ada2cb2a45 ? -html/text-align-start-008.htm ac4ee8ca3702bf0790d29aafddc0c886bbc074c6 ? -xhtml1/text-align-start-008.xht ac4ee8ca3702bf0790d29aafddc0c886bbc074c6 ? -html/text-align-start-009.htm c79e3533998b1736deb82a0b610234faed82353a ? -xhtml1/text-align-start-009.xht c79e3533998b1736deb82a0b610234faed82353a ? -html/text-align-start-010.htm d4bd56c53818dc45f84a08f7e52a6a9cdcde49b1 ? -xhtml1/text-align-start-010.xht d4bd56c53818dc45f84a08f7e52a6a9cdcde49b1 ? -html/text-align-start-014.htm 18f1326cec179d8e88cbfacca0749d2862628ff7 ? -xhtml1/text-align-start-014.xht 18f1326cec179d8e88cbfacca0749d2862628ff7 ? -html/text-align-start-015.htm e1ae7307a90c4db34b55f0e18a2177c660d68ccf ? -xhtml1/text-align-start-015.xht e1ae7307a90c4db34b55f0e18a2177c660d68ccf ? -html/text-align-start-016.htm fdc78c50267b06607bb54f7c484bb8c9ceaf87f6 ? -xhtml1/text-align-start-016.xht fdc78c50267b06607bb54f7c484bb8c9ceaf87f6 ? -html/text-align-start-017.htm fee6caeb95d51b66d3b010dba6390d7f6e643d43 ? -xhtml1/text-align-start-017.xht fee6caeb95d51b66d3b010dba6390d7f6e643d43 ? +html/text-align-start-001.htm 99ca0394f0e2dbf82143e8e497d7e6101a9f7b94 ? +xhtml1/text-align-start-001.xht 99ca0394f0e2dbf82143e8e497d7e6101a9f7b94 ? +html/text-align-start-002.htm d97dc7cfdd7fd6a919aa0f065aa80909e73e47de ? +xhtml1/text-align-start-002.xht d97dc7cfdd7fd6a919aa0f065aa80909e73e47de ? +html/text-align-start-003.htm 15b44b66b542103d3bff54c84016af131f9a7138 ? +xhtml1/text-align-start-003.xht 15b44b66b542103d3bff54c84016af131f9a7138 ? +html/text-align-start-004.htm 01d326f332cb6a268e3b4c34188c89f30b7186be ? +xhtml1/text-align-start-004.xht 01d326f332cb6a268e3b4c34188c89f30b7186be ? +html/text-align-start-005.htm c4d537e521a94f55874a08d6833169ccbec7f8a2 ? +xhtml1/text-align-start-005.xht c4d537e521a94f55874a08d6833169ccbec7f8a2 ? +html/text-align-start-006.htm d07bd265b06eee8528e4cf7b97d3b8a35b494955 ? +xhtml1/text-align-start-006.xht d07bd265b06eee8528e4cf7b97d3b8a35b494955 ? +html/text-align-start-007.htm a437fbade0026c8047e851508efbdbd4d60e3a5c ? +xhtml1/text-align-start-007.xht a437fbade0026c8047e851508efbdbd4d60e3a5c ? +html/text-align-start-008.htm bdd4951ade2e3155d63fac501cae0b9b6eea48ab ? +xhtml1/text-align-start-008.xht bdd4951ade2e3155d63fac501cae0b9b6eea48ab ? +html/text-align-start-009.htm d0de6f59b105b251204339d0cb22f4213c7f790f ? +xhtml1/text-align-start-009.xht d0de6f59b105b251204339d0cb22f4213c7f790f ? +html/text-align-start-010.htm b03da49bf14bb27bad90379f29759ab6d3c7f9db ? +xhtml1/text-align-start-010.xht b03da49bf14bb27bad90379f29759ab6d3c7f9db ? +html/text-align-start-014.htm bed8553500494f6f42f0fc313682947280d4ff85 ? +xhtml1/text-align-start-014.xht bed8553500494f6f42f0fc313682947280d4ff85 ? +html/text-align-start-015.htm 8f4ac548061cb51351b2a32f830550577f9feb69 ? +xhtml1/text-align-start-015.xht 8f4ac548061cb51351b2a32f830550577f9feb69 ? +html/text-align-start-016.htm 774b558ee80e7e0c82a9c17090d5272fa09fd713 ? +xhtml1/text-align-start-016.xht 774b558ee80e7e0c82a9c17090d5272fa09fd713 ? +html/text-align-start-017.htm c9a5a90f36c4e95711ab384bdba01a28963705c1 ? +xhtml1/text-align-start-017.xht c9a5a90f36c4e95711ab384bdba01a28963705c1 ? html/text-align-start-018.htm e821e56efcb5fce47be9fabf1d340353e542e9e6 ? xhtml1/text-align-start-018.xht e821e56efcb5fce47be9fabf1d340353e542e9e6 ? html/text-align-start-019.htm d2f387f6149c620dcb7de401e3724adf9f3dade9 ? diff --git a/tests/wpt/css-tests/css-text-3_dev/testinfo.data b/tests/wpt/css-tests/css-text-3_dev/testinfo.data index 19874ebc49f..50d94824269 100644 --- a/tests/wpt/css-tests/css-text-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-text-3_dev/testinfo.data @@ -658,36 +658,36 @@ tab-size-percent-001 reference/tab-size-length-001-ref tab-size: 100% http://ww text-align-006 reference/text-align-006-ref text-align - start (basic) http://www.w3.org/TR/css-text-3/#text-align 881507d6949094d4daeca3dca47e5bc42bbc8aba `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'text-align' property set to 'start' on a block element aligns the text to the start edge. text-align-007 reference/text-align-007-ref text-align - end (basic) http://www.w3.org/TR/css-text-3/#text-align f03bb29856642a23b70a4928e4ac19e3f7ff10cb `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'text-align' property set to 'end' on a block element aligns the text to the end edge. text-align-008 reference/text-align-007-ref text-align - match-parent (basic) http://www.w3.org/TR/css-text-3/#text-align 069273f30fcfdabea7919e0be823e38dfcf68d51 `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'text-align' property set to 'match-parent' on a block element behaves the same as 'inherit'. -text-align-end-001 reference/text-align-end-001 text-align: end, direction: rtl https://drafts.csswg.org/css-text-3/#text-align-property ae43ec44ae0dc4ac02a0e8a559d74da31c42d13b `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl. -text-align-end-002 reference/text-align-end-002 text-align: end, direction: ltr https://drafts.csswg.org/css-text-3/#text-align-property 815440a1ae40e3d94312f4201ba90040c96fe98e `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr. -text-align-end-003 reference/text-align-end-003 text-align: end, dir=rtl https://drafts.csswg.org/css-text-3/#text-align-property 1a3c7d5f717d47d911c791b7cd906c97ca41fa28 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl. -text-align-end-004 reference/text-align-end-004 text-align: end, dir=ltr https://drafts.csswg.org/css-text-3/#text-align-property 72cf82068b9185d1915f02dfae3be370f9abd7f3 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr. -text-align-end-005 reference/text-align-end-005 text-align: end, direction: rtl https://drafts.csswg.org/css-text-3/#text-align-property 748825d5ea5774a416eefd977446d3e7f986c090 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl. -text-align-end-006 reference/text-align-end-006 text-align: end, direction: ltr https://drafts.csswg.org/css-text-3/#text-align-property 8ef842fbe5eadfc585e491f56681f75314909a25 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr. -text-align-end-007 reference/text-align-end-007 text-align: end, dir=rtl https://drafts.csswg.org/css-text-3/#text-align-property b1bce53d28f6e74871d082f1dab9a015869ba6bb `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl. -text-align-end-008 reference/text-align-end-008 text-align: end, dir=ltr https://drafts.csswg.org/css-text-3/#text-align-property 514f3037cb18cba66f585446045f2af55d3a1e17 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr. -text-align-end-009 reference/text-align-end-009 text-align: end, dir=auto, RTL first strong https://drafts.csswg.org/css-text-3/#text-align-property b9c45dc0fd1f19373fc6f4e9fcd70dd3e4087347 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is auto and first strong character is rtl. -text-align-end-010 reference/text-align-end-010 text-align: end, dir=auto, LTR first strong https://drafts.csswg.org/css-text-3/#text-align-property 0cdd288133104883df318ecba88e21132b06dca7 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr. -text-align-end-014 reference/text-align-end-014 text-align: end, pre, dir=rtl inherited https://drafts.csswg.org/css-text-3/#text-align-property 9005d74809a67a6641cb1ac91b3fcb5f860b9d53 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when base direction is rtl. -text-align-end-015 reference/text-align-end-015 text-align: end, pre, dir=ltr inherited https://drafts.csswg.org/css-text-3/#text-align-property d6f18380ea8dbfe5b34137b0a30c6fb1b74e22ef `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when base direction is ltr. -text-align-end-016 reference/text-align-end-016 text-align: end, pre, dir=auto https://drafts.csswg.org/css-text-3/#text-align-property b4e70eedf449c7fb1bc8247ce03caf9c4799ae55 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr, and left when first strong is rtl. -text-align-end-017 reference/text-align-end-017 text-align: end, pre, dir=auto on surrounding block https://drafts.csswg.org/css-text-3/#text-align-property 413fa0cad6490b5e2dc4ff4ae1541ebaa26b3471 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. since dir=auto is not inherited by pre, to right in ltr context. +text-align-end-001 reference/text-align-end-ref-001 text-align: end, direction: rtl https://drafts.csswg.org/css-text-3/#text-align-property e1a4ece3c036e1920979a62086e214fffe449d48 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl. +text-align-end-002 reference/text-align-end-ref-002 text-align: end, direction: ltr https://drafts.csswg.org/css-text-3/#text-align-property 13c5f762d5dfe172b9f2e4412fcbdb2c224e7a16 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr. +text-align-end-003 reference/text-align-end-ref-003 text-align: end, dir=rtl https://drafts.csswg.org/css-text-3/#text-align-property b9d3d22718adebe8ccec40f7e5f727b2d3003c3b `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl. +text-align-end-004 reference/text-align-end-ref-004 text-align: end, dir=ltr https://drafts.csswg.org/css-text-3/#text-align-property 894c52478e119e28a48aeff4e8ae84bb8607263c `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr. +text-align-end-005 reference/text-align-end-ref-005 text-align: end, direction: rtl https://drafts.csswg.org/css-text-3/#text-align-property dc6190c2ad7f32a5ff7af483710a8a906279b41c `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl. +text-align-end-006 reference/text-align-end-ref-006 text-align: end, direction: ltr https://drafts.csswg.org/css-text-3/#text-align-property 9e333d2ecd35951d159889fb29c26d1871e86825 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr. +text-align-end-007 reference/text-align-end-ref-007 text-align: end, dir=rtl https://drafts.csswg.org/css-text-3/#text-align-property 62f1bf0e98f06cb948cbe0730ff8bf917d792a78 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl. +text-align-end-008 reference/text-align-end-ref-008 text-align: end, dir=ltr https://drafts.csswg.org/css-text-3/#text-align-property aa1b77c5ebc62af177c8b50db354b81109810d82 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr. +text-align-end-009 reference/text-align-end-ref-009 text-align: end, dir=auto, RTL first strong https://drafts.csswg.org/css-text-3/#text-align-property ced2dc23f5746fdfcb7aaddfdcc06f1a844bdcb5 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is auto and first strong character is rtl. +text-align-end-010 reference/text-align-end-ref-010 text-align: end, dir=auto, LTR first strong https://drafts.csswg.org/css-text-3/#text-align-property d0bf6e0a5bd4e9b36d87b681a04942c2bde63a2f `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr. +text-align-end-014 reference/text-align-end-ref-014 text-align: end, pre, dir=rtl inherited https://drafts.csswg.org/css-text-3/#text-align-property d979aa7c3076357ec118bfcb8be10dc4ed8787a0 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when base direction is rtl. +text-align-end-015 reference/text-align-end-ref-015 text-align: end, pre, dir=ltr inherited https://drafts.csswg.org/css-text-3/#text-align-property c782268a35406c29892f1947c5efa2b34751f205 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when base direction is ltr. +text-align-end-016 reference/text-align-end-ref-016 text-align: end, pre, dir=auto https://drafts.csswg.org/css-text-3/#text-align-property 58c1954c25726c6a68ece557819cb8b83b4b13e2 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr, and left when first strong is rtl. +text-align-end-017 reference/text-align-end-ref-017 text-align: end, pre, dir=auto on surrounding block https://drafts.csswg.org/css-text-3/#text-align-property 7e852ad913370b0ea1fe3afac88ce455ca0aa6e7 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. since dir=auto is not inherited by pre, to right in ltr context. text-align-end-018 text-align: end, textarea, dir=rtl inherited https://drafts.csswg.org/css-text-3/#text-align-property 522a0a0b516abd8d521afd0cf4fdd400feba7b0a `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. left when base direction is rtl. text-align-end-019 text-align: end, textarea, dir=ltr inherited https://drafts.csswg.org/css-text-3/#text-align-property bc5cf5d50c919d64d4ef07c8b385688b03888d00 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. right when base direction is ltr. text-align-end-020 text-align: end, textarea dir=auto on control https://drafts.csswg.org/css-text-3/#text-align-property f91c66ed7d9306f0a46c9480a9ababa0d9e63ae5 `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. when dir=auto on textarea, right when first strong is ltr, left when rtl. text-align-end-021 text-align: end, textarea, dir=auto on surrounding block https://drafts.csswg.org/css-text-3/#text-align-property 4286db3f937bb8e0b8aab9b7c9843e7c3c971a6f `Richard Ishida`<mailto:ishida@w3.org> text-align:end aligns inline-level content to the end edge of the line box – ie. since dir=auto is not inherited by textarea, to right in ltr context. -text-align-justify-001 reference/text-align-justify-001 text-align: justify, direction: rtl https://drafts.csswg.org/css-text-3/#text-align-property 943a72c8a76b37ca4b75346290a74b16f374eecd `Richard Ishida`<mailto:ishida@w3.org> text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right. -text-align-justify-002 reference/text-align-justify-002 text-align: justify, direction: ltr https://drafts.csswg.org/css-text-3/#text-align-property 6a482274db5fd35b89338284be06eeb1ec630919 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left. -text-align-justify-003 reference/text-align-justify-003 text-align: justify, dir=rtl https://drafts.csswg.org/css-text-3/#text-align-property 44108679688cb9f1c5419a12a7a7142d3aad2e09 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right. -text-align-justify-004 reference/text-align-justify-004 text-align: justify, dir=ltr https://drafts.csswg.org/css-text-3/#text-align-property b36e3b065b6516274851e8097426b0c2db10a4d1 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left. -text-align-justify-005 reference/text-align-justify-005 text-align: justify, dir=auto, RTL first strong https://drafts.csswg.org/css-text-3/#text-align-property 0dfd26fc3cfa665e5e5071c2619a72106ee4e5d2 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right. -text-align-justify-006 reference/text-align-justify-006 text-align: justify, dir=auto, LTR first strong https://drafts.csswg.org/css-text-3/#text-align-property 5255df25b7f62246a6689c5aadaf9c99dafc5365 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left. -text-align-justifyall-001 reference/text-align-justifyall-001 text-align: justify-all, direction: rtl https://drafts.csswg.org/css-text-3/#text-align-property 613ad6e43fc6484b4a6c071806364b93f0788478 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. -text-align-justifyall-002 reference/text-align-justifyall-002 text-align: justify-all, direction: ltr https://drafts.csswg.org/css-text-3/#text-align-property e07c23fef762055bfef11277efc21935fd014a62 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. -text-align-justifyall-003 reference/text-align-justifyall-003 text-align: justify-all, dir=rtl https://drafts.csswg.org/css-text-3/#text-align-property 3d0f71880fe51f780a4364185ccdf9d90b8f41db `Richard Ishida`<mailto:ishida@w3.org> text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. -text-align-justifyall-004 reference/text-align-justifyall-004 text-align: justify-all, dir=ltr https://drafts.csswg.org/css-text-3/#text-align-property 02ade7cba0ce40d07d12c795ef0980c0aed66783 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. -text-align-justifyall-005 reference/text-align-justifyall-005 text-align: justify-all, dir=auto, RTL first strong https://drafts.csswg.org/css-text-3/#text-align-property c47bdb43f2207cc9a6ea54f2a3b11a3cf950d3be `Richard Ishida`<mailto:ishida@w3.org> text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. -text-align-justifyall-006 reference/text-align-justifyall-006 text-align: justify-all, dir=auto, LTR first strong https://drafts.csswg.org/css-text-3/#text-align-property ab6bc7ea8230663c6dd1dbbf997e2157ead8dcd7 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. +text-align-justify-001 reference/text-align-justify-ref-001 text-align: justify, direction: rtl https://drafts.csswg.org/css-text-3/#text-align-property 139ee1837f1502611be18ac9caf8c8b9ded23c83 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right. +text-align-justify-002 reference/text-align-justify-ref-002 text-align: justify, direction: ltr https://drafts.csswg.org/css-text-3/#text-align-property f85a6287414b3346a293735f420008df17612ff4 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left. +text-align-justify-003 reference/text-align-justify-ref-003 text-align: justify, dir=rtl https://drafts.csswg.org/css-text-3/#text-align-property 6f49d242e27ff7c5ccc0fe8bdbe269f6573ac20a `Richard Ishida`<mailto:ishida@w3.org> text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right. +text-align-justify-004 reference/text-align-justify-ref-004 text-align: justify, dir=ltr https://drafts.csswg.org/css-text-3/#text-align-property d3e58dd0e46c5ef29c4981a3b73291c1c4434790 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left. +text-align-justify-005 reference/text-align-justify-ref-005 text-align: justify, dir=auto, RTL first strong https://drafts.csswg.org/css-text-3/#text-align-property eb85f47117e22156ff38787d96e7bcfa714cc8d5 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right. +text-align-justify-006 reference/text-align-justify-ref-006 text-align: justify, dir=auto, LTR first strong https://drafts.csswg.org/css-text-3/#text-align-property 3ccdc20f3c2ec05990828d059ad15d2787e47615 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left. +text-align-justifyall-001 reference/text-align-justifyall-ref-001 text-align: justify-all, direction: rtl https://drafts.csswg.org/css-text-3/#text-align-property 1b3e22738e813f292079f3b3c93e2c338cccd3eb `Richard Ishida`<mailto:ishida@w3.org> text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. +text-align-justifyall-002 reference/text-align-justifyall-ref-002 text-align: justify-all, direction: ltr https://drafts.csswg.org/css-text-3/#text-align-property fe5759ce6242ddd684c4808fe44c2eeb5f7d0c03 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. +text-align-justifyall-003 reference/text-align-justifyall-ref-003 text-align: justify-all, dir=rtl https://drafts.csswg.org/css-text-3/#text-align-property f9d2bc84d17471ffdccdfafdd3bff8cc773819ba `Richard Ishida`<mailto:ishida@w3.org> text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. +text-align-justifyall-004 reference/text-align-justifyall-ref-004 text-align: justify-all, dir=ltr https://drafts.csswg.org/css-text-3/#text-align-property 12990d9cf550dded573e67c3717887bf53c880c3 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. +text-align-justifyall-005 reference/text-align-justifyall-ref-005 text-align: justify-all, dir=auto, RTL first strong https://drafts.csswg.org/css-text-3/#text-align-property 947970cc3df02220fd3f4c98c980e4f3c41c88a1 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. +text-align-justifyall-006 reference/text-align-justifyall-ref-006 text-align: justify-all, dir=auto, LTR first strong https://drafts.csswg.org/css-text-3/#text-align-property 848def4e6a8dfc19873d1dcde26252d65e2d7ad7 `Richard Ishida`<mailto:ishida@w3.org> text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. text-align-last-001 text-align-last - start (basic) http://www.w3.org/TR/css-text-3/#text-align-last 1fce65ed38da0c61a6f9bb19ed91fc203b7b70b7 `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'text-align-last' property set to 'start' on a block element aligns the last line text to the start edge. text-align-last-002 text-align-last - end (basic) http://www.w3.org/TR/css-text-3/#text-align-last 5de0bf74fd4529e0b56d8ee8b0f23729b0a77bf3 `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'text-align-last' property set to 'right' on a block element aligns the last line text to the end edge. text-align-last-003 text-align-last - left (basic) http://www.w3.org/TR/css-text-3/#text-align-last 247cb2ee1fbae234cfc9f6f9f86f4c43463ec20c `Intel`<http://www.intel.com>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> The 'text-align-last' property set to 'left' on a block element aligns the last line text to the left. @@ -708,20 +708,20 @@ text-align-match-parent-03 reference/text-align-match-parent-ref CSS Text: text- text-align-match-parent-04 reference/text-align-match-parent-ref CSS Text: text-align: match-parent dom http://www.w3.org/TR/css-text-3/#text-align-property 5d2075a3a33a1300cf6f2ae911b09d63107093fa `Simon Montagu`<mailto:smontagu@mozilla.com> Text checks that an element with text-align: match-parent still aligns correctly if the parent's width is changed text-align-match-parent-root-ltr reference/text-align-match-parent-root-ltr-ref CSS Text: text-align: match-parent http://www.w3.org/TR/css-text-3/#text-align-property 0169c5b70c4c7c0fe96f9f7dfc21c8fbd6563871 `Simon Montagu`<mailto:smontagu@mozilla.com> Text checks that text-align: match-parent on a root element with dir=ltr is equivalent to text-align: start text-align-match-parent-root-rtl reference/text-align-match-parent-root-rtl-ref CSS Text: text-align: match-parent http://www.w3.org/TR/css-text-3/#text-align-property 49617035888a8e44e2b9ef3393005cfb2b3ed640 `Simon Montagu`<mailto:smontagu@mozilla.com> Text checks that text-align: match-parent on a root element with dir=rtl is equivalent to text-align: start -text-align-start-001 reference/text-align-start-001 text-align: start, direction: rtl https://drafts.csswg.org/css-text-3/#text-align-property f5b5b9e1e3b48e41a7c2dc30c8fdfe5c2e4020a4 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl. -text-align-start-002 reference/text-align-start-002 text-align: start, direction: ltr https://drafts.csswg.org/css-text-3/#text-align-property 070efbcc69d4a5743ae157e96f4013212b28f373 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr. -text-align-start-003 reference/text-align-start-003 text-align: start, dir=rtl https://drafts.csswg.org/css-text-3/#text-align-property 92c88daa0b68c3c9edf94a2e8fd0887aeb2d5e9d `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl. -text-align-start-004 reference/text-align-start-004 text-align: start, dir=ltr https://drafts.csswg.org/css-text-3/#text-align-property efebad37fa2dc9f1cb64dd58dccd3b758d5a1c5f `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr. -text-align-start-005 reference/text-align-start-005 text-align: start, direction: rtl https://drafts.csswg.org/css-text-3/#text-align-property 8255b60b54eead073d1ff2ce8fb051bbd18c1a04 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl. -text-align-start-006 reference/text-align-start-006 text-align: start, direction: ltr https://drafts.csswg.org/css-text-3/#text-align-property 898248d2d196a7ebabd2490e4f6a6d0ce890bda6 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr. -text-align-start-007 reference/text-align-start-007 text-align: start, dir=rtl https://drafts.csswg.org/css-text-3/#text-align-property 570b55add7f20936dd3bcebad9f708ada2cb2a45 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl. -text-align-start-008 reference/text-align-start-008 text-align: start, dir=ltr https://drafts.csswg.org/css-text-3/#text-align-property ac4ee8ca3702bf0790d29aafddc0c886bbc074c6 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr. -text-align-start-009 reference/text-align-start-009 text-align: start, dir=auto, RTL first strong https://drafts.csswg.org/css-text-3/#text-align-property c79e3533998b1736deb82a0b610234faed82353a `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is auto and first strong character is rtl. -text-align-start-010 reference/text-align-start-010 text-align: start, dir=auto, LTR first strong https://drafts.csswg.org/css-text-3/#text-align-property d4bd56c53818dc45f84a08f7e52a6a9cdcde49b1 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr. -text-align-start-014 reference/text-align-start-014 text-align: start, pre, dir=rtl inherited https://drafts.csswg.org/css-text-3/#text-align-property 18f1326cec179d8e88cbfacca0749d2862628ff7 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when base direction is rtl. -text-align-start-015 reference/text-align-start-015 text-align: start, pre, dir=ltr inherited https://drafts.csswg.org/css-text-3/#text-align-property e1ae7307a90c4db34b55f0e18a2177c660d68ccf `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when base direction is ltr. -text-align-start-016 reference/text-align-start-016 text-align: start, pre, dir=auto https://drafts.csswg.org/css-text-3/#text-align-property fdc78c50267b06607bb54f7c484bb8c9ceaf87f6 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr, and right when first strong is rtl. -text-align-start-017 reference/text-align-start-017 text-align: start, pre, dir=auto on surrounding block https://drafts.csswg.org/css-text-3/#text-align-property fee6caeb95d51b66d3b010dba6390d7f6e643d43 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. since dir=auto is not inherited by pre, to left in ltr context. +text-align-start-001 reference/text-align-start-ref-001 text-align: start, direction: rtl https://drafts.csswg.org/css-text-3/#text-align-property 99ca0394f0e2dbf82143e8e497d7e6101a9f7b94 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl. +text-align-start-002 reference/text-align-start-ref-002 text-align: start, direction: ltr https://drafts.csswg.org/css-text-3/#text-align-property d97dc7cfdd7fd6a919aa0f065aa80909e73e47de `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr. +text-align-start-003 reference/text-align-start-ref-003 text-align: start, dir=rtl https://drafts.csswg.org/css-text-3/#text-align-property 15b44b66b542103d3bff54c84016af131f9a7138 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl. +text-align-start-004 reference/text-align-start-ref-004 text-align: start, dir=ltr https://drafts.csswg.org/css-text-3/#text-align-property 01d326f332cb6a268e3b4c34188c89f30b7186be `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr. +text-align-start-005 reference/text-align-start-ref-005 text-align: start, direction: rtl https://drafts.csswg.org/css-text-3/#text-align-property c4d537e521a94f55874a08d6833169ccbec7f8a2 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl. +text-align-start-006 reference/text-align-start-ref-006 text-align: start, direction: ltr https://drafts.csswg.org/css-text-3/#text-align-property d07bd265b06eee8528e4cf7b97d3b8a35b494955 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr. +text-align-start-007 reference/text-align-start-ref-007 text-align: start, dir=rtl https://drafts.csswg.org/css-text-3/#text-align-property a437fbade0026c8047e851508efbdbd4d60e3a5c `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl. +text-align-start-008 reference/text-align-start-ref-008 text-align: start, dir=ltr https://drafts.csswg.org/css-text-3/#text-align-property bdd4951ade2e3155d63fac501cae0b9b6eea48ab `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr. +text-align-start-009 reference/text-align-start-ref-009 text-align: start, dir=auto, RTL first strong https://drafts.csswg.org/css-text-3/#text-align-property d0de6f59b105b251204339d0cb22f4213c7f790f `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is auto and first strong character is rtl. +text-align-start-010 reference/text-align-start-ref-010 text-align: start, dir=auto, LTR first strong https://drafts.csswg.org/css-text-3/#text-align-property b03da49bf14bb27bad90379f29759ab6d3c7f9db `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr. +text-align-start-014 reference/text-align-start-ref-014 text-align: start, pre, dir=rtl inherited https://drafts.csswg.org/css-text-3/#text-align-property bed8553500494f6f42f0fc313682947280d4ff85 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when base direction is rtl. +text-align-start-015 reference/text-align-start-ref-015 text-align: start, pre, dir=ltr inherited https://drafts.csswg.org/css-text-3/#text-align-property 8f4ac548061cb51351b2a32f830550577f9feb69 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when base direction is ltr. +text-align-start-016 reference/text-align-start-ref-016 text-align: start, pre, dir=auto https://drafts.csswg.org/css-text-3/#text-align-property 774b558ee80e7e0c82a9c17090d5272fa09fd713 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr, and right when first strong is rtl. +text-align-start-017 reference/text-align-start-ref-017 text-align: start, pre, dir=auto on surrounding block https://drafts.csswg.org/css-text-3/#text-align-property c9a5a90f36c4e95711ab384bdba01a28963705c1 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. since dir=auto is not inherited by pre, to left in ltr context. text-align-start-018 text-align: start, textarea, dir=rtl inherited https://drafts.csswg.org/css-text-3/#text-align-property e821e56efcb5fce47be9fabf1d340353e542e9e6 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. right when base direction is rtl. text-align-start-019 text-align: start, textarea, dir=ltr inherited https://drafts.csswg.org/css-text-3/#text-align-property d2f387f6149c620dcb7de401e3724adf9f3dade9 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. left when base direction is ltr. text-align-start-020 text-align: start, textarea dir=auto on control https://drafts.csswg.org/css-text-3/#text-align-property 846dfefff494a110914e09ca472ba2b6e04f8586 `Richard Ishida`<mailto:ishida@w3.org> text-align:start aligns inline-level content to the start edge of the line box – ie. when dir=auto on textarea, left when first strong is ltr, right when rtl. diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-7.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-7.xht index 231e2ee67f3..7cd0e04e77a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-7.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-7.xht @@ -41,7 +41,7 @@ <tr id="text-align-end-001-7.1" class="primary"> <td><strong> <a href="text-align-end-001.xht">text-align-end-001</a></strong></td> - <td><a href="reference/text-align-end-001.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-001.xht">=</a> </td> <td></td> <td>text-align: end, direction: rtl <ul class="assert"> @@ -52,7 +52,7 @@ <tr id="text-align-end-002-7.1" class="primary"> <td><strong> <a href="text-align-end-002.xht">text-align-end-002</a></strong></td> - <td><a href="reference/text-align-end-002.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-002.xht">=</a> </td> <td></td> <td>text-align: end, direction: ltr <ul class="assert"> @@ -63,7 +63,7 @@ <tr id="text-align-end-003-7.1" class="primary"> <td><strong> <a href="text-align-end-003.xht">text-align-end-003</a></strong></td> - <td><a href="reference/text-align-end-003.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-003.xht">=</a> </td> <td></td> <td>text-align: end, dir=rtl <ul class="assert"> @@ -74,7 +74,7 @@ <tr id="text-align-end-004-7.1" class="primary"> <td><strong> <a href="text-align-end-004.xht">text-align-end-004</a></strong></td> - <td><a href="reference/text-align-end-004.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-004.xht">=</a> </td> <td></td> <td>text-align: end, dir=ltr <ul class="assert"> @@ -85,7 +85,7 @@ <tr id="text-align-end-005-7.1" class="primary"> <td><strong> <a href="text-align-end-005.xht">text-align-end-005</a></strong></td> - <td><a href="reference/text-align-end-005.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-005.xht">=</a> </td> <td></td> <td>text-align: end, direction: rtl <ul class="assert"> @@ -96,7 +96,7 @@ <tr id="text-align-end-006-7.1" class="primary"> <td><strong> <a href="text-align-end-006.xht">text-align-end-006</a></strong></td> - <td><a href="reference/text-align-end-006.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-006.xht">=</a> </td> <td></td> <td>text-align: end, direction: ltr <ul class="assert"> @@ -107,7 +107,7 @@ <tr id="text-align-end-007-7.1" class="primary"> <td><strong> <a href="text-align-end-007.xht">text-align-end-007</a></strong></td> - <td><a href="reference/text-align-end-007.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-007.xht">=</a> </td> <td></td> <td>text-align: end, dir=rtl <ul class="assert"> @@ -118,7 +118,7 @@ <tr id="text-align-end-008-7.1" class="primary"> <td><strong> <a href="text-align-end-008.xht">text-align-end-008</a></strong></td> - <td><a href="reference/text-align-end-008.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-008.xht">=</a> </td> <td></td> <td>text-align: end, dir=ltr <ul class="assert"> @@ -129,7 +129,7 @@ <tr id="text-align-end-009-7.1" class="primary"> <td><strong> <a href="text-align-end-009.xht">text-align-end-009</a></strong></td> - <td><a href="reference/text-align-end-009.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-009.xht">=</a> </td> <td></td> <td>text-align: end, dir=auto, RTL first strong <ul class="assert"> @@ -140,7 +140,7 @@ <tr id="text-align-end-010-7.1" class="primary"> <td><strong> <a href="text-align-end-010.xht">text-align-end-010</a></strong></td> - <td><a href="reference/text-align-end-010.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-010.xht">=</a> </td> <td></td> <td>text-align: end, dir=auto, LTR first strong <ul class="assert"> @@ -151,7 +151,7 @@ <tr id="text-align-end-014-7.1" class="primary"> <td><strong> <a href="text-align-end-014.xht">text-align-end-014</a></strong></td> - <td><a href="reference/text-align-end-014.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-014.xht">=</a> </td> <td></td> <td>text-align: end, pre, dir=rtl inherited <ul class="assert"> @@ -162,7 +162,7 @@ <tr id="text-align-end-015-7.1" class="primary"> <td><strong> <a href="text-align-end-015.xht">text-align-end-015</a></strong></td> - <td><a href="reference/text-align-end-015.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-015.xht">=</a> </td> <td></td> <td>text-align: end, pre, dir=ltr inherited <ul class="assert"> @@ -173,7 +173,7 @@ <tr id="text-align-end-016-7.1" class="primary"> <td><strong> <a href="text-align-end-016.xht">text-align-end-016</a></strong></td> - <td><a href="reference/text-align-end-016.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-016.xht">=</a> </td> <td></td> <td>text-align: end, pre, dir=auto <ul class="assert"> @@ -184,7 +184,7 @@ <tr id="text-align-end-017-7.1" class="primary"> <td><strong> <a href="text-align-end-017.xht">text-align-end-017</a></strong></td> - <td><a href="reference/text-align-end-017.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-017.xht">=</a> </td> <td></td> <td>text-align: end, pre, dir=auto on surrounding block <ul class="assert"> @@ -239,7 +239,7 @@ <tr id="text-align-justify-001-7.1" class="primary"> <td><strong> <a href="text-align-justify-001.xht">text-align-justify-001</a></strong></td> - <td><a href="reference/text-align-justify-001.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-001.xht">=</a> </td> <td></td> <td>text-align: justify, direction: rtl <ul class="assert"> @@ -250,7 +250,7 @@ <tr id="text-align-justify-002-7.1" class="primary"> <td><strong> <a href="text-align-justify-002.xht">text-align-justify-002</a></strong></td> - <td><a href="reference/text-align-justify-002.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-002.xht">=</a> </td> <td></td> <td>text-align: justify, direction: ltr <ul class="assert"> @@ -261,7 +261,7 @@ <tr id="text-align-justify-003-7.1" class="primary"> <td><strong> <a href="text-align-justify-003.xht">text-align-justify-003</a></strong></td> - <td><a href="reference/text-align-justify-003.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-003.xht">=</a> </td> <td></td> <td>text-align: justify, dir=rtl <ul class="assert"> @@ -272,7 +272,7 @@ <tr id="text-align-justify-004-7.1" class="primary"> <td><strong> <a href="text-align-justify-004.xht">text-align-justify-004</a></strong></td> - <td><a href="reference/text-align-justify-004.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-004.xht">=</a> </td> <td></td> <td>text-align: justify, dir=ltr <ul class="assert"> @@ -283,7 +283,7 @@ <tr id="text-align-justify-005-7.1" class="primary"> <td><strong> <a href="text-align-justify-005.xht">text-align-justify-005</a></strong></td> - <td><a href="reference/text-align-justify-005.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-005.xht">=</a> </td> <td></td> <td>text-align: justify, dir=auto, RTL first strong <ul class="assert"> @@ -294,7 +294,7 @@ <tr id="text-align-justify-006-7.1" class="primary"> <td><strong> <a href="text-align-justify-006.xht">text-align-justify-006</a></strong></td> - <td><a href="reference/text-align-justify-006.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-006.xht">=</a> </td> <td></td> <td>text-align: justify, dir=auto, LTR first strong <ul class="assert"> @@ -305,7 +305,7 @@ <tr id="text-align-justifyall-001-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-001.xht">text-align-justifyall-001</a></strong></td> - <td><a href="reference/text-align-justifyall-001.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-001.xht">=</a> </td> <td></td> <td>text-align: justify-all, direction: rtl <ul class="assert"> @@ -316,7 +316,7 @@ <tr id="text-align-justifyall-002-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-002.xht">text-align-justifyall-002</a></strong></td> - <td><a href="reference/text-align-justifyall-002.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-002.xht">=</a> </td> <td></td> <td>text-align: justify-all, direction: ltr <ul class="assert"> @@ -327,7 +327,7 @@ <tr id="text-align-justifyall-003-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-003.xht">text-align-justifyall-003</a></strong></td> - <td><a href="reference/text-align-justifyall-003.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-003.xht">=</a> </td> <td></td> <td>text-align: justify-all, dir=rtl <ul class="assert"> @@ -338,7 +338,7 @@ <tr id="text-align-justifyall-004-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-004.xht">text-align-justifyall-004</a></strong></td> - <td><a href="reference/text-align-justifyall-004.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-004.xht">=</a> </td> <td></td> <td>text-align: justify-all, dir=ltr <ul class="assert"> @@ -349,7 +349,7 @@ <tr id="text-align-justifyall-005-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-005.xht">text-align-justifyall-005</a></strong></td> - <td><a href="reference/text-align-justifyall-005.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-005.xht">=</a> </td> <td></td> <td>text-align: justify-all, dir=auto, RTL first strong <ul class="assert"> @@ -360,7 +360,7 @@ <tr id="text-align-justifyall-006-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-006.xht">text-align-justifyall-006</a></strong></td> - <td><a href="reference/text-align-justifyall-006.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-006.xht">=</a> </td> <td></td> <td>text-align: justify-all, dir=auto, LTR first strong <ul class="assert"> @@ -437,7 +437,7 @@ <tr id="text-align-start-001-7.1" class="primary"> <td><strong> <a href="text-align-start-001.xht">text-align-start-001</a></strong></td> - <td><a href="reference/text-align-start-001.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-001.xht">=</a> </td> <td></td> <td>text-align: start, direction: rtl <ul class="assert"> @@ -448,7 +448,7 @@ <tr id="text-align-start-002-7.1" class="primary"> <td><strong> <a href="text-align-start-002.xht">text-align-start-002</a></strong></td> - <td><a href="reference/text-align-start-002.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-002.xht">=</a> </td> <td></td> <td>text-align: start, direction: ltr <ul class="assert"> @@ -459,7 +459,7 @@ <tr id="text-align-start-003-7.1" class="primary"> <td><strong> <a href="text-align-start-003.xht">text-align-start-003</a></strong></td> - <td><a href="reference/text-align-start-003.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-003.xht">=</a> </td> <td></td> <td>text-align: start, dir=rtl <ul class="assert"> @@ -470,7 +470,7 @@ <tr id="text-align-start-004-7.1" class="primary"> <td><strong> <a href="text-align-start-004.xht">text-align-start-004</a></strong></td> - <td><a href="reference/text-align-start-004.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-004.xht">=</a> </td> <td></td> <td>text-align: start, dir=ltr <ul class="assert"> @@ -481,7 +481,7 @@ <tr id="text-align-start-005-7.1" class="primary"> <td><strong> <a href="text-align-start-005.xht">text-align-start-005</a></strong></td> - <td><a href="reference/text-align-start-005.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-005.xht">=</a> </td> <td></td> <td>text-align: start, direction: rtl <ul class="assert"> @@ -492,7 +492,7 @@ <tr id="text-align-start-006-7.1" class="primary"> <td><strong> <a href="text-align-start-006.xht">text-align-start-006</a></strong></td> - <td><a href="reference/text-align-start-006.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-006.xht">=</a> </td> <td></td> <td>text-align: start, direction: ltr <ul class="assert"> @@ -503,7 +503,7 @@ <tr id="text-align-start-007-7.1" class="primary"> <td><strong> <a href="text-align-start-007.xht">text-align-start-007</a></strong></td> - <td><a href="reference/text-align-start-007.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-007.xht">=</a> </td> <td></td> <td>text-align: start, dir=rtl <ul class="assert"> @@ -514,7 +514,7 @@ <tr id="text-align-start-008-7.1" class="primary"> <td><strong> <a href="text-align-start-008.xht">text-align-start-008</a></strong></td> - <td><a href="reference/text-align-start-008.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-008.xht">=</a> </td> <td></td> <td>text-align: start, dir=ltr <ul class="assert"> @@ -525,7 +525,7 @@ <tr id="text-align-start-009-7.1" class="primary"> <td><strong> <a href="text-align-start-009.xht">text-align-start-009</a></strong></td> - <td><a href="reference/text-align-start-009.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-009.xht">=</a> </td> <td></td> <td>text-align: start, dir=auto, RTL first strong <ul class="assert"> @@ -536,7 +536,7 @@ <tr id="text-align-start-010-7.1" class="primary"> <td><strong> <a href="text-align-start-010.xht">text-align-start-010</a></strong></td> - <td><a href="reference/text-align-start-010.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-010.xht">=</a> </td> <td></td> <td>text-align: start, dir=auto, LTR first strong <ul class="assert"> @@ -547,7 +547,7 @@ <tr id="text-align-start-014-7.1" class="primary"> <td><strong> <a href="text-align-start-014.xht">text-align-start-014</a></strong></td> - <td><a href="reference/text-align-start-014.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-014.xht">=</a> </td> <td></td> <td>text-align: start, pre, dir=rtl inherited <ul class="assert"> @@ -558,7 +558,7 @@ <tr id="text-align-start-015-7.1" class="primary"> <td><strong> <a href="text-align-start-015.xht">text-align-start-015</a></strong></td> - <td><a href="reference/text-align-start-015.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-015.xht">=</a> </td> <td></td> <td>text-align: start, pre, dir=ltr inherited <ul class="assert"> @@ -569,7 +569,7 @@ <tr id="text-align-start-016-7.1" class="primary"> <td><strong> <a href="text-align-start-016.xht">text-align-start-016</a></strong></td> - <td><a href="reference/text-align-start-016.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-016.xht">=</a> </td> <td></td> <td>text-align: start, pre, dir=auto <ul class="assert"> @@ -580,7 +580,7 @@ <tr id="text-align-start-017-7.1" class="primary"> <td><strong> <a href="text-align-start-017.xht">text-align-start-017</a></strong></td> - <td><a href="reference/text-align-start-017.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-017.xht">=</a> </td> <td></td> <td>text-align: start, pre, dir=auto on surrounding block <ul class="assert"> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-001.xht new file mode 100644 index 00000000000..0e401203816 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-001.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-002.xht new file mode 100644 index 00000000000..69ddc1a8db8 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-002.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div style="direction: rtl;"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-003.xht new file mode 100644 index 00000000000..a5ae28f324e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-003.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-004.xht new file mode 100644 index 00000000000..388fdf46c7b --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-004.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-005.xht new file mode 100644 index 00000000000..d9ec4fd590d --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-005.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-006.xht new file mode 100644 index 00000000000..f88e5d2a90c --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-006.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-007.xht new file mode 100644 index 00000000000..c94fefb3b64 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-007.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-008.xht new file mode 100644 index 00000000000..f140d4ceb44 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-008.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-009.xht new file mode 100644 index 00000000000..f341480dea6 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-009.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-010.xht new file mode 100644 index 00000000000..6759f3b1282 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-010.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-014.xht new file mode 100644 index 00000000000..40ccdbb3379 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-014.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, pre, dir=rtl inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-015.xht new file mode 100644 index 00000000000..14dbaf9936d --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-015.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, pre, dir=ltr inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-016.xht new file mode 100644 index 00000000000..47fd1f3ea4f --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-016.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, pre, dir=auto</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 24px; } +.rb2 { position: absolute; bottom: 0; left: 0; background-color: orange; width: 72px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-017.xht new file mode 100644 index 00000000000..ae11beb2bc6 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-end-ref-017.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, pre, dir=auto on surrounding block</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-001.xht new file mode 100644 index 00000000000..c9e05a4a260 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-002.xht new file mode 100644 index 00000000000..983d209c71e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-002.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-003.xht new file mode 100644 index 00000000000..117f4b9440a --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-004.xht new file mode 100644 index 00000000000..bad040fe3e2 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-004.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-005.xht new file mode 100644 index 00000000000..b3842fca171 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-005.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-006.xht new file mode 100644 index 00000000000..f2d732ae6ce --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justify-ref-006.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-001.xht new file mode 100644 index 00000000000..dd6d2cf2867 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-002.xht new file mode 100644 index 00000000000..27dbf26fe48 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-002.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-003.xht new file mode 100644 index 00000000000..d2a2e1e3cd7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-004.xht new file mode 100644 index 00000000000..5f2e89e1bcc --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-004.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-005.xht new file mode 100644 index 00000000000..dfbbb8b4dc1 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-005.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-006.xht new file mode 100644 index 00000000000..6cb1c0deeaf --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-justifyall-ref-006.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-001.xht new file mode 100644 index 00000000000..f2d76217ff3 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-001.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; direction: rtl; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-002.xht new file mode 100644 index 00000000000..cb69623e308 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-002.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; direction: ltr; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div style="direction: rtl;"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-003.xht new file mode 100644 index 00000000000..03874d52960 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-003.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-004.xht new file mode 100644 index 00000000000..50fa1752665 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-004.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-005.xht new file mode 100644 index 00000000000..46fe5cab0da --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-005.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; direction: rtl; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-006.xht new file mode 100644 index 00000000000..0f7e4a2e0d7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-006.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; direction: ltr; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-007.xht new file mode 100644 index 00000000000..4d303d7acf2 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-007.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-008.xht new file mode 100644 index 00000000000..3a523fe9f67 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-008.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-009.xht new file mode 100644 index 00000000000..df9e076115c --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-009.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-010.xht new file mode 100644 index 00000000000..2b291c024d7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-010.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-014.xht new file mode 100644 index 00000000000..a2e5267883d --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-014.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, pre, dir=rtl inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-015.xht new file mode 100644 index 00000000000..8d8b8508a9b --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-015.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, pre, dir=ltr inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="ltr"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-016.xht new file mode 100644 index 00000000000..9ae70b5f116 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-016.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, pre, dir=auto</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 24px; } +.rb2 { position: absolute; bottom: 0; right: 0; background-color: orange; width: 72px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-017.xht new file mode 100644 index 00000000000..f8c199d27b0 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-align-start-ref-017.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, pre, dir=auto on surrounding block</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht index 8a315b2bfb0..0d9adef6d13 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht @@ -4204,7 +4204,7 @@ <tr> <td rowspan="1" title="text-align: end, direction: rtl"> <a href="text-align-end-001.xht">text-align-end-001</a></td> - <td><a href="reference/text-align-end-001.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-001.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4212,7 +4212,7 @@ <tr> <td rowspan="1" title="text-align: end, direction: ltr"> <a href="text-align-end-002.xht">text-align-end-002</a></td> - <td><a href="reference/text-align-end-002.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-002.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4220,7 +4220,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=rtl"> <a href="text-align-end-003.xht">text-align-end-003</a></td> - <td><a href="reference/text-align-end-003.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-003.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4228,7 +4228,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=ltr"> <a href="text-align-end-004.xht">text-align-end-004</a></td> - <td><a href="reference/text-align-end-004.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-004.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4236,7 +4236,7 @@ <tr> <td rowspan="1" title="text-align: end, direction: rtl"> <a href="text-align-end-005.xht">text-align-end-005</a></td> - <td><a href="reference/text-align-end-005.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-005.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4244,7 +4244,7 @@ <tr> <td rowspan="1" title="text-align: end, direction: ltr"> <a href="text-align-end-006.xht">text-align-end-006</a></td> - <td><a href="reference/text-align-end-006.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-006.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4252,7 +4252,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=rtl"> <a href="text-align-end-007.xht">text-align-end-007</a></td> - <td><a href="reference/text-align-end-007.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-007.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4260,7 +4260,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=ltr"> <a href="text-align-end-008.xht">text-align-end-008</a></td> - <td><a href="reference/text-align-end-008.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-008.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4268,7 +4268,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=auto, RTL first strong"> <a href="text-align-end-009.xht">text-align-end-009</a></td> - <td><a href="reference/text-align-end-009.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-009.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4276,7 +4276,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=auto, LTR first strong"> <a href="text-align-end-010.xht">text-align-end-010</a></td> - <td><a href="reference/text-align-end-010.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-010.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4284,7 +4284,7 @@ <tr> <td rowspan="1" title="text-align: end, pre, dir=rtl inherited"> <a href="text-align-end-014.xht">text-align-end-014</a></td> - <td><a href="reference/text-align-end-014.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-014.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4292,7 +4292,7 @@ <tr> <td rowspan="1" title="text-align: end, pre, dir=ltr inherited"> <a href="text-align-end-015.xht">text-align-end-015</a></td> - <td><a href="reference/text-align-end-015.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-015.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4300,7 +4300,7 @@ <tr> <td rowspan="1" title="text-align: end, pre, dir=auto"> <a href="text-align-end-016.xht">text-align-end-016</a></td> - <td><a href="reference/text-align-end-016.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-016.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4308,7 +4308,7 @@ <tr> <td rowspan="1" title="text-align: end, pre, dir=auto on surrounding block"> <a href="text-align-end-017.xht">text-align-end-017</a></td> - <td><a href="reference/text-align-end-017.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-017.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4316,7 +4316,7 @@ <tr> <td rowspan="1" title="text-align: justify, direction: rtl"> <a href="text-align-justify-001.xht">text-align-justify-001</a></td> - <td><a href="reference/text-align-justify-001.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-001.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4324,7 +4324,7 @@ <tr> <td rowspan="1" title="text-align: justify, direction: ltr"> <a href="text-align-justify-002.xht">text-align-justify-002</a></td> - <td><a href="reference/text-align-justify-002.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-002.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4332,7 +4332,7 @@ <tr> <td rowspan="1" title="text-align: justify, dir=rtl"> <a href="text-align-justify-003.xht">text-align-justify-003</a></td> - <td><a href="reference/text-align-justify-003.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-003.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4340,7 +4340,7 @@ <tr> <td rowspan="1" title="text-align: justify, dir=ltr"> <a href="text-align-justify-004.xht">text-align-justify-004</a></td> - <td><a href="reference/text-align-justify-004.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-004.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4348,7 +4348,7 @@ <tr> <td rowspan="1" title="text-align: justify, dir=auto, RTL first strong"> <a href="text-align-justify-005.xht">text-align-justify-005</a></td> - <td><a href="reference/text-align-justify-005.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-005.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4356,7 +4356,7 @@ <tr> <td rowspan="1" title="text-align: justify, dir=auto, LTR first strong"> <a href="text-align-justify-006.xht">text-align-justify-006</a></td> - <td><a href="reference/text-align-justify-006.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-006.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4364,7 +4364,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, direction: rtl"> <a href="text-align-justifyall-001.xht">text-align-justifyall-001</a></td> - <td><a href="reference/text-align-justifyall-001.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-001.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4372,7 +4372,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, direction: ltr"> <a href="text-align-justifyall-002.xht">text-align-justifyall-002</a></td> - <td><a href="reference/text-align-justifyall-002.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-002.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4380,7 +4380,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, dir=rtl"> <a href="text-align-justifyall-003.xht">text-align-justifyall-003</a></td> - <td><a href="reference/text-align-justifyall-003.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-003.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4388,7 +4388,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, dir=ltr"> <a href="text-align-justifyall-004.xht">text-align-justifyall-004</a></td> - <td><a href="reference/text-align-justifyall-004.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-004.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4396,7 +4396,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, dir=auto, RTL first strong"> <a href="text-align-justifyall-005.xht">text-align-justifyall-005</a></td> - <td><a href="reference/text-align-justifyall-005.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-005.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4404,7 +4404,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, dir=auto, LTR first strong"> <a href="text-align-justifyall-006.xht">text-align-justifyall-006</a></td> - <td><a href="reference/text-align-justifyall-006.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-006.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4468,7 +4468,7 @@ <tr> <td rowspan="1" title="text-align: start, direction: rtl"> <a href="text-align-start-001.xht">text-align-start-001</a></td> - <td><a href="reference/text-align-start-001.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-001.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4476,7 +4476,7 @@ <tr> <td rowspan="1" title="text-align: start, direction: ltr"> <a href="text-align-start-002.xht">text-align-start-002</a></td> - <td><a href="reference/text-align-start-002.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-002.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4484,7 +4484,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=rtl"> <a href="text-align-start-003.xht">text-align-start-003</a></td> - <td><a href="reference/text-align-start-003.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-003.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4492,7 +4492,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=ltr"> <a href="text-align-start-004.xht">text-align-start-004</a></td> - <td><a href="reference/text-align-start-004.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-004.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4500,7 +4500,7 @@ <tr> <td rowspan="1" title="text-align: start, direction: rtl"> <a href="text-align-start-005.xht">text-align-start-005</a></td> - <td><a href="reference/text-align-start-005.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-005.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4508,7 +4508,7 @@ <tr> <td rowspan="1" title="text-align: start, direction: ltr"> <a href="text-align-start-006.xht">text-align-start-006</a></td> - <td><a href="reference/text-align-start-006.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-006.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4516,7 +4516,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=rtl"> <a href="text-align-start-007.xht">text-align-start-007</a></td> - <td><a href="reference/text-align-start-007.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-007.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4524,7 +4524,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=ltr"> <a href="text-align-start-008.xht">text-align-start-008</a></td> - <td><a href="reference/text-align-start-008.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-008.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4532,7 +4532,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=auto, RTL first strong"> <a href="text-align-start-009.xht">text-align-start-009</a></td> - <td><a href="reference/text-align-start-009.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-009.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4540,7 +4540,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=auto, LTR first strong"> <a href="text-align-start-010.xht">text-align-start-010</a></td> - <td><a href="reference/text-align-start-010.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-010.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4548,7 +4548,7 @@ <tr> <td rowspan="1" title="text-align: start, pre, dir=rtl inherited"> <a href="text-align-start-014.xht">text-align-start-014</a></td> - <td><a href="reference/text-align-start-014.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-014.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4556,7 +4556,7 @@ <tr> <td rowspan="1" title="text-align: start, pre, dir=ltr inherited"> <a href="text-align-start-015.xht">text-align-start-015</a></td> - <td><a href="reference/text-align-start-015.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-015.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4564,7 +4564,7 @@ <tr> <td rowspan="1" title="text-align: start, pre, dir=auto"> <a href="text-align-start-016.xht">text-align-start-016</a></td> - <td><a href="reference/text-align-start-016.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-016.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4572,7 +4572,7 @@ <tr> <td rowspan="1" title="text-align: start, pre, dir=auto on surrounding block"> <a href="text-align-start-017.xht">text-align-start-017</a></td> - <td><a href="reference/text-align-start-017.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-017.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list index f864e053657..d18b41ccb4c 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list @@ -521,32 +521,32 @@ tab-size-percent-001.xht == reference/tab-size-length-001-ref.xht text-align-006.xht == reference/text-align-006-ref.xht text-align-007.xht == reference/text-align-007-ref.xht text-align-008.xht == reference/text-align-007-ref.xht -text-align-end-001.xht == reference/text-align-end-001.xht -text-align-end-002.xht == reference/text-align-end-002.xht -text-align-end-003.xht == reference/text-align-end-003.xht -text-align-end-004.xht == reference/text-align-end-004.xht -text-align-end-005.xht == reference/text-align-end-005.xht -text-align-end-006.xht == reference/text-align-end-006.xht -text-align-end-007.xht == reference/text-align-end-007.xht -text-align-end-008.xht == reference/text-align-end-008.xht -text-align-end-009.xht == reference/text-align-end-009.xht -text-align-end-010.xht == reference/text-align-end-010.xht -text-align-end-014.xht == reference/text-align-end-014.xht -text-align-end-015.xht == reference/text-align-end-015.xht -text-align-end-016.xht == reference/text-align-end-016.xht -text-align-end-017.xht == reference/text-align-end-017.xht -text-align-justify-001.xht == reference/text-align-justify-001.xht -text-align-justify-002.xht == reference/text-align-justify-002.xht -text-align-justify-003.xht == reference/text-align-justify-003.xht -text-align-justify-004.xht == reference/text-align-justify-004.xht -text-align-justify-005.xht == reference/text-align-justify-005.xht -text-align-justify-006.xht == reference/text-align-justify-006.xht -text-align-justifyall-001.xht == reference/text-align-justifyall-001.xht -text-align-justifyall-002.xht == reference/text-align-justifyall-002.xht -text-align-justifyall-003.xht == reference/text-align-justifyall-003.xht -text-align-justifyall-004.xht == reference/text-align-justifyall-004.xht -text-align-justifyall-005.xht == reference/text-align-justifyall-005.xht -text-align-justifyall-006.xht == reference/text-align-justifyall-006.xht +text-align-end-001.xht == reference/text-align-end-ref-001.xht +text-align-end-002.xht == reference/text-align-end-ref-002.xht +text-align-end-003.xht == reference/text-align-end-ref-003.xht +text-align-end-004.xht == reference/text-align-end-ref-004.xht +text-align-end-005.xht == reference/text-align-end-ref-005.xht +text-align-end-006.xht == reference/text-align-end-ref-006.xht +text-align-end-007.xht == reference/text-align-end-ref-007.xht +text-align-end-008.xht == reference/text-align-end-ref-008.xht +text-align-end-009.xht == reference/text-align-end-ref-009.xht +text-align-end-010.xht == reference/text-align-end-ref-010.xht +text-align-end-014.xht == reference/text-align-end-ref-014.xht +text-align-end-015.xht == reference/text-align-end-ref-015.xht +text-align-end-016.xht == reference/text-align-end-ref-016.xht +text-align-end-017.xht == reference/text-align-end-ref-017.xht +text-align-justify-001.xht == reference/text-align-justify-ref-001.xht +text-align-justify-002.xht == reference/text-align-justify-ref-002.xht +text-align-justify-003.xht == reference/text-align-justify-ref-003.xht +text-align-justify-004.xht == reference/text-align-justify-ref-004.xht +text-align-justify-005.xht == reference/text-align-justify-ref-005.xht +text-align-justify-006.xht == reference/text-align-justify-ref-006.xht +text-align-justifyall-001.xht == reference/text-align-justifyall-ref-001.xht +text-align-justifyall-002.xht == reference/text-align-justifyall-ref-002.xht +text-align-justifyall-003.xht == reference/text-align-justifyall-ref-003.xht +text-align-justifyall-004.xht == reference/text-align-justifyall-ref-004.xht +text-align-justifyall-005.xht == reference/text-align-justifyall-ref-005.xht +text-align-justifyall-006.xht == reference/text-align-justifyall-ref-006.xht text-align-last-010.xht == reference/text-align-last-010-ref.xht text-align-last-011.xht == reference/text-align-last-010-ref.xht text-align-match-parent-02.xht == reference/text-align-match-parent-ref.xht @@ -554,20 +554,20 @@ text-align-match-parent-03.xht == reference/text-align-match-parent-ref.xht text-align-match-parent-04.xht == reference/text-align-match-parent-ref.xht text-align-match-parent-root-ltr.xht == reference/text-align-match-parent-root-ltr-ref.xht text-align-match-parent-root-rtl.xht == reference/text-align-match-parent-root-rtl-ref.xht -text-align-start-001.xht == reference/text-align-start-001.xht -text-align-start-002.xht == reference/text-align-start-002.xht -text-align-start-003.xht == reference/text-align-start-003.xht -text-align-start-004.xht == reference/text-align-start-004.xht -text-align-start-005.xht == reference/text-align-start-005.xht -text-align-start-006.xht == reference/text-align-start-006.xht -text-align-start-007.xht == reference/text-align-start-007.xht -text-align-start-008.xht == reference/text-align-start-008.xht -text-align-start-009.xht == reference/text-align-start-009.xht -text-align-start-010.xht == reference/text-align-start-010.xht -text-align-start-014.xht == reference/text-align-start-014.xht -text-align-start-015.xht == reference/text-align-start-015.xht -text-align-start-016.xht == reference/text-align-start-016.xht -text-align-start-017.xht == reference/text-align-start-017.xht +text-align-start-001.xht == reference/text-align-start-ref-001.xht +text-align-start-002.xht == reference/text-align-start-ref-002.xht +text-align-start-003.xht == reference/text-align-start-ref-003.xht +text-align-start-004.xht == reference/text-align-start-ref-004.xht +text-align-start-005.xht == reference/text-align-start-ref-005.xht +text-align-start-006.xht == reference/text-align-start-ref-006.xht +text-align-start-007.xht == reference/text-align-start-ref-007.xht +text-align-start-008.xht == reference/text-align-start-ref-008.xht +text-align-start-009.xht == reference/text-align-start-ref-009.xht +text-align-start-010.xht == reference/text-align-start-ref-010.xht +text-align-start-014.xht == reference/text-align-start-ref-014.xht +text-align-start-015.xht == reference/text-align-start-ref-015.xht +text-align-start-016.xht == reference/text-align-start-ref-016.xht +text-align-start-017.xht == reference/text-align-start-ref-017.xht text-emphasis-color-001.xht == reference/text-emphasis-color-001-ref.xht text-emphasis-position-above-left-001.xht == reference/text-emphasis-position-above-left-001-ref.xht text-emphasis-position-above-left-002.xht == reference/text-emphasis-position-above-left-002-ref.xht diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-001.xht index 409884fe4f7..810e99b56f3 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-001.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-001.xht @@ -4,7 +4,7 @@ <title>text-align: end, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-001.xht" rel="match" /> +<link href="reference/text-align-end-ref-001.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: end; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-002.xht index a3e2156c717..a862d02192b 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-002.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-002.xht @@ -4,7 +4,7 @@ <title>text-align: end, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-002.xht" rel="match" /> +<link href="reference/text-align-end-ref-002.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: end; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-003.xht index f648c52d992..219d7403aa8 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-003.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-003.xht @@ -4,7 +4,7 @@ <title>text-align: end, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-003.xht" rel="match" /> +<link href="reference/text-align-end-ref-003.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-004.xht index bbda7e3a5f1..579d3f12a9d 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-004.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-004.xht @@ -4,7 +4,7 @@ <title>text-align: end, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-004.xht" rel="match" /> +<link href="reference/text-align-end-ref-004.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-005.xht index 7cc89e2c800..3a68e845a8f 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-005.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-005.xht @@ -4,7 +4,7 @@ <title>text-align: end, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-005.xht" rel="match" /> +<link href="reference/text-align-end-ref-005.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: end; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-006.xht index b4407849345..a57b3d609fb 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-006.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-006.xht @@ -4,7 +4,7 @@ <title>text-align: end, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-006.xht" rel="match" /> +<link href="reference/text-align-end-ref-006.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: end; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-007.xht index d747c45f870..0e6a26594bd 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-007.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-007.xht @@ -4,7 +4,7 @@ <title>text-align: end, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-007.xht" rel="match" /> +<link href="reference/text-align-end-ref-007.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-008.xht index 22ad73b27a1..4003c73f6fb 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-008.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-008.xht @@ -4,7 +4,7 @@ <title>text-align: end, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-008.xht" rel="match" /> +<link href="reference/text-align-end-ref-008.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-009.xht index 294b99a2dcc..9da4a661d6d 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-009.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-009.xht @@ -4,7 +4,7 @@ <title>text-align: end, dir=auto, RTL first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-009.xht" rel="match" /> +<link href="reference/text-align-end-ref-009.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is auto and first strong character is rtl." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-010.xht index f773f8be424..22c4d754eee 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-010.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-010.xht @@ -4,7 +4,7 @@ <title>text-align: end, dir=auto, LTR first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-010.xht" rel="match" /> +<link href="reference/text-align-end-ref-010.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-014.xht index 9cbfb016a25..c9df02d3221 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-014.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-014.xht @@ -4,7 +4,7 @@ <title>text-align: end, pre, dir=rtl inherited</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-014.xht" rel="match" /> +<link href="reference/text-align-end-ref-014.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when base direction is rtl." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-015.xht index dea6b80cf63..54207c52c06 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-015.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-015.xht @@ -4,7 +4,7 @@ <title>text-align: end, pre, dir=ltr inherited</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-015.xht" rel="match" /> +<link href="reference/text-align-end-ref-015.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when base direction is ltr." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-016.xht index c850bdc42d2..a144c5ae9d6 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-016.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-016.xht @@ -4,7 +4,7 @@ <title>text-align: end, pre, dir=auto</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-016.xht" rel="match" /> +<link href="reference/text-align-end-ref-016.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr, and left when first strong is rtl." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-017.xht index 8251d0d65b9..2f97ec45fa0 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-017.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-end-017.xht @@ -4,7 +4,7 @@ <title>text-align: end, pre, dir=auto on surrounding block</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-017.xht" rel="match" /> +<link href="reference/text-align-end-ref-017.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. since dir=auto is not inherited by pre, to right in ltr context." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-001.xht index fb5630120a2..0625b78ebd3 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-001.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-001.xht @@ -2,7 +2,7 @@ <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>text-align: justify, direction: rtl</title> -<link href="reference/text-align-justify-001.xht" rel="match" /> +<link href="reference/text-align-justify-ref-001.xht" rel="match" /> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert" /> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-002.xht index 63731ea4ea7..bd79733d3df 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-002.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-002.xht @@ -2,7 +2,7 @@ <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>text-align: justify, direction: ltr</title> -<link href="reference/text-align-justify-002.xht" rel="match" /> +<link href="reference/text-align-justify-ref-002.xht" rel="match" /> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert" /> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-003.xht index d170dbb5c9f..ad35906cb35 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-003.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-003.xht @@ -4,7 +4,7 @@ <title>text-align: justify, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justify-003.xht" rel="match" /> +<link href="reference/text-align-justify-ref-003.xht" rel="match" /> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert" /> <style type="text/css"> .test { text-align: justify; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-004.xht index f9b5ff9aa1f..cbf4e56e763 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-004.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-004.xht @@ -4,7 +4,7 @@ <title>text-align: justify, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justify-004.xht" rel="match" /> +<link href="reference/text-align-justify-ref-004.xht" rel="match" /> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert" /> <style type="text/css"> .test { text-align: justify; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-005.xht index 5a359d49a7a..2fb14d94538 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-005.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-005.xht @@ -4,7 +4,7 @@ <title>text-align: justify, dir=auto, RTL first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justify-005.xht" rel="match" /> +<link href="reference/text-align-justify-ref-005.xht" rel="match" /> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert" /> <style type="text/css"> .test { text-align: justify; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-006.xht index 3f08c27c07d..2cd85508479 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-006.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justify-006.xht @@ -4,7 +4,7 @@ <title>text-align: justify, dir=auto, LTR first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justify-006.xht" rel="match" /> +<link href="reference/text-align-justify-ref-006.xht" rel="match" /> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert" /> <style type="text/css"> .test { text-align: justify; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-001.xht index 59591a79997..53400395935 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-001.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-001.xht @@ -4,7 +4,7 @@ <title>text-align: justify-all, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justifyall-001.xht" rel="match" /> +<link href="reference/text-align-justifyall-ref-001.xht" rel="match" /> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" /> <style type="text/css"> .test { text-align: justify-all; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-002.xht index 91a518723a5..bf42b154c5c 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-002.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-002.xht @@ -4,7 +4,7 @@ <title>text-align: justify-all, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justifyall-002.xht" rel="match" /> +<link href="reference/text-align-justifyall-ref-002.xht" rel="match" /> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" /> <style type="text/css"> .test { text-align: justify-all; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-003.xht index bfd2df68161..bbd196d5699 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-003.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-003.xht @@ -4,7 +4,7 @@ <title>text-align: justify-all, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justifyall-003.xht" rel="match" /> +<link href="reference/text-align-justifyall-ref-003.xht" rel="match" /> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" /> <style type="text/css"> .test { text-align: justify-all; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-004.xht index 23b2c645306..1cdc554e2fd 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-004.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-004.xht @@ -3,7 +3,7 @@ <meta charset="utf-8" /> <title>text-align: justify-all, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> -<link href="reference/text-align-justifyall-004.xht" rel="match" /> +<link href="reference/text-align-justifyall-ref-004.xht" rel="match" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-005.xht index f3cdbb8f2e9..cf9a56457fa 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-005.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-005.xht @@ -4,7 +4,7 @@ <title>text-align: justify-all, dir=auto, RTL first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justifyall-005.xht" rel="match" /> +<link href="reference/text-align-justifyall-ref-005.xht" rel="match" /> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" /> <style type="text/css"> .test { text-align: justify-all; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-006.xht index 21b26075a85..cfaa1c9bffb 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-006.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-justifyall-006.xht @@ -4,7 +4,7 @@ <title>text-align: justify-all, dir=auto, LTR first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justifyall-006.xht" rel="match" /> +<link href="reference/text-align-justifyall-ref-006.xht" rel="match" /> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" /> <style type="text/css"> .test { text-align: justify-all; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-001.xht index 019b812dd5d..21726ba2903 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-001.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-001.xht @@ -4,7 +4,7 @@ <title>text-align: start, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-001.xht" rel="match" /> +<link href="reference/text-align-start-ref-001.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: start; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-002.xht index f1218beddab..d8160b48b72 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-002.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-002.xht @@ -4,7 +4,7 @@ <title>text-align: start, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-002.xht" rel="match" /> +<link href="reference/text-align-start-ref-002.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: start; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-003.xht index 2663960ae2f..5f4b16aff70 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-003.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-003.xht @@ -4,7 +4,7 @@ <title>text-align: start, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-003.xht" rel="match" /> +<link href="reference/text-align-start-ref-003.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-004.xht index 60b08a01efe..5a18264ff42 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-004.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-004.xht @@ -4,7 +4,7 @@ <title>text-align: start, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-004.xht" rel="match" /> +<link href="reference/text-align-start-ref-004.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-005.xht index e56d1cd752d..a6c5d755e24 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-005.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-005.xht @@ -4,7 +4,7 @@ <title>text-align: start, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-005.xht" rel="match" /> +<link href="reference/text-align-start-ref-005.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: start; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-006.xht index 1dba20a1f39..62a92b7e5c8 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-006.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-006.xht @@ -4,7 +4,7 @@ <title>text-align: start, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-006.xht" rel="match" /> +<link href="reference/text-align-start-ref-006.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: start; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-007.xht index ace16478d3b..bb229373c84 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-007.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-007.xht @@ -4,7 +4,7 @@ <title>text-align: start, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-007.xht" rel="match" /> +<link href="reference/text-align-start-ref-007.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-008.xht index f6c12b4a2c4..a9922b8799e 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-008.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-008.xht @@ -4,7 +4,7 @@ <title>text-align: start, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-008.xht" rel="match" /> +<link href="reference/text-align-start-ref-008.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-009.xht index 780460da745..3a735b68bcb 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-009.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-009.xht @@ -4,7 +4,7 @@ <title>text-align: start, dir=auto, RTL first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-009.xht" rel="match" /> +<link href="reference/text-align-start-ref-009.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is auto and first strong character is rtl." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-010.xht index 26b185368ae..2d428f9fb4e 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-010.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-010.xht @@ -4,7 +4,7 @@ <title>text-align: start, dir=auto, LTR first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-010.xht" rel="match" /> +<link href="reference/text-align-start-ref-010.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-014.xht index 8148148d6f5..ae6dbba948a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-014.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-014.xht @@ -4,7 +4,7 @@ <title>text-align: start, pre, dir=rtl inherited</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-014.xht" rel="match" /> +<link href="reference/text-align-start-ref-014.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when base direction is rtl." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-015.xht index c1d01c75fc1..91727b4f100 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-015.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-015.xht @@ -4,7 +4,7 @@ <title>text-align: start, pre, dir=ltr inherited</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-015.xht" rel="match" /> +<link href="reference/text-align-start-ref-015.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when base direction is ltr." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-016.xht index 7bfdb67f407..9f35ce6f1a3 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-016.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-016.xht @@ -4,7 +4,7 @@ <title>text-align: start, pre, dir=auto</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-016.xht" rel="match" /> +<link href="reference/text-align-start-ref-016.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr, and right when first strong is rtl." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-017.xht index a6a42ace14a..08d5a39aa41 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-017.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-align-start-017.xht @@ -4,7 +4,7 @@ <title>text-align: start, pre, dir=auto on surrounding block</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-017.xht" rel="match" /> +<link href="reference/text-align-start-ref-017.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. since dir=auto is not inherited by pre, to left in ltr context." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-7.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-7.xht index 231e2ee67f3..7cd0e04e77a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-7.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-7.xht @@ -41,7 +41,7 @@ <tr id="text-align-end-001-7.1" class="primary"> <td><strong> <a href="text-align-end-001.xht">text-align-end-001</a></strong></td> - <td><a href="reference/text-align-end-001.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-001.xht">=</a> </td> <td></td> <td>text-align: end, direction: rtl <ul class="assert"> @@ -52,7 +52,7 @@ <tr id="text-align-end-002-7.1" class="primary"> <td><strong> <a href="text-align-end-002.xht">text-align-end-002</a></strong></td> - <td><a href="reference/text-align-end-002.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-002.xht">=</a> </td> <td></td> <td>text-align: end, direction: ltr <ul class="assert"> @@ -63,7 +63,7 @@ <tr id="text-align-end-003-7.1" class="primary"> <td><strong> <a href="text-align-end-003.xht">text-align-end-003</a></strong></td> - <td><a href="reference/text-align-end-003.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-003.xht">=</a> </td> <td></td> <td>text-align: end, dir=rtl <ul class="assert"> @@ -74,7 +74,7 @@ <tr id="text-align-end-004-7.1" class="primary"> <td><strong> <a href="text-align-end-004.xht">text-align-end-004</a></strong></td> - <td><a href="reference/text-align-end-004.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-004.xht">=</a> </td> <td></td> <td>text-align: end, dir=ltr <ul class="assert"> @@ -85,7 +85,7 @@ <tr id="text-align-end-005-7.1" class="primary"> <td><strong> <a href="text-align-end-005.xht">text-align-end-005</a></strong></td> - <td><a href="reference/text-align-end-005.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-005.xht">=</a> </td> <td></td> <td>text-align: end, direction: rtl <ul class="assert"> @@ -96,7 +96,7 @@ <tr id="text-align-end-006-7.1" class="primary"> <td><strong> <a href="text-align-end-006.xht">text-align-end-006</a></strong></td> - <td><a href="reference/text-align-end-006.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-006.xht">=</a> </td> <td></td> <td>text-align: end, direction: ltr <ul class="assert"> @@ -107,7 +107,7 @@ <tr id="text-align-end-007-7.1" class="primary"> <td><strong> <a href="text-align-end-007.xht">text-align-end-007</a></strong></td> - <td><a href="reference/text-align-end-007.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-007.xht">=</a> </td> <td></td> <td>text-align: end, dir=rtl <ul class="assert"> @@ -118,7 +118,7 @@ <tr id="text-align-end-008-7.1" class="primary"> <td><strong> <a href="text-align-end-008.xht">text-align-end-008</a></strong></td> - <td><a href="reference/text-align-end-008.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-008.xht">=</a> </td> <td></td> <td>text-align: end, dir=ltr <ul class="assert"> @@ -129,7 +129,7 @@ <tr id="text-align-end-009-7.1" class="primary"> <td><strong> <a href="text-align-end-009.xht">text-align-end-009</a></strong></td> - <td><a href="reference/text-align-end-009.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-009.xht">=</a> </td> <td></td> <td>text-align: end, dir=auto, RTL first strong <ul class="assert"> @@ -140,7 +140,7 @@ <tr id="text-align-end-010-7.1" class="primary"> <td><strong> <a href="text-align-end-010.xht">text-align-end-010</a></strong></td> - <td><a href="reference/text-align-end-010.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-010.xht">=</a> </td> <td></td> <td>text-align: end, dir=auto, LTR first strong <ul class="assert"> @@ -151,7 +151,7 @@ <tr id="text-align-end-014-7.1" class="primary"> <td><strong> <a href="text-align-end-014.xht">text-align-end-014</a></strong></td> - <td><a href="reference/text-align-end-014.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-014.xht">=</a> </td> <td></td> <td>text-align: end, pre, dir=rtl inherited <ul class="assert"> @@ -162,7 +162,7 @@ <tr id="text-align-end-015-7.1" class="primary"> <td><strong> <a href="text-align-end-015.xht">text-align-end-015</a></strong></td> - <td><a href="reference/text-align-end-015.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-015.xht">=</a> </td> <td></td> <td>text-align: end, pre, dir=ltr inherited <ul class="assert"> @@ -173,7 +173,7 @@ <tr id="text-align-end-016-7.1" class="primary"> <td><strong> <a href="text-align-end-016.xht">text-align-end-016</a></strong></td> - <td><a href="reference/text-align-end-016.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-016.xht">=</a> </td> <td></td> <td>text-align: end, pre, dir=auto <ul class="assert"> @@ -184,7 +184,7 @@ <tr id="text-align-end-017-7.1" class="primary"> <td><strong> <a href="text-align-end-017.xht">text-align-end-017</a></strong></td> - <td><a href="reference/text-align-end-017.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-017.xht">=</a> </td> <td></td> <td>text-align: end, pre, dir=auto on surrounding block <ul class="assert"> @@ -239,7 +239,7 @@ <tr id="text-align-justify-001-7.1" class="primary"> <td><strong> <a href="text-align-justify-001.xht">text-align-justify-001</a></strong></td> - <td><a href="reference/text-align-justify-001.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-001.xht">=</a> </td> <td></td> <td>text-align: justify, direction: rtl <ul class="assert"> @@ -250,7 +250,7 @@ <tr id="text-align-justify-002-7.1" class="primary"> <td><strong> <a href="text-align-justify-002.xht">text-align-justify-002</a></strong></td> - <td><a href="reference/text-align-justify-002.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-002.xht">=</a> </td> <td></td> <td>text-align: justify, direction: ltr <ul class="assert"> @@ -261,7 +261,7 @@ <tr id="text-align-justify-003-7.1" class="primary"> <td><strong> <a href="text-align-justify-003.xht">text-align-justify-003</a></strong></td> - <td><a href="reference/text-align-justify-003.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-003.xht">=</a> </td> <td></td> <td>text-align: justify, dir=rtl <ul class="assert"> @@ -272,7 +272,7 @@ <tr id="text-align-justify-004-7.1" class="primary"> <td><strong> <a href="text-align-justify-004.xht">text-align-justify-004</a></strong></td> - <td><a href="reference/text-align-justify-004.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-004.xht">=</a> </td> <td></td> <td>text-align: justify, dir=ltr <ul class="assert"> @@ -283,7 +283,7 @@ <tr id="text-align-justify-005-7.1" class="primary"> <td><strong> <a href="text-align-justify-005.xht">text-align-justify-005</a></strong></td> - <td><a href="reference/text-align-justify-005.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-005.xht">=</a> </td> <td></td> <td>text-align: justify, dir=auto, RTL first strong <ul class="assert"> @@ -294,7 +294,7 @@ <tr id="text-align-justify-006-7.1" class="primary"> <td><strong> <a href="text-align-justify-006.xht">text-align-justify-006</a></strong></td> - <td><a href="reference/text-align-justify-006.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-006.xht">=</a> </td> <td></td> <td>text-align: justify, dir=auto, LTR first strong <ul class="assert"> @@ -305,7 +305,7 @@ <tr id="text-align-justifyall-001-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-001.xht">text-align-justifyall-001</a></strong></td> - <td><a href="reference/text-align-justifyall-001.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-001.xht">=</a> </td> <td></td> <td>text-align: justify-all, direction: rtl <ul class="assert"> @@ -316,7 +316,7 @@ <tr id="text-align-justifyall-002-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-002.xht">text-align-justifyall-002</a></strong></td> - <td><a href="reference/text-align-justifyall-002.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-002.xht">=</a> </td> <td></td> <td>text-align: justify-all, direction: ltr <ul class="assert"> @@ -327,7 +327,7 @@ <tr id="text-align-justifyall-003-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-003.xht">text-align-justifyall-003</a></strong></td> - <td><a href="reference/text-align-justifyall-003.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-003.xht">=</a> </td> <td></td> <td>text-align: justify-all, dir=rtl <ul class="assert"> @@ -338,7 +338,7 @@ <tr id="text-align-justifyall-004-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-004.xht">text-align-justifyall-004</a></strong></td> - <td><a href="reference/text-align-justifyall-004.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-004.xht">=</a> </td> <td></td> <td>text-align: justify-all, dir=ltr <ul class="assert"> @@ -349,7 +349,7 @@ <tr id="text-align-justifyall-005-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-005.xht">text-align-justifyall-005</a></strong></td> - <td><a href="reference/text-align-justifyall-005.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-005.xht">=</a> </td> <td></td> <td>text-align: justify-all, dir=auto, RTL first strong <ul class="assert"> @@ -360,7 +360,7 @@ <tr id="text-align-justifyall-006-7.1" class="primary"> <td><strong> <a href="text-align-justifyall-006.xht">text-align-justifyall-006</a></strong></td> - <td><a href="reference/text-align-justifyall-006.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-006.xht">=</a> </td> <td></td> <td>text-align: justify-all, dir=auto, LTR first strong <ul class="assert"> @@ -437,7 +437,7 @@ <tr id="text-align-start-001-7.1" class="primary"> <td><strong> <a href="text-align-start-001.xht">text-align-start-001</a></strong></td> - <td><a href="reference/text-align-start-001.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-001.xht">=</a> </td> <td></td> <td>text-align: start, direction: rtl <ul class="assert"> @@ -448,7 +448,7 @@ <tr id="text-align-start-002-7.1" class="primary"> <td><strong> <a href="text-align-start-002.xht">text-align-start-002</a></strong></td> - <td><a href="reference/text-align-start-002.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-002.xht">=</a> </td> <td></td> <td>text-align: start, direction: ltr <ul class="assert"> @@ -459,7 +459,7 @@ <tr id="text-align-start-003-7.1" class="primary"> <td><strong> <a href="text-align-start-003.xht">text-align-start-003</a></strong></td> - <td><a href="reference/text-align-start-003.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-003.xht">=</a> </td> <td></td> <td>text-align: start, dir=rtl <ul class="assert"> @@ -470,7 +470,7 @@ <tr id="text-align-start-004-7.1" class="primary"> <td><strong> <a href="text-align-start-004.xht">text-align-start-004</a></strong></td> - <td><a href="reference/text-align-start-004.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-004.xht">=</a> </td> <td></td> <td>text-align: start, dir=ltr <ul class="assert"> @@ -481,7 +481,7 @@ <tr id="text-align-start-005-7.1" class="primary"> <td><strong> <a href="text-align-start-005.xht">text-align-start-005</a></strong></td> - <td><a href="reference/text-align-start-005.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-005.xht">=</a> </td> <td></td> <td>text-align: start, direction: rtl <ul class="assert"> @@ -492,7 +492,7 @@ <tr id="text-align-start-006-7.1" class="primary"> <td><strong> <a href="text-align-start-006.xht">text-align-start-006</a></strong></td> - <td><a href="reference/text-align-start-006.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-006.xht">=</a> </td> <td></td> <td>text-align: start, direction: ltr <ul class="assert"> @@ -503,7 +503,7 @@ <tr id="text-align-start-007-7.1" class="primary"> <td><strong> <a href="text-align-start-007.xht">text-align-start-007</a></strong></td> - <td><a href="reference/text-align-start-007.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-007.xht">=</a> </td> <td></td> <td>text-align: start, dir=rtl <ul class="assert"> @@ -514,7 +514,7 @@ <tr id="text-align-start-008-7.1" class="primary"> <td><strong> <a href="text-align-start-008.xht">text-align-start-008</a></strong></td> - <td><a href="reference/text-align-start-008.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-008.xht">=</a> </td> <td></td> <td>text-align: start, dir=ltr <ul class="assert"> @@ -525,7 +525,7 @@ <tr id="text-align-start-009-7.1" class="primary"> <td><strong> <a href="text-align-start-009.xht">text-align-start-009</a></strong></td> - <td><a href="reference/text-align-start-009.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-009.xht">=</a> </td> <td></td> <td>text-align: start, dir=auto, RTL first strong <ul class="assert"> @@ -536,7 +536,7 @@ <tr id="text-align-start-010-7.1" class="primary"> <td><strong> <a href="text-align-start-010.xht">text-align-start-010</a></strong></td> - <td><a href="reference/text-align-start-010.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-010.xht">=</a> </td> <td></td> <td>text-align: start, dir=auto, LTR first strong <ul class="assert"> @@ -547,7 +547,7 @@ <tr id="text-align-start-014-7.1" class="primary"> <td><strong> <a href="text-align-start-014.xht">text-align-start-014</a></strong></td> - <td><a href="reference/text-align-start-014.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-014.xht">=</a> </td> <td></td> <td>text-align: start, pre, dir=rtl inherited <ul class="assert"> @@ -558,7 +558,7 @@ <tr id="text-align-start-015-7.1" class="primary"> <td><strong> <a href="text-align-start-015.xht">text-align-start-015</a></strong></td> - <td><a href="reference/text-align-start-015.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-015.xht">=</a> </td> <td></td> <td>text-align: start, pre, dir=ltr inherited <ul class="assert"> @@ -569,7 +569,7 @@ <tr id="text-align-start-016-7.1" class="primary"> <td><strong> <a href="text-align-start-016.xht">text-align-start-016</a></strong></td> - <td><a href="reference/text-align-start-016.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-016.xht">=</a> </td> <td></td> <td>text-align: start, pre, dir=auto <ul class="assert"> @@ -580,7 +580,7 @@ <tr id="text-align-start-017-7.1" class="primary"> <td><strong> <a href="text-align-start-017.xht">text-align-start-017</a></strong></td> - <td><a href="reference/text-align-start-017.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-017.xht">=</a> </td> <td></td> <td>text-align: start, pre, dir=auto on surrounding block <ul class="assert"> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-001.xht new file mode 100644 index 00000000000..0e401203816 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-001.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-002.xht new file mode 100644 index 00000000000..69ddc1a8db8 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-002.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div style="direction: rtl;"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-003.xht new file mode 100644 index 00000000000..a5ae28f324e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-003.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-004.xht new file mode 100644 index 00000000000..388fdf46c7b --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-004.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-005.xht new file mode 100644 index 00000000000..d9ec4fd590d --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-005.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-006.xht new file mode 100644 index 00000000000..f88e5d2a90c --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-006.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-007.xht new file mode 100644 index 00000000000..c94fefb3b64 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-007.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-008.xht new file mode 100644 index 00000000000..f140d4ceb44 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-008.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-009.xht new file mode 100644 index 00000000000..f341480dea6 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-009.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-010.xht new file mode 100644 index 00000000000..6759f3b1282 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-010.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-014.xht new file mode 100644 index 00000000000..40ccdbb3379 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-014.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, pre, dir=rtl inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-015.xht new file mode 100644 index 00000000000..14dbaf9936d --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-015.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, pre, dir=ltr inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-016.xht new file mode 100644 index 00000000000..47fd1f3ea4f --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-016.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, pre, dir=auto</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 24px; } +.rb2 { position: absolute; bottom: 0; left: 0; background-color: orange; width: 72px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-017.xht new file mode 100644 index 00000000000..ae11beb2bc6 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-end-ref-017.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: end, pre, dir=auto on surrounding block</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-001.xht new file mode 100644 index 00000000000..c9e05a4a260 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-002.xht new file mode 100644 index 00000000000..983d209c71e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-002.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-003.xht new file mode 100644 index 00000000000..117f4b9440a --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-004.xht new file mode 100644 index 00000000000..bad040fe3e2 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-004.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-005.xht new file mode 100644 index 00000000000..b3842fca171 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-005.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-006.xht new file mode 100644 index 00000000000..f2d732ae6ce --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justify-ref-006.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-001.xht new file mode 100644 index 00000000000..dd6d2cf2867 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-002.xht new file mode 100644 index 00000000000..27dbf26fe48 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-002.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-003.xht new file mode 100644 index 00000000000..d2a2e1e3cd7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-003.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-004.xht new file mode 100644 index 00000000000..5f2e89e1bcc --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-004.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-005.xht new file mode 100644 index 00000000000..dfbbb8b4dc1 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-005.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; left: 0; height: 48px; } +.rb2 { top: 0; left: 109px; height: 48px; } +.rb3 { top: 0; left: 218px; height: 48px; } +.rb4 { top: 0; left: 327px; height: 72px; } +.rb5 { top: 48px; right: 96px; height: 24px; } +.rb6 { top: 48px; right: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-006.xht new file mode 100644 index 00000000000..6cb1c0deeaf --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-justifyall-ref-006.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: justify-all, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test, .ref { border: 1px solid orange; margin: 20px; width: 399px; color: orange; font: 24px/24px ahem; } +.ref { text-align: right; position: relative; height:72px; } +.rb { position: absolute; background-color: orange; width: 72px; } +.rb1 { top: 0; right: 0; height: 48px; } +.rb2 { top: 0; right: 109px; height: 48px; } +.rb3 { top: 0; right: 218px; height: 48px; } +.rb4 { top: 0; right: 327px; height: 72px; } +.rb5 { top: 48px; left: 96px; height: 24px; } +.rb6 { top: 48px; left: 192px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is the same.</div> +<div dir="rtl"> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +<div class="ref"><div class="rb rb1"></div><div class="rb rb2"></div><div class="rb rb3"></div><div class="rb rb4"></div><div class="rb rb5"></div><div class="rb rb6"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-001.xht new file mode 100644 index 00000000000..f2d76217ff3 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-001.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; direction: rtl; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-002.xht new file mode 100644 index 00000000000..cb69623e308 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-002.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; direction: ltr; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div style="direction: rtl;"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-003.xht new file mode 100644 index 00000000000..03874d52960 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-003.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-004.xht new file mode 100644 index 00000000000..50fa1752665 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-004.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 24px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 120px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-005.xht new file mode 100644 index 00000000000..46fe5cab0da --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-005.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, direction: rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; direction: rtl; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-006.xht new file mode 100644 index 00000000000..0f7e4a2e0d7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-006.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, direction: ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; direction: ltr; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes is identical.</div> +<div style="direction: rtl;"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-007.xht new file mode 100644 index 00000000000..4d303d7acf2 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-007.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=rtl</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if the shading in both orange boxes looks the same.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-008.xht new file mode 100644 index 00000000000..3a523fe9f67 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-008.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=ltr</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-009.xht new file mode 100644 index 00000000000..df9e076115c --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-009.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=auto, RTL first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; right: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; right: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-010.xht new file mode 100644 index 00000000000..2b291c024d7 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-010.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, dir=auto, LTR first strong</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 72px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; } +.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; } +.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-014.xht new file mode 100644 index 00000000000..a2e5267883d --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-014.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, pre, dir=rtl inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; right: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="rtl"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-015.xht new file mode 100644 index 00000000000..8d8b8508a9b --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-015.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, pre, dir=ltr inherited</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div dir="ltr"> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> +</div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-016.xht new file mode 100644 index 00000000000..9ae70b5f116 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-016.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, pre, dir=auto</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 24px; } +.rb2 { position: absolute; bottom: 0; right: 0; background-color: orange; width: 72px; height: 24px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> +<div class="ref"><div class="rb1"></div><div class="rb2"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-017.xht new file mode 100644 index 00000000000..f8c199d27b0 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-align-start-ref-017.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> +<title>text-align: start, pre, dir=auto on surrounding block</title> +<link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> +<style type="text/css"> +.test { text-align: start; } +/* the CSS below is not part of the test */ +.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; } +.ref { position: relative; height: 48px; } +#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 48px; } +</style> +</head> +<body> +<div id="instructions">Test passes if shading in both orange boxes is identical.</div> +<div class="ref"><div id="rb1"></div></div> +<div class="ref"><div id="rb1"></div></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht index 8a315b2bfb0..0d9adef6d13 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht @@ -4204,7 +4204,7 @@ <tr> <td rowspan="1" title="text-align: end, direction: rtl"> <a href="text-align-end-001.xht">text-align-end-001</a></td> - <td><a href="reference/text-align-end-001.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-001.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4212,7 +4212,7 @@ <tr> <td rowspan="1" title="text-align: end, direction: ltr"> <a href="text-align-end-002.xht">text-align-end-002</a></td> - <td><a href="reference/text-align-end-002.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-002.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4220,7 +4220,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=rtl"> <a href="text-align-end-003.xht">text-align-end-003</a></td> - <td><a href="reference/text-align-end-003.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-003.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4228,7 +4228,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=ltr"> <a href="text-align-end-004.xht">text-align-end-004</a></td> - <td><a href="reference/text-align-end-004.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-004.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4236,7 +4236,7 @@ <tr> <td rowspan="1" title="text-align: end, direction: rtl"> <a href="text-align-end-005.xht">text-align-end-005</a></td> - <td><a href="reference/text-align-end-005.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-005.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4244,7 +4244,7 @@ <tr> <td rowspan="1" title="text-align: end, direction: ltr"> <a href="text-align-end-006.xht">text-align-end-006</a></td> - <td><a href="reference/text-align-end-006.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-006.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4252,7 +4252,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=rtl"> <a href="text-align-end-007.xht">text-align-end-007</a></td> - <td><a href="reference/text-align-end-007.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-007.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4260,7 +4260,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=ltr"> <a href="text-align-end-008.xht">text-align-end-008</a></td> - <td><a href="reference/text-align-end-008.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-008.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4268,7 +4268,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=auto, RTL first strong"> <a href="text-align-end-009.xht">text-align-end-009</a></td> - <td><a href="reference/text-align-end-009.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-009.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4276,7 +4276,7 @@ <tr> <td rowspan="1" title="text-align: end, dir=auto, LTR first strong"> <a href="text-align-end-010.xht">text-align-end-010</a></td> - <td><a href="reference/text-align-end-010.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-010.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4284,7 +4284,7 @@ <tr> <td rowspan="1" title="text-align: end, pre, dir=rtl inherited"> <a href="text-align-end-014.xht">text-align-end-014</a></td> - <td><a href="reference/text-align-end-014.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-014.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4292,7 +4292,7 @@ <tr> <td rowspan="1" title="text-align: end, pre, dir=ltr inherited"> <a href="text-align-end-015.xht">text-align-end-015</a></td> - <td><a href="reference/text-align-end-015.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-015.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4300,7 +4300,7 @@ <tr> <td rowspan="1" title="text-align: end, pre, dir=auto"> <a href="text-align-end-016.xht">text-align-end-016</a></td> - <td><a href="reference/text-align-end-016.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-016.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4308,7 +4308,7 @@ <tr> <td rowspan="1" title="text-align: end, pre, dir=auto on surrounding block"> <a href="text-align-end-017.xht">text-align-end-017</a></td> - <td><a href="reference/text-align-end-017.xht">=</a> </td> + <td><a href="reference/text-align-end-ref-017.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4316,7 +4316,7 @@ <tr> <td rowspan="1" title="text-align: justify, direction: rtl"> <a href="text-align-justify-001.xht">text-align-justify-001</a></td> - <td><a href="reference/text-align-justify-001.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-001.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4324,7 +4324,7 @@ <tr> <td rowspan="1" title="text-align: justify, direction: ltr"> <a href="text-align-justify-002.xht">text-align-justify-002</a></td> - <td><a href="reference/text-align-justify-002.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-002.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4332,7 +4332,7 @@ <tr> <td rowspan="1" title="text-align: justify, dir=rtl"> <a href="text-align-justify-003.xht">text-align-justify-003</a></td> - <td><a href="reference/text-align-justify-003.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-003.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4340,7 +4340,7 @@ <tr> <td rowspan="1" title="text-align: justify, dir=ltr"> <a href="text-align-justify-004.xht">text-align-justify-004</a></td> - <td><a href="reference/text-align-justify-004.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-004.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4348,7 +4348,7 @@ <tr> <td rowspan="1" title="text-align: justify, dir=auto, RTL first strong"> <a href="text-align-justify-005.xht">text-align-justify-005</a></td> - <td><a href="reference/text-align-justify-005.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-005.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4356,7 +4356,7 @@ <tr> <td rowspan="1" title="text-align: justify, dir=auto, LTR first strong"> <a href="text-align-justify-006.xht">text-align-justify-006</a></td> - <td><a href="reference/text-align-justify-006.xht">=</a> </td> + <td><a href="reference/text-align-justify-ref-006.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4364,7 +4364,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, direction: rtl"> <a href="text-align-justifyall-001.xht">text-align-justifyall-001</a></td> - <td><a href="reference/text-align-justifyall-001.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-001.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4372,7 +4372,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, direction: ltr"> <a href="text-align-justifyall-002.xht">text-align-justifyall-002</a></td> - <td><a href="reference/text-align-justifyall-002.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-002.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4380,7 +4380,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, dir=rtl"> <a href="text-align-justifyall-003.xht">text-align-justifyall-003</a></td> - <td><a href="reference/text-align-justifyall-003.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-003.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4388,7 +4388,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, dir=ltr"> <a href="text-align-justifyall-004.xht">text-align-justifyall-004</a></td> - <td><a href="reference/text-align-justifyall-004.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-004.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4396,7 +4396,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, dir=auto, RTL first strong"> <a href="text-align-justifyall-005.xht">text-align-justifyall-005</a></td> - <td><a href="reference/text-align-justifyall-005.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-005.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4404,7 +4404,7 @@ <tr> <td rowspan="1" title="text-align: justify-all, dir=auto, LTR first strong"> <a href="text-align-justifyall-006.xht">text-align-justifyall-006</a></td> - <td><a href="reference/text-align-justifyall-006.xht">=</a> </td> + <td><a href="reference/text-align-justifyall-ref-006.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4468,7 +4468,7 @@ <tr> <td rowspan="1" title="text-align: start, direction: rtl"> <a href="text-align-start-001.xht">text-align-start-001</a></td> - <td><a href="reference/text-align-start-001.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-001.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4476,7 +4476,7 @@ <tr> <td rowspan="1" title="text-align: start, direction: ltr"> <a href="text-align-start-002.xht">text-align-start-002</a></td> - <td><a href="reference/text-align-start-002.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-002.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4484,7 +4484,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=rtl"> <a href="text-align-start-003.xht">text-align-start-003</a></td> - <td><a href="reference/text-align-start-003.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-003.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4492,7 +4492,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=ltr"> <a href="text-align-start-004.xht">text-align-start-004</a></td> - <td><a href="reference/text-align-start-004.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-004.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4500,7 +4500,7 @@ <tr> <td rowspan="1" title="text-align: start, direction: rtl"> <a href="text-align-start-005.xht">text-align-start-005</a></td> - <td><a href="reference/text-align-start-005.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-005.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4508,7 +4508,7 @@ <tr> <td rowspan="1" title="text-align: start, direction: ltr"> <a href="text-align-start-006.xht">text-align-start-006</a></td> - <td><a href="reference/text-align-start-006.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-006.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4516,7 +4516,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=rtl"> <a href="text-align-start-007.xht">text-align-start-007</a></td> - <td><a href="reference/text-align-start-007.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-007.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4524,7 +4524,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=ltr"> <a href="text-align-start-008.xht">text-align-start-008</a></td> - <td><a href="reference/text-align-start-008.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-008.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4532,7 +4532,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=auto, RTL first strong"> <a href="text-align-start-009.xht">text-align-start-009</a></td> - <td><a href="reference/text-align-start-009.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-009.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4540,7 +4540,7 @@ <tr> <td rowspan="1" title="text-align: start, dir=auto, LTR first strong"> <a href="text-align-start-010.xht">text-align-start-010</a></td> - <td><a href="reference/text-align-start-010.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-010.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4548,7 +4548,7 @@ <tr> <td rowspan="1" title="text-align: start, pre, dir=rtl inherited"> <a href="text-align-start-014.xht">text-align-start-014</a></td> - <td><a href="reference/text-align-start-014.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-014.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4556,7 +4556,7 @@ <tr> <td rowspan="1" title="text-align: start, pre, dir=ltr inherited"> <a href="text-align-start-015.xht">text-align-start-015</a></td> - <td><a href="reference/text-align-start-015.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-015.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4564,7 +4564,7 @@ <tr> <td rowspan="1" title="text-align: start, pre, dir=auto"> <a href="text-align-start-016.xht">text-align-start-016</a></td> - <td><a href="reference/text-align-start-016.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-016.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -4572,7 +4572,7 @@ <tr> <td rowspan="1" title="text-align: start, pre, dir=auto on surrounding block"> <a href="text-align-start-017.xht">text-align-start-017</a></td> - <td><a href="reference/text-align-start-017.xht">=</a> </td> + <td><a href="reference/text-align-start-ref-017.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list index f864e053657..d18b41ccb4c 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list @@ -521,32 +521,32 @@ tab-size-percent-001.xht == reference/tab-size-length-001-ref.xht text-align-006.xht == reference/text-align-006-ref.xht text-align-007.xht == reference/text-align-007-ref.xht text-align-008.xht == reference/text-align-007-ref.xht -text-align-end-001.xht == reference/text-align-end-001.xht -text-align-end-002.xht == reference/text-align-end-002.xht -text-align-end-003.xht == reference/text-align-end-003.xht -text-align-end-004.xht == reference/text-align-end-004.xht -text-align-end-005.xht == reference/text-align-end-005.xht -text-align-end-006.xht == reference/text-align-end-006.xht -text-align-end-007.xht == reference/text-align-end-007.xht -text-align-end-008.xht == reference/text-align-end-008.xht -text-align-end-009.xht == reference/text-align-end-009.xht -text-align-end-010.xht == reference/text-align-end-010.xht -text-align-end-014.xht == reference/text-align-end-014.xht -text-align-end-015.xht == reference/text-align-end-015.xht -text-align-end-016.xht == reference/text-align-end-016.xht -text-align-end-017.xht == reference/text-align-end-017.xht -text-align-justify-001.xht == reference/text-align-justify-001.xht -text-align-justify-002.xht == reference/text-align-justify-002.xht -text-align-justify-003.xht == reference/text-align-justify-003.xht -text-align-justify-004.xht == reference/text-align-justify-004.xht -text-align-justify-005.xht == reference/text-align-justify-005.xht -text-align-justify-006.xht == reference/text-align-justify-006.xht -text-align-justifyall-001.xht == reference/text-align-justifyall-001.xht -text-align-justifyall-002.xht == reference/text-align-justifyall-002.xht -text-align-justifyall-003.xht == reference/text-align-justifyall-003.xht -text-align-justifyall-004.xht == reference/text-align-justifyall-004.xht -text-align-justifyall-005.xht == reference/text-align-justifyall-005.xht -text-align-justifyall-006.xht == reference/text-align-justifyall-006.xht +text-align-end-001.xht == reference/text-align-end-ref-001.xht +text-align-end-002.xht == reference/text-align-end-ref-002.xht +text-align-end-003.xht == reference/text-align-end-ref-003.xht +text-align-end-004.xht == reference/text-align-end-ref-004.xht +text-align-end-005.xht == reference/text-align-end-ref-005.xht +text-align-end-006.xht == reference/text-align-end-ref-006.xht +text-align-end-007.xht == reference/text-align-end-ref-007.xht +text-align-end-008.xht == reference/text-align-end-ref-008.xht +text-align-end-009.xht == reference/text-align-end-ref-009.xht +text-align-end-010.xht == reference/text-align-end-ref-010.xht +text-align-end-014.xht == reference/text-align-end-ref-014.xht +text-align-end-015.xht == reference/text-align-end-ref-015.xht +text-align-end-016.xht == reference/text-align-end-ref-016.xht +text-align-end-017.xht == reference/text-align-end-ref-017.xht +text-align-justify-001.xht == reference/text-align-justify-ref-001.xht +text-align-justify-002.xht == reference/text-align-justify-ref-002.xht +text-align-justify-003.xht == reference/text-align-justify-ref-003.xht +text-align-justify-004.xht == reference/text-align-justify-ref-004.xht +text-align-justify-005.xht == reference/text-align-justify-ref-005.xht +text-align-justify-006.xht == reference/text-align-justify-ref-006.xht +text-align-justifyall-001.xht == reference/text-align-justifyall-ref-001.xht +text-align-justifyall-002.xht == reference/text-align-justifyall-ref-002.xht +text-align-justifyall-003.xht == reference/text-align-justifyall-ref-003.xht +text-align-justifyall-004.xht == reference/text-align-justifyall-ref-004.xht +text-align-justifyall-005.xht == reference/text-align-justifyall-ref-005.xht +text-align-justifyall-006.xht == reference/text-align-justifyall-ref-006.xht text-align-last-010.xht == reference/text-align-last-010-ref.xht text-align-last-011.xht == reference/text-align-last-010-ref.xht text-align-match-parent-02.xht == reference/text-align-match-parent-ref.xht @@ -554,20 +554,20 @@ text-align-match-parent-03.xht == reference/text-align-match-parent-ref.xht text-align-match-parent-04.xht == reference/text-align-match-parent-ref.xht text-align-match-parent-root-ltr.xht == reference/text-align-match-parent-root-ltr-ref.xht text-align-match-parent-root-rtl.xht == reference/text-align-match-parent-root-rtl-ref.xht -text-align-start-001.xht == reference/text-align-start-001.xht -text-align-start-002.xht == reference/text-align-start-002.xht -text-align-start-003.xht == reference/text-align-start-003.xht -text-align-start-004.xht == reference/text-align-start-004.xht -text-align-start-005.xht == reference/text-align-start-005.xht -text-align-start-006.xht == reference/text-align-start-006.xht -text-align-start-007.xht == reference/text-align-start-007.xht -text-align-start-008.xht == reference/text-align-start-008.xht -text-align-start-009.xht == reference/text-align-start-009.xht -text-align-start-010.xht == reference/text-align-start-010.xht -text-align-start-014.xht == reference/text-align-start-014.xht -text-align-start-015.xht == reference/text-align-start-015.xht -text-align-start-016.xht == reference/text-align-start-016.xht -text-align-start-017.xht == reference/text-align-start-017.xht +text-align-start-001.xht == reference/text-align-start-ref-001.xht +text-align-start-002.xht == reference/text-align-start-ref-002.xht +text-align-start-003.xht == reference/text-align-start-ref-003.xht +text-align-start-004.xht == reference/text-align-start-ref-004.xht +text-align-start-005.xht == reference/text-align-start-ref-005.xht +text-align-start-006.xht == reference/text-align-start-ref-006.xht +text-align-start-007.xht == reference/text-align-start-ref-007.xht +text-align-start-008.xht == reference/text-align-start-ref-008.xht +text-align-start-009.xht == reference/text-align-start-ref-009.xht +text-align-start-010.xht == reference/text-align-start-ref-010.xht +text-align-start-014.xht == reference/text-align-start-ref-014.xht +text-align-start-015.xht == reference/text-align-start-ref-015.xht +text-align-start-016.xht == reference/text-align-start-ref-016.xht +text-align-start-017.xht == reference/text-align-start-ref-017.xht text-emphasis-color-001.xht == reference/text-emphasis-color-001-ref.xht text-emphasis-position-above-left-001.xht == reference/text-emphasis-position-above-left-001-ref.xht text-emphasis-position-above-left-002.xht == reference/text-emphasis-position-above-left-002-ref.xht diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-001.xht index 409884fe4f7..810e99b56f3 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-001.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-001.xht @@ -4,7 +4,7 @@ <title>text-align: end, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-001.xht" rel="match" /> +<link href="reference/text-align-end-ref-001.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: end; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-002.xht index a3e2156c717..a862d02192b 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-002.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-002.xht @@ -4,7 +4,7 @@ <title>text-align: end, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-002.xht" rel="match" /> +<link href="reference/text-align-end-ref-002.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: end; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-003.xht index f648c52d992..219d7403aa8 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-003.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-003.xht @@ -4,7 +4,7 @@ <title>text-align: end, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-003.xht" rel="match" /> +<link href="reference/text-align-end-ref-003.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-004.xht index bbda7e3a5f1..579d3f12a9d 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-004.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-004.xht @@ -4,7 +4,7 @@ <title>text-align: end, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-004.xht" rel="match" /> +<link href="reference/text-align-end-ref-004.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-005.xht index 7cc89e2c800..3a68e845a8f 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-005.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-005.xht @@ -4,7 +4,7 @@ <title>text-align: end, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-005.xht" rel="match" /> +<link href="reference/text-align-end-ref-005.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: end; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-006.xht index b4407849345..a57b3d609fb 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-006.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-006.xht @@ -4,7 +4,7 @@ <title>text-align: end, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-006.xht" rel="match" /> +<link href="reference/text-align-end-ref-006.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: end; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-007.xht index d747c45f870..0e6a26594bd 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-007.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-007.xht @@ -4,7 +4,7 @@ <title>text-align: end, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-007.xht" rel="match" /> +<link href="reference/text-align-end-ref-007.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-008.xht index 22ad73b27a1..4003c73f6fb 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-008.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-008.xht @@ -4,7 +4,7 @@ <title>text-align: end, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-008.xht" rel="match" /> +<link href="reference/text-align-end-ref-008.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-009.xht index 294b99a2dcc..9da4a661d6d 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-009.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-009.xht @@ -4,7 +4,7 @@ <title>text-align: end, dir=auto, RTL first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-009.xht" rel="match" /> +<link href="reference/text-align-end-ref-009.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is auto and first strong character is rtl." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-010.xht index f773f8be424..22c4d754eee 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-010.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-010.xht @@ -4,7 +4,7 @@ <title>text-align: end, dir=auto, LTR first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-010.xht" rel="match" /> +<link href="reference/text-align-end-ref-010.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-014.xht index 9cbfb016a25..c9df02d3221 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-014.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-014.xht @@ -4,7 +4,7 @@ <title>text-align: end, pre, dir=rtl inherited</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-014.xht" rel="match" /> +<link href="reference/text-align-end-ref-014.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. left when base direction is rtl." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-015.xht index dea6b80cf63..54207c52c06 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-015.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-015.xht @@ -4,7 +4,7 @@ <title>text-align: end, pre, dir=ltr inherited</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-015.xht" rel="match" /> +<link href="reference/text-align-end-ref-015.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when base direction is ltr." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-016.xht index c850bdc42d2..a144c5ae9d6 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-016.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-016.xht @@ -4,7 +4,7 @@ <title>text-align: end, pre, dir=auto</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-016.xht" rel="match" /> +<link href="reference/text-align-end-ref-016.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr, and left when first strong is rtl." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-017.xht index 8251d0d65b9..2f97ec45fa0 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-017.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-end-017.xht @@ -4,7 +4,7 @@ <title>text-align: end, pre, dir=auto on surrounding block</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-end-017.xht" rel="match" /> +<link href="reference/text-align-end-ref-017.xht" rel="match" /> <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. since dir=auto is not inherited by pre, to right in ltr context." name="assert" /> <style type="text/css"> .test { text-align: end; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-001.xht index fb5630120a2..0625b78ebd3 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-001.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-001.xht @@ -2,7 +2,7 @@ <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>text-align: justify, direction: rtl</title> -<link href="reference/text-align-justify-001.xht" rel="match" /> +<link href="reference/text-align-justify-ref-001.xht" rel="match" /> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert" /> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-002.xht index 63731ea4ea7..bd79733d3df 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-002.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-002.xht @@ -2,7 +2,7 @@ <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>text-align: justify, direction: ltr</title> -<link href="reference/text-align-justify-002.xht" rel="match" /> +<link href="reference/text-align-justify-ref-002.xht" rel="match" /> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert" /> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-003.xht index d170dbb5c9f..ad35906cb35 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-003.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-003.xht @@ -4,7 +4,7 @@ <title>text-align: justify, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justify-003.xht" rel="match" /> +<link href="reference/text-align-justify-ref-003.xht" rel="match" /> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert" /> <style type="text/css"> .test { text-align: justify; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-004.xht index f9b5ff9aa1f..cbf4e56e763 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-004.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-004.xht @@ -4,7 +4,7 @@ <title>text-align: justify, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justify-004.xht" rel="match" /> +<link href="reference/text-align-justify-ref-004.xht" rel="match" /> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert" /> <style type="text/css"> .test { text-align: justify; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-005.xht index 5a359d49a7a..2fb14d94538 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-005.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-005.xht @@ -4,7 +4,7 @@ <title>text-align: justify, dir=auto, RTL first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justify-005.xht" rel="match" /> +<link href="reference/text-align-justify-ref-005.xht" rel="match" /> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right." name="assert" /> <style type="text/css"> .test { text-align: justify; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-006.xht index 3f08c27c07d..2cd85508479 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-006.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justify-006.xht @@ -4,7 +4,7 @@ <title>text-align: justify, dir=auto, LTR first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justify-006.xht" rel="match" /> +<link href="reference/text-align-justify-ref-006.xht" rel="match" /> <meta content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left." name="assert" /> <style type="text/css"> .test { text-align: justify; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-001.xht index 59591a79997..53400395935 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-001.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-001.xht @@ -4,7 +4,7 @@ <title>text-align: justify-all, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justifyall-001.xht" rel="match" /> +<link href="reference/text-align-justifyall-ref-001.xht" rel="match" /> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" /> <style type="text/css"> .test { text-align: justify-all; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-002.xht index 91a518723a5..bf42b154c5c 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-002.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-002.xht @@ -4,7 +4,7 @@ <title>text-align: justify-all, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justifyall-002.xht" rel="match" /> +<link href="reference/text-align-justifyall-ref-002.xht" rel="match" /> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" /> <style type="text/css"> .test { text-align: justify-all; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-003.xht index bfd2df68161..bbd196d5699 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-003.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-003.xht @@ -4,7 +4,7 @@ <title>text-align: justify-all, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justifyall-003.xht" rel="match" /> +<link href="reference/text-align-justifyall-ref-003.xht" rel="match" /> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" /> <style type="text/css"> .test { text-align: justify-all; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-004.xht index 23b2c645306..1cdc554e2fd 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-004.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-004.xht @@ -3,7 +3,7 @@ <meta charset="utf-8" /> <title>text-align: justify-all, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> -<link href="reference/text-align-justifyall-004.xht" rel="match" /> +<link href="reference/text-align-justifyall-ref-004.xht" rel="match" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-005.xht index f3cdbb8f2e9..cf9a56457fa 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-005.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-005.xht @@ -4,7 +4,7 @@ <title>text-align: justify-all, dir=auto, RTL first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justifyall-005.xht" rel="match" /> +<link href="reference/text-align-justifyall-ref-005.xht" rel="match" /> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" /> <style type="text/css"> .test { text-align: justify-all; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-006.xht index 21b26075a85..cfaa1c9bffb 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-006.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-justifyall-006.xht @@ -4,7 +4,7 @@ <title>text-align: justify-all, dir=auto, LTR first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-justifyall-006.xht" rel="match" /> +<link href="reference/text-align-justifyall-ref-006.xht" rel="match" /> <meta content="text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well." name="assert" /> <style type="text/css"> .test { text-align: justify-all; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-001.xht index 019b812dd5d..21726ba2903 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-001.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-001.xht @@ -4,7 +4,7 @@ <title>text-align: start, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-001.xht" rel="match" /> +<link href="reference/text-align-start-ref-001.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: start; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-002.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-002.xht index f1218beddab..d8160b48b72 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-002.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-002.xht @@ -4,7 +4,7 @@ <title>text-align: start, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-002.xht" rel="match" /> +<link href="reference/text-align-start-ref-002.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: start; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-003.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-003.xht index 2663960ae2f..5f4b16aff70 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-003.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-003.xht @@ -4,7 +4,7 @@ <title>text-align: start, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-003.xht" rel="match" /> +<link href="reference/text-align-start-ref-003.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-004.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-004.xht index 60b08a01efe..5a18264ff42 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-004.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-004.xht @@ -4,7 +4,7 @@ <title>text-align: start, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-004.xht" rel="match" /> +<link href="reference/text-align-start-ref-004.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-005.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-005.xht index e56d1cd752d..a6c5d755e24 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-005.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-005.xht @@ -4,7 +4,7 @@ <title>text-align: start, direction: rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-005.xht" rel="match" /> +<link href="reference/text-align-start-ref-005.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: start; direction: rtl; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-006.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-006.xht index 1dba20a1f39..62a92b7e5c8 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-006.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-006.xht @@ -4,7 +4,7 @@ <title>text-align: start, direction: ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-006.xht" rel="match" /> +<link href="reference/text-align-start-ref-006.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: start; direction: ltr; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-007.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-007.xht index ace16478d3b..bb229373c84 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-007.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-007.xht @@ -4,7 +4,7 @@ <title>text-align: start, dir=rtl</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-007.xht" rel="match" /> +<link href="reference/text-align-start-ref-007.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-008.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-008.xht index f6c12b4a2c4..a9922b8799e 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-008.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-008.xht @@ -4,7 +4,7 @@ <title>text-align: start, dir=ltr</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-008.xht" rel="match" /> +<link href="reference/text-align-start-ref-008.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-009.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-009.xht index 780460da745..3a735b68bcb 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-009.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-009.xht @@ -4,7 +4,7 @@ <title>text-align: start, dir=auto, RTL first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-009.xht" rel="match" /> +<link href="reference/text-align-start-ref-009.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is auto and first strong character is rtl." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-010.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-010.xht index 26b185368ae..2d428f9fb4e 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-010.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-010.xht @@ -4,7 +4,7 @@ <title>text-align: start, dir=auto, LTR first strong</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-010.xht" rel="match" /> +<link href="reference/text-align-start-ref-010.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-014.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-014.xht index 8148148d6f5..ae6dbba948a 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-014.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-014.xht @@ -4,7 +4,7 @@ <title>text-align: start, pre, dir=rtl inherited</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-014.xht" rel="match" /> +<link href="reference/text-align-start-ref-014.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. right when base direction is rtl." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-015.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-015.xht index c1d01c75fc1..91727b4f100 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-015.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-015.xht @@ -4,7 +4,7 @@ <title>text-align: start, pre, dir=ltr inherited</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-015.xht" rel="match" /> +<link href="reference/text-align-start-ref-015.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when base direction is ltr." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-016.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-016.xht index 7bfdb67f407..9f35ce6f1a3 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-016.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-016.xht @@ -4,7 +4,7 @@ <title>text-align: start, pre, dir=auto</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-016.xht" rel="match" /> +<link href="reference/text-align-start-ref-016.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr, and right when first strong is rtl." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-017.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-017.xht index a6a42ace14a..08d5a39aa41 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-017.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-align-start-017.xht @@ -4,7 +4,7 @@ <title>text-align: start, pre, dir=auto on surrounding block</title> <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida" /> <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help" /> -<link href="reference/text-align-start-017.xht" rel="match" /> +<link href="reference/text-align-start-ref-017.xht" rel="match" /> <meta content="text-align:start aligns inline-level content to the start edge of the line box – ie. since dir=auto is not inherited by pre, to left in ltr context." name="assert" /> <style type="text/css"> .test { text-align: start; } diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-decor-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-decor-3_dev/html/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-padding-box-block-001.htm b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-padding-box-block-001.htm new file mode 100644 index 00000000000..e592db2be2e --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/box-sizing-padding-box-block-001.htm @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<html><head><title>CSS UI: box-sizing:padding-box for a block box</title> +<link href="http://www.w3.org/TR/css3-ui/#box-sizing" rel="help"> +<link href="reference/box-sizing-padding-box-block-001-ref.htm" rel="match"> +<style> + #test { box-sizing:padding-box; padding:50px; width:150px; height:50px; background:black } +</style> +</head><body><p>There should be a black square below.</p> +<div id="test"></div></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-ui-3_dev/html/chapter-3.htm index 5c0faf0b0a9..19535ff7499 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/chapter-3.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/chapter-3.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1> - <h2>Box Model addition (35 tests)</h2> + <h2>Box Model addition (36 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -37,7 +37,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css3-ui/#box-sizing">3.1 box-sizing property</a></th></tr> - <!-- 35 tests --> + <!-- 36 tests --> <tr id="box-sizing-001-3.1" class="primary"> <td><strong> <a href="box-sizing-001.htm">box-sizing-001</a></strong></td> @@ -390,6 +390,14 @@ </ul> </td> </tr> + <tr id="box-sizing-padding-box-block-001-3.1" class="primary"> + <td><strong> + <a href="box-sizing-padding-box-block-001.htm">box-sizing-padding-box-block-001</a></strong></td> + <td><a href="reference/box-sizing-padding-box-block-001-ref.htm">=</a> </td> + <td></td> + <td>CSS UI: box-sizing:padding-box for a block box + </td> + </tr> <tr id="box-sizing-replaced-001-3.1" class="primary image"> <td><strong> <a href="box-sizing-replaced-001.htm">box-sizing-replaced-001</a></strong></td> diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/chapter-4.htm b/tests/wpt/css-tests/css-ui-3_dev/html/chapter-4.htm index 321970657f7..a0f9fe5a702 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/chapter-4.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/chapter-4.htm @@ -78,10 +78,10 @@ <a href="#s4.3">+</a> <a href="http://www.w3.org/TR/css3-ui/#outline-style">4.3 outline-style property</a></th></tr> <!-- 4 tests --> - <tr id="outline-style-001-4.3" class="primary"> + <tr id="outline-style-011-4.3" class="primary"> <td><strong> - <a href="outline-style-001.htm">outline-style-001</a></strong></td> - <td><a href="reference/outline-style-001-ref.htm">=</a> </td> + <a href="outline-style-011.htm">outline-style-011</a></strong></td> + <td><a href="reference/outline-style-011-ref.htm">=</a> </td> <td></td> <td>outline-style - dotted (basic) <ul class="assert"> @@ -89,10 +89,10 @@ </ul> </td> </tr> - <tr id="outline-style-002-4.3" class="primary"> + <tr id="outline-style-012-4.3" class="primary"> <td><strong> - <a href="outline-style-002.htm">outline-style-002</a></strong></td> - <td><a href="reference/outline-style-002-ref.htm">=</a> </td> + <a href="outline-style-012.htm">outline-style-012</a></strong></td> + <td><a href="reference/outline-style-012-ref.htm">=</a> </td> <td></td> <td>outline-style - inherit (basic) <ul class="assert"> @@ -100,10 +100,10 @@ </ul> </td> </tr> - <tr id="outline-style-003-4.3" class="primary"> + <tr id="outline-style-013-4.3" class="primary"> <td><strong> - <a href="outline-style-003.htm">outline-style-003</a></strong></td> - <td><a href="reference/outline-style-003-ref.htm">=</a> </td> + <a href="outline-style-013.htm">outline-style-013</a></strong></td> + <td><a href="reference/outline-style-013-ref.htm">=</a> </td> <td></td> <td>outline-style - dashed (basic) <ul class="assert"> @@ -111,10 +111,10 @@ </ul> </td> </tr> - <tr id="outline-style-004-4.3" class="primary"> + <tr id="outline-style-014-4.3" class="primary"> <td><strong> - <a href="outline-style-004.htm">outline-style-004</a></strong></td> - <td><a href="reference/outline-style-004-ref.htm">=</a> </td> + <a href="outline-style-014.htm">outline-style-014</a></strong></td> + <td><a href="reference/outline-style-014-ref.htm">=</a> </td> <td></td> <td>outline-style - double (basic) <ul class="assert"> diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/chapter-5.htm b/tests/wpt/css-tests/css-ui-3_dev/html/chapter-5.htm index 69ab050dd00..3111a78ca80 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/chapter-5.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/chapter-5.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1> - <h2>Resizing & Overflow (11 tests)</h2> + <h2>Resizing & Overflow (12 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -126,7 +126,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s5.2">+</a> <a href="http://www.w3.org/TR/css3-ui/#text-overflow">5.2 Overflow Ellipsis: the text-overflow property</a></th></tr> - <!-- 4 tests --> + <!-- 5 tests --> + <tr id="text-overflow-5.2" class="primary ahem font"> + <td><strong> + <a href="text-overflow.htm">text-overflow</a></strong></td> + <td><a href="reference/text-overflow-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td> + <td>text-overflow - ellipsis + <ul class="assert"> + <li>'text-overflow:ellipsis' renders U+2026 when text is overflowing.</li> + </ul> + </td> + </tr> <tr id="text-overflow-001-5.2" class="primary"> <td><strong> <a href="text-overflow-001.htm">text-overflow-001</a></strong></td> diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-001.htm b/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-011.htm index 9c2265131fd..1aeac780ee1 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-001.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-011.htm @@ -5,7 +5,7 @@ <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan"> <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property"> <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help"> -<link href="reference/outline-style-001-ref.htm" rel="match"> +<link href="reference/outline-style-011-ref.htm" rel="match"> <meta content="" name="flags"> <meta content="Test checks that the outline style is dotted when outline-style set dotted" name="assert"> <style> diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-002.htm b/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-012.htm index e1dd74648ee..14234606f15 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-002.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-012.htm @@ -5,7 +5,7 @@ <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan"> <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property"> <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help"> -<link href="reference/outline-style-002-ref.htm" rel="match"> +<link href="reference/outline-style-012-ref.htm" rel="match"> <meta content="" name="flags"> <meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert"> <style> diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-003.htm b/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-013.htm index ae33c18e796..41e41723eac 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-003.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-013.htm @@ -5,7 +5,7 @@ <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan"> <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property"> <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help"> -<link href="reference/outline-style-003-ref.htm" rel="match"> +<link href="reference/outline-style-013-ref.htm" rel="match"> <meta content="" name="flags"> <meta content="Test checks that the outline style is dashed when outline-style set dashed" name="assert"> <style> diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-004.htm b/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-014.htm index 90f920acc4f..d344800b5e9 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-004.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/outline-style-014.htm @@ -5,7 +5,7 @@ <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan"> <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property"> <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help"> -<link href="reference/outline-style-004-ref.htm" rel="match"> +<link href="reference/outline-style-014-ref.htm" rel="match"> <meta content="" name="flags"> <meta content="Test checks that the outline style is two solid lines when outline-style set double" name="assert"> <style> diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-padding-box-block-001-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-padding-box-block-001-ref.htm new file mode 100644 index 00000000000..96f7d21a9a8 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/box-sizing-padding-box-block-001-ref.htm @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<html><head><title>Reference: a black square</title> +<style> + div { padding:50px; width:50px; height:50px; background:black } +</style> +</head><body><p>There should be a black square below.</p> +<div></div></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-001-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-011-ref.htm index 07affa566e5..07affa566e5 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-001-ref.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-011-ref.htm diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-002-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-012-ref.htm index ebad6d9b9b4..ebad6d9b9b4 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-002-ref.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-012-ref.htm diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-003-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-013-ref.htm index c40631f0d4a..c40631f0d4a 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-003-ref.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-013-ref.htm diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-004-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-014-ref.htm index 947a4882cbb..947a4882cbb 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-004-ref.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/outline-style-014-ref.htm diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reference/text-overflow-ref.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reference/text-overflow-ref.htm new file mode 100644 index 00000000000..637aca9a5fc --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reference/text-overflow-ref.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Reftest Ellipsis Reference</title> + <style> + div { font-size:10px; } + span { font-family:Ahem; font-size:30px; } + </style> +</head> +<body> + <p>PREREQUISITE: The font used must have a glyph for the U+2026 character.</p> + <p>Test passes if there is <strong>ellipsis</strong> after a black square.</p> + <div> + <span>A</span> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-ui-3_dev/html/reftest-toc.htm index 8873dcac45c..5551593580d 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reftest-toc.htm @@ -280,6 +280,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="box-sizing-padding-box-block-001" class=""> + <tr> + <td rowspan="1" title="CSS UI: box-sizing:padding-box for a block box"> + <a href="box-sizing-padding-box-block-001.htm">box-sizing-padding-box-block-001</a></td> + <td><a href="reference/box-sizing-padding-box-block-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="box-sizing-replaced-001" class="image"> <tr> <td rowspan="1" title="Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing"> @@ -344,38 +352,46 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-001" class=""> + <tbody id="outline-style-011" class=""> <tr> <td rowspan="1" title="outline-style - dotted (basic)"> - <a href="outline-style-001.htm">outline-style-001</a></td> - <td><a href="reference/outline-style-001-ref.htm">=</a> </td> + <a href="outline-style-011.htm">outline-style-011</a></td> + <td><a href="reference/outline-style-011-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-002" class=""> + <tbody id="outline-style-012" class=""> <tr> <td rowspan="1" title="outline-style - inherit (basic)"> - <a href="outline-style-002.htm">outline-style-002</a></td> - <td><a href="reference/outline-style-002-ref.htm">=</a> </td> + <a href="outline-style-012.htm">outline-style-012</a></td> + <td><a href="reference/outline-style-012-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-003" class=""> + <tbody id="outline-style-013" class=""> <tr> <td rowspan="1" title="outline-style - dashed (basic)"> - <a href="outline-style-003.htm">outline-style-003</a></td> - <td><a href="reference/outline-style-003-ref.htm">=</a> </td> + <a href="outline-style-013.htm">outline-style-013</a></td> + <td><a href="reference/outline-style-013-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-004" class=""> + <tbody id="outline-style-014" class=""> <tr> <td rowspan="1" title="outline-style - double (basic)"> - <a href="outline-style-004.htm">outline-style-004</a></td> - <td><a href="reference/outline-style-004-ref.htm">=</a> </td> + <a href="outline-style-014.htm">outline-style-014</a></td> + <td><a href="reference/outline-style-014-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> + <tbody id="text-overflow" class="ahem font"> + <tr> + <td rowspan="1" title="text-overflow - ellipsis"> + <a href="text-overflow.htm">text-overflow</a></td> + <td><a href="reference/text-overflow-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td> + </tr> + </tbody> <tbody id="text-overflow-001" class=""> <tr> <td rowspan="1" title="text-overflow - clip - the text inline content overflows will be broken"> diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/reftest.list b/tests/wpt/css-tests/css-ui-3_dev/html/reftest.list index dd93eaf6c0c..c3d46060cf5 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-ui-3_dev/html/reftest.list @@ -31,6 +31,7 @@ box-sizing-border-box-004.htm == reference/box-sizing-border-box-004-ref.htm box-sizing-content-box-001.htm == reference/box-sizing-content-box-001-ref.htm box-sizing-content-box-002.htm == reference/box-sizing-content-box-002-ref.htm box-sizing-content-box-003.htm == reference/box-sizing-content-box-003-ref.htm +box-sizing-padding-box-block-001.htm == reference/box-sizing-padding-box-block-001-ref.htm box-sizing-replaced-001.htm == reference/box-sizing-replaced-001-ref.htm box-sizing-replaced-002.htm == reference/box-sizing-replaced-002-ref.htm box-sizing-replaced-003.htm == reference/box-sizing-replaced-003-ref.htm @@ -39,10 +40,11 @@ outline-002.htm == reference/ref-filled-green-100px-square.htm outline-color-001.htm == reference/ref-filled-green-100px-square.htm outline-offset.htm == reference/outline-offset.htm outline-offset-001.htm == reference/ref-filled-green-100px-square.htm -outline-style-001.htm == reference/outline-style-001-ref.htm -outline-style-002.htm == reference/outline-style-002-ref.htm -outline-style-003.htm == reference/outline-style-003-ref.htm -outline-style-004.htm == reference/outline-style-004-ref.htm +outline-style-011.htm == reference/outline-style-011-ref.htm +outline-style-012.htm == reference/outline-style-012-ref.htm +outline-style-013.htm == reference/outline-style-013-ref.htm +outline-style-014.htm == reference/outline-style-014-ref.htm +text-overflow.htm == reference/text-overflow-ref.htm text-overflow-001.htm == reference/text-overflow-001-ref.htm text-overflow-002.htm == reference/text-overflow-002-ref.htm text-overflow-003.htm == reference/text-overflow-001-ref.htm diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/text-overflow.htm b/tests/wpt/css-tests/css-ui-3_dev/html/text-overflow.htm new file mode 100644 index 00000000000..dafad976254 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/html/text-overflow.htm @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html><head><title>CSS Basic User Interface Test: text-overflow - ellipsis</title> + <link href="mailto:yreenchan@gmail.com" rel="author" title="YreenChan"> + <link href="mailto:simonp@opera.com" rel="reviewer" title="Simon Pieters"> + <link href="mailto:lstorset@opera.com" rel="reviewer" title="Leif Arne Storset"> + <link href="http://www.w3.org/TR/css3-ui/#text-overflow" rel="help" title="8.2. the 'text-overflow' property"> + <link href="reference/text-overflow-ref.htm" rel="match"> + <meta content="font ahem" name="flags"> + <meta content="'text-overflow:ellipsis' renders U+2026 when text is overflowing." name="assert"> + <style> + div { + font-size:10px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 50px; + } + span { font-family: Ahem; font-size:30px; } + </style> +</head><body> + <p>PREREQUISITE: The font used must have a glyph for the U+2026 character.</p> + <p>Test passes if there is <strong>ellipsis</strong> after a black square.</p> + <div> + <span>AAAA</span> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/html/toc.htm b/tests/wpt/css-tests/css-ui-3_dev/html/toc.htm index 6f851b3ab28..a79c6fdb03b 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/html/toc.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/html/toc.htm @@ -32,7 +32,7 @@ <tbody id="s3"> <tr><th><a href="chapter-3.htm">Chapter 3 - Box Model addition</a></th> - <td>(35 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.htm">Chapter 4 - @@ -42,7 +42,7 @@ <tbody id="s5"> <tr><th><a href="chapter-5.htm">Chapter 5 - Resizing & Overflow</a></th> - <td>(11 Tests)</td></tr> + <td>(12 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.htm">Chapter 6 - diff --git a/tests/wpt/css-tests/css-ui-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-ui-3_dev/implementation-report-TEMPLATE.data index bb19fbadc6b..b59173fa97a 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-ui-3_dev/implementation-report-TEMPLATE.data @@ -67,6 +67,8 @@ html/box-sizing-content-box-002.htm 51e63ae5f8b3a40e56096e7daa86265f8684e9a8 ? xhtml1/box-sizing-content-box-002.xht 51e63ae5f8b3a40e56096e7daa86265f8684e9a8 ? html/box-sizing-content-box-003.htm 397bec8981e201e663ea97b4b265aa45fff08bd5 ? xhtml1/box-sizing-content-box-003.xht 397bec8981e201e663ea97b4b265aa45fff08bd5 ? +html/box-sizing-padding-box-block-001.htm 4e8dd583111bef378efaa8d0cf705160aeb90481 ? +xhtml1/box-sizing-padding-box-block-001.xht 4e8dd583111bef378efaa8d0cf705160aeb90481 ? html/box-sizing-replaced-001.htm a8e28589639906e9ad2c23f3875a1b84b9edc2c3 ? xhtml1/box-sizing-replaced-001.xht a8e28589639906e9ad2c23f3875a1b84b9edc2c3 ? html/box-sizing-replaced-002.htm d4148a5cae7298ba17c8257c328e4f622edfc689 ? @@ -371,14 +373,14 @@ html/outline-offset-001.htm 465df8192fe5ee54660d205d9d3f271ef84c1788 ? xhtml1/outline-offset-001.xht 465df8192fe5ee54660d205d9d3f271ef84c1788 ? html/outline-offset.htm 21bd9169e501282f6ddc905cf0b066f9dd730e5b ? xhtml1/outline-offset.xht 21bd9169e501282f6ddc905cf0b066f9dd730e5b ? -html/outline-style-001.htm 9b6764e372cceab67dda037ff6138d0e911b1dec ? -xhtml1/outline-style-001.xht 9b6764e372cceab67dda037ff6138d0e911b1dec ? -html/outline-style-002.htm 695fbf49c18c77abfca3e5c42c9359ab9afdf1f1 ? -xhtml1/outline-style-002.xht 695fbf49c18c77abfca3e5c42c9359ab9afdf1f1 ? -html/outline-style-003.htm c26ebdb81d867b5d1d8ff893a632b8c738c934b7 ? -xhtml1/outline-style-003.xht c26ebdb81d867b5d1d8ff893a632b8c738c934b7 ? -html/outline-style-004.htm 7027b5a477a5790afef0521288df069305856abc ? -xhtml1/outline-style-004.xht 7027b5a477a5790afef0521288df069305856abc ? +html/outline-style-011.htm 23252c963318135cd2b9a9591741c77f5372fb79 ? +xhtml1/outline-style-011.xht 23252c963318135cd2b9a9591741c77f5372fb79 ? +html/outline-style-012.htm 0c82cbd1d2692d211242ea93142a58407ccb4b03 ? +xhtml1/outline-style-012.xht 0c82cbd1d2692d211242ea93142a58407ccb4b03 ? +html/outline-style-013.htm d5914561233854207699be98d528a8be2dbf0bf2 ? +xhtml1/outline-style-013.xht d5914561233854207699be98d528a8be2dbf0bf2 ? +html/outline-style-014.htm 3e3ee5a78b0992797f164d84f553cf5b2edf26a7 ? +xhtml1/outline-style-014.xht 3e3ee5a78b0992797f164d84f553cf5b2edf26a7 ? html/resize-001.htm c5ba9263cd9037be70dfbe252816bdf56d94d8d5 ? xhtml1/resize-001.xht c5ba9263cd9037be70dfbe252816bdf56d94d8d5 ? html/resize-002.htm 5cb1f8083e06e1cdf3a2112feea46a60f6d7d89f ? @@ -402,3 +404,5 @@ html/text-overflow-003.htm dac3b5119c015760b3e5eb87122680eca10725c0 ? xhtml1/text-overflow-003.xht dac3b5119c015760b3e5eb87122680eca10725c0 ? html/text-overflow-004.htm 5b424a1f63abc03cd51ca922704756c93961d2eb ? xhtml1/text-overflow-004.xht 5b424a1f63abc03cd51ca922704756c93961d2eb ? +html/text-overflow.htm c562ce91178f5299098b5a5340f4aa188abf51e2 ? +xhtml1/text-overflow.xht c562ce91178f5299098b5a5340f4aa188abf51e2 ? diff --git a/tests/wpt/css-tests/css-ui-3_dev/index.htm b/tests/wpt/css-tests/css-ui-3_dev/index.htm index 8486ca5767f..225fe117d7b 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/index.htm +++ b/tests/wpt/css-tests/css-ui-3_dev/index.htm @@ -141,6 +141,7 @@ <li>jy-jeung</li> <li>Scott Johnson</li> <li>Shiyou Tan</li> + <li>YreenChan</li> </ul> </body> diff --git a/tests/wpt/css-tests/css-ui-3_dev/index.xht b/tests/wpt/css-tests/css-ui-3_dev/index.xht index cb85387fb56..84645dd886e 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/index.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/index.xht @@ -141,6 +141,7 @@ <li>jy-jeung</li> <li>Scott Johnson</li> <li>Shiyou Tan</li> + <li>YreenChan</li> </ul> </body> diff --git a/tests/wpt/css-tests/css-ui-3_dev/testinfo.data b/tests/wpt/css-tests/css-ui-3_dev/testinfo.data index 29642183e88..1da365c737e 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-ui-3_dev/testinfo.data @@ -31,6 +31,7 @@ box-sizing-border-box-004 reference/box-sizing-border-box-004-ref Box Sizing - B box-sizing-content-box-001 reference/box-sizing-content-box-001-ref Box Sizing - Content-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 4b3056f655bbe35540eadfe3888d48f1961dfafc `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge. box-sizing-content-box-002 reference/box-sizing-content-box-002-ref Box Sizing - Content-Box with specified width/height http://www.w3.org/TR/css3-ui/#box-sizing 51e63ae5f8b3a40e56096e7daa86265f8684e9a8 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (calc) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge. box-sizing-content-box-003 reference/box-sizing-content-box-003-ref Box Sizing - Content-Box with min/max width/height http://www.w3.org/TR/css3-ui/#box-sizing 397bec8981e201e663ea97b4b265aa45fff08bd5 `Scott Johnson`<mailto:sjohnson@mozilla.com> box-sizing: content-box should make the element's (percentage) width be the distance from the left content edge to the right content edge and the height be the distance from the top content edge to the bottom content edge. +box-sizing-padding-box-block-001 reference/box-sizing-padding-box-block-001-ref CSS UI: box-sizing:padding-box for a block box http://www.w3.org/TR/css3-ui/#box-sizing 4e8dd583111bef378efaa8d0cf705160aeb90481 box-sizing-replaced-001 reference/box-sizing-replaced-001-ref Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing a8e28589639906e9ad2c23f3875a1b84b9edc2c3 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px, with 5px of padding around each. box-sizing-replaced-002 reference/box-sizing-replaced-002-ref Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing d4148a5cae7298ba17c8257c328e4f622edfc689 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px, with 5px of padding and 5px of blue border around each. box-sizing-replaced-003 reference/box-sizing-replaced-003-ref Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing image http://www.w3.org/TR/css3-ui/#box-sizing 1d2967d8d4d8b4ff72c7e533c2c0edc187e7a992 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact>,`Scott Johnson`<mailto:sjohnson@mozilla.com> All images should be sized at 75px x 75px. @@ -183,10 +184,10 @@ outline-002 reference/ref-filled-green-100px-square outline - inherit (basic) h outline-color-001 reference/ref-filled-green-100px-square outline-color - inherit (basic) http://www.w3.org/TR/css3-ui/#outline-color a776bdc125fc5dcc83d0cfb361d9d19cc9b3eba4 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the color of sub element outline is same as the color of parent element outline when outline-color set inherit outline-offset reference/outline-offset ttwf-reftest-outline-offset-ref http://www.w3.org/TR/css3-ui/#outline-offset 21bd9169e501282f6ddc905cf0b066f9dd730e5b `jy-jeung`<mailto:kein119@naver.com> outline-offset-001 reference/ref-filled-green-100px-square outline-offset - length (basic) http://www.w3.org/TR/css3-ui/#outline-offset 465df8192fe5ee54660d205d9d3f271ef84c1788 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline-offset keeps spacing between outline and element content -outline-style-001 reference/outline-style-001-ref outline-style - dotted (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style 9b6764e372cceab67dda037ff6138d0e911b1dec `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline style is dotted when outline-style set dotted -outline-style-002 reference/outline-style-002-ref outline-style - inherit (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style 695fbf49c18c77abfca3e5c42c9359ab9afdf1f1 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit -outline-style-003 reference/outline-style-003-ref outline-style - dashed (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style c26ebdb81d867b5d1d8ff893a632b8c738c934b7 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline style is dashed when outline-style set dashed -outline-style-004 reference/outline-style-004-ref outline-style - double (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style 7027b5a477a5790afef0521288df069305856abc `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline style is two solid lines when outline-style set double +outline-style-011 reference/outline-style-011-ref outline-style - dotted (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style 23252c963318135cd2b9a9591741c77f5372fb79 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline style is dotted when outline-style set dotted +outline-style-012 reference/outline-style-012-ref outline-style - inherit (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style 0c82cbd1d2692d211242ea93142a58407ccb4b03 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit +outline-style-013 reference/outline-style-013-ref outline-style - dashed (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style d5914561233854207699be98d528a8be2dbf0bf2 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline style is dashed when outline-style set dashed +outline-style-014 reference/outline-style-014-ref outline-style - double (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style 3e3ee5a78b0992797f164d84f553cf5b2edf26a7 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline style is two solid lines when outline-style set double resize-001 resize - both - both width and height adjusted interact http://www.w3.org/TR/css3-ui/#resize c5ba9263cd9037be70dfbe252816bdf56d94d8d5 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that both width and height adjusted when resize set both. resize-002 resize - horizontal - only the width can be adjusted interact http://www.w3.org/TR/css3-ui/#resize 5cb1f8083e06e1cdf3a2112feea46a60f6d7d89f `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that only the width of element can be adjusted when resize set horizontal resize-003 resize - inherit - the resize property inherits parent element interact http://www.w3.org/TR/css3-ui/#resize 8fab7afb74c7eb459362f54ebdcaa0f17e7c62d8 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the resize element inherits parent element @@ -195,6 +196,7 @@ resize-005 resize - none - neither width nor height can be adjusted interact ht resize-006 resize - vertical - only the height can be adjusted interact http://www.w3.org/TR/css3-ui/#resize d65e14169ca073207b43fe4145e83c831b77a067 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that only the height can be adjusted when resize set vertical resize-007 resize - invalid without overflow property interact http://www.w3.org/TR/css3-ui/#resize c0e4494f6e70369f227ec265ff2c14fb29323e66 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that resize property is invalid without overflow property select-cursor-001-manual cursor property and select element HTMLonly,interact https://drafts.csswg.org/css-ui-3/#cursor,https://drafts.csswg.org/css2/ui.html#cursor-props a28f3026bed183a42b3255b9e8983a9b0addbdec `Chris Rebert`<http://chrisrebert.com> Hovering the pointer over a select menu on top of an element with a cursor set should not display said cursor +text-overflow reference/text-overflow-ref text-overflow - ellipsis ahem,font http://www.w3.org/TR/css3-ui/#text-overflow c562ce91178f5299098b5a5340f4aa188abf51e2 `YreenChan`<mailto:yreenchan@gmail.com> 'text-overflow:ellipsis' renders U+2026 when text is overflowing. text-overflow-001 reference/text-overflow-001-ref text-overflow - clip - the text inline content overflows will be broken http://www.w3.org/TR/css3-ui/#text-overflow 18b85a5682895eec2a93d551dbe9d88d014f65b3 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the inline content that overflows will be clipped. Characters may be only partially rendered when text-overflow set clip text-overflow-002 reference/text-overflow-002-ref text-overflow - ellipsis - the broken textual content instead of ellipsis http://www.w3.org/TR/css3-ui/#text-overflow 9f4f4eae59abbf039c8743708235481c12751585 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that an ellipsis (...) is shown instead of overflowing textual content text-overflow-003 reference/text-overflow-001-ref text-overflow - inherit - inherit clip value of parent's text-overflow property http://www.w3.org/TR/css3-ui/#text-overflow dac3b5119c015760b3e5eb87122680eca10725c0 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that text-overflow inherits the parent' clip value when text-overflow set inherit diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-padding-box-block-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-padding-box-block-001.xht new file mode 100644 index 00000000000..dc4535474bd --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/box-sizing-padding-box-block-001.xht @@ -0,0 +1,9 @@ +<!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 UI: box-sizing:padding-box for a block box</title> +<link href="http://www.w3.org/TR/css3-ui/#box-sizing" rel="help" /> +<link href="reference/box-sizing-padding-box-block-001-ref.xht" rel="match" /> +<style> + #test { box-sizing:padding-box; padding:50px; width:150px; height:50px; background:black } +</style> +</head><body><p>There should be a black square below.</p> +<div id="test"></div></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-3.xht index 8d22dedd47e..aca9807ef9b 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1> - <h2>Box Model addition (35 tests)</h2> + <h2>Box Model addition (36 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -37,7 +37,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css3-ui/#box-sizing">3.1 box-sizing property</a></th></tr> - <!-- 35 tests --> + <!-- 36 tests --> <tr id="box-sizing-001-3.1" class="primary"> <td><strong> <a href="box-sizing-001.xht">box-sizing-001</a></strong></td> @@ -390,6 +390,14 @@ </ul> </td> </tr> + <tr id="box-sizing-padding-box-block-001-3.1" class="primary"> + <td><strong> + <a href="box-sizing-padding-box-block-001.xht">box-sizing-padding-box-block-001</a></strong></td> + <td><a href="reference/box-sizing-padding-box-block-001-ref.xht">=</a> </td> + <td></td> + <td>CSS UI: box-sizing:padding-box for a block box + </td> + </tr> <tr id="box-sizing-replaced-001-3.1" class="primary image"> <td><strong> <a href="box-sizing-replaced-001.xht">box-sizing-replaced-001</a></strong></td> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-4.xht index fe5180869db..d04a3d9dd9d 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-4.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-4.xht @@ -78,10 +78,10 @@ <a href="#s4.3">+</a> <a href="http://www.w3.org/TR/css3-ui/#outline-style">4.3 outline-style property</a></th></tr> <!-- 4 tests --> - <tr id="outline-style-001-4.3" class="primary"> + <tr id="outline-style-011-4.3" class="primary"> <td><strong> - <a href="outline-style-001.xht">outline-style-001</a></strong></td> - <td><a href="reference/outline-style-001-ref.xht">=</a> </td> + <a href="outline-style-011.xht">outline-style-011</a></strong></td> + <td><a href="reference/outline-style-011-ref.xht">=</a> </td> <td></td> <td>outline-style - dotted (basic) <ul class="assert"> @@ -89,10 +89,10 @@ </ul> </td> </tr> - <tr id="outline-style-002-4.3" class="primary"> + <tr id="outline-style-012-4.3" class="primary"> <td><strong> - <a href="outline-style-002.xht">outline-style-002</a></strong></td> - <td><a href="reference/outline-style-002-ref.xht">=</a> </td> + <a href="outline-style-012.xht">outline-style-012</a></strong></td> + <td><a href="reference/outline-style-012-ref.xht">=</a> </td> <td></td> <td>outline-style - inherit (basic) <ul class="assert"> @@ -100,10 +100,10 @@ </ul> </td> </tr> - <tr id="outline-style-003-4.3" class="primary"> + <tr id="outline-style-013-4.3" class="primary"> <td><strong> - <a href="outline-style-003.xht">outline-style-003</a></strong></td> - <td><a href="reference/outline-style-003-ref.xht">=</a> </td> + <a href="outline-style-013.xht">outline-style-013</a></strong></td> + <td><a href="reference/outline-style-013-ref.xht">=</a> </td> <td></td> <td>outline-style - dashed (basic) <ul class="assert"> @@ -111,10 +111,10 @@ </ul> </td> </tr> - <tr id="outline-style-004-4.3" class="primary"> + <tr id="outline-style-014-4.3" class="primary"> <td><strong> - <a href="outline-style-004.xht">outline-style-004</a></strong></td> - <td><a href="reference/outline-style-004-ref.xht">=</a> </td> + <a href="outline-style-014.xht">outline-style-014</a></strong></td> + <td><a href="reference/outline-style-014-ref.xht">=</a> </td> <td></td> <td>outline-style - double (basic) <ul class="assert"> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-5.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-5.xht index 710e3a1c7a0..70d32aa7d25 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-5.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/chapter-5.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1> - <h2>Resizing & Overflow (11 tests)</h2> + <h2>Resizing & Overflow (12 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -126,7 +126,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s5.2">+</a> <a href="http://www.w3.org/TR/css3-ui/#text-overflow">5.2 Overflow Ellipsis: the text-overflow property</a></th></tr> - <!-- 4 tests --> + <!-- 5 tests --> + <tr id="text-overflow-5.2" class="primary ahem font"> + <td><strong> + <a href="text-overflow.xht">text-overflow</a></strong></td> + <td><a href="reference/text-overflow-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td> + <td>text-overflow - ellipsis + <ul class="assert"> + <li>'text-overflow:ellipsis' renders U+2026 when text is overflowing.</li> + </ul> + </td> + </tr> <tr id="text-overflow-001-5.2" class="primary"> <td><strong> <a href="text-overflow-001.xht">text-overflow-001</a></strong></td> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-011.xht index 8788a1fdca0..1b80e514f9e 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-001.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-011.xht @@ -5,7 +5,7 @@ <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-001-ref.xht" rel="match" /> +<link href="reference/outline-style-011-ref.xht" rel="match" /> <meta content="" name="flags" /> <meta content="Test checks that the outline style is dotted when outline-style set dotted" name="assert" /> <style> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-002.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-012.xht index 35fc4d08356..563f6c9e3bf 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-002.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-012.xht @@ -5,7 +5,7 @@ <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-002-ref.xht" rel="match" /> +<link href="reference/outline-style-012-ref.xht" rel="match" /> <meta content="" name="flags" /> <meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert" /> <style> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-003.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-013.xht index 291672aaa54..a8bd8008cf8 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-003.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-013.xht @@ -5,7 +5,7 @@ <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-003-ref.xht" rel="match" /> +<link href="reference/outline-style-013-ref.xht" rel="match" /> <meta content="" name="flags" /> <meta content="Test checks that the outline style is dashed when outline-style set dashed" name="assert" /> <style> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-004.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-014.xht index b505647fbab..78ff747d5fa 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-004.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-014.xht @@ -5,7 +5,7 @@ <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-004-ref.xht" rel="match" /> +<link href="reference/outline-style-014-ref.xht" rel="match" /> <meta content="" name="flags" /> <meta content="Test checks that the outline style is two solid lines when outline-style set double" name="assert" /> <style> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-padding-box-block-001-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-padding-box-block-001-ref.xht new file mode 100644 index 00000000000..e8dc69ca315 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/box-sizing-padding-box-block-001-ref.xht @@ -0,0 +1,7 @@ +<!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>Reference: a black square</title> +<style> + div { padding:50px; width:50px; height:50px; background:black } +</style> +</head><body><p>There should be a black square below.</p> +<div></div></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-001-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-011-ref.xht index 7cdfc304407..7cdfc304407 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-001-ref.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-011-ref.xht diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-002-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-012-ref.xht index 67e03424d7d..67e03424d7d 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-002-ref.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-012-ref.xht diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-003-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-013-ref.xht index df3c99c1a37..df3c99c1a37 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-003-ref.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-013-ref.xht diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-004-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-014-ref.xht index efc3c0cbd93..efc3c0cbd93 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-004-ref.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/outline-style-014-ref.xht diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/text-overflow-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/text-overflow-ref.xht new file mode 100644 index 00000000000..dcf91a5cee6 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reference/text-overflow-ref.xht @@ -0,0 +1,16 @@ +<!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 Ellipsis Reference</title> + <style> + div { font-size:10px; } + span { font-family:Ahem; font-size:30px; } + </style> +</head> +<body> + <p>PREREQUISITE: The font used must have a glyph for the U+2026 character.</p> + <p>Test passes if there is <strong>ellipsis</strong> after a black square.</p> + <div> + <span>A</span> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reftest-toc.xht index 30fef4e1b0e..27f13acd8e7 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reftest-toc.xht @@ -280,6 +280,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="box-sizing-padding-box-block-001" class=""> + <tr> + <td rowspan="1" title="CSS UI: box-sizing:padding-box for a block box"> + <a href="box-sizing-padding-box-block-001.xht">box-sizing-padding-box-block-001</a></td> + <td><a href="reference/box-sizing-padding-box-block-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="box-sizing-replaced-001" class="image"> <tr> <td rowspan="1" title="Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing"> @@ -344,38 +352,46 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-001" class=""> + <tbody id="outline-style-011" class=""> <tr> <td rowspan="1" title="outline-style - dotted (basic)"> - <a href="outline-style-001.xht">outline-style-001</a></td> - <td><a href="reference/outline-style-001-ref.xht">=</a> </td> + <a href="outline-style-011.xht">outline-style-011</a></td> + <td><a href="reference/outline-style-011-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-002" class=""> + <tbody id="outline-style-012" class=""> <tr> <td rowspan="1" title="outline-style - inherit (basic)"> - <a href="outline-style-002.xht">outline-style-002</a></td> - <td><a href="reference/outline-style-002-ref.xht">=</a> </td> + <a href="outline-style-012.xht">outline-style-012</a></td> + <td><a href="reference/outline-style-012-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-003" class=""> + <tbody id="outline-style-013" class=""> <tr> <td rowspan="1" title="outline-style - dashed (basic)"> - <a href="outline-style-003.xht">outline-style-003</a></td> - <td><a href="reference/outline-style-003-ref.xht">=</a> </td> + <a href="outline-style-013.xht">outline-style-013</a></td> + <td><a href="reference/outline-style-013-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-004" class=""> + <tbody id="outline-style-014" class=""> <tr> <td rowspan="1" title="outline-style - double (basic)"> - <a href="outline-style-004.xht">outline-style-004</a></td> - <td><a href="reference/outline-style-004-ref.xht">=</a> </td> + <a href="outline-style-014.xht">outline-style-014</a></td> + <td><a href="reference/outline-style-014-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> + <tbody id="text-overflow" class="ahem font"> + <tr> + <td rowspan="1" title="text-overflow - ellipsis"> + <a href="text-overflow.xht">text-overflow</a></td> + <td><a href="reference/text-overflow-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td> + </tr> + </tbody> <tbody id="text-overflow-001" class=""> <tr> <td rowspan="1" title="text-overflow - clip - the text inline content overflows will be broken"> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reftest.list index e971d749b2e..40d3e2ccd09 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/reftest.list @@ -31,6 +31,7 @@ box-sizing-border-box-004.xht == reference/box-sizing-border-box-004-ref.xht box-sizing-content-box-001.xht == reference/box-sizing-content-box-001-ref.xht box-sizing-content-box-002.xht == reference/box-sizing-content-box-002-ref.xht box-sizing-content-box-003.xht == reference/box-sizing-content-box-003-ref.xht +box-sizing-padding-box-block-001.xht == reference/box-sizing-padding-box-block-001-ref.xht box-sizing-replaced-001.xht == reference/box-sizing-replaced-001-ref.xht box-sizing-replaced-002.xht == reference/box-sizing-replaced-002-ref.xht box-sizing-replaced-003.xht == reference/box-sizing-replaced-003-ref.xht @@ -39,10 +40,11 @@ outline-002.xht == reference/ref-filled-green-100px-square.xht outline-color-001.xht == reference/ref-filled-green-100px-square.xht outline-offset.xht == reference/outline-offset.xht outline-offset-001.xht == reference/ref-filled-green-100px-square.xht -outline-style-001.xht == reference/outline-style-001-ref.xht -outline-style-002.xht == reference/outline-style-002-ref.xht -outline-style-003.xht == reference/outline-style-003-ref.xht -outline-style-004.xht == reference/outline-style-004-ref.xht +outline-style-011.xht == reference/outline-style-011-ref.xht +outline-style-012.xht == reference/outline-style-012-ref.xht +outline-style-013.xht == reference/outline-style-013-ref.xht +outline-style-014.xht == reference/outline-style-014-ref.xht +text-overflow.xht == reference/text-overflow-ref.xht text-overflow-001.xht == reference/text-overflow-001-ref.xht text-overflow-002.xht == reference/text-overflow-002-ref.xht text-overflow-003.xht == reference/text-overflow-001-ref.xht diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/text-overflow.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/text-overflow.xht new file mode 100644 index 00000000000..440ebded222 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/text-overflow.xht @@ -0,0 +1,28 @@ +<!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 Basic User Interface Test: text-overflow - ellipsis</title> + <link href="mailto:yreenchan@gmail.com" rel="author" title="YreenChan" /> + <link href="mailto:simonp@opera.com" rel="reviewer" title="Simon Pieters" /> + <link href="mailto:lstorset@opera.com" rel="reviewer" title="Leif Arne Storset" /> + <link href="http://www.w3.org/TR/css3-ui/#text-overflow" rel="help" title="8.2. the 'text-overflow' property" /> + <link href="reference/text-overflow-ref.xht" rel="match" /> + <meta content="font ahem" name="flags" /> + <meta content="'text-overflow:ellipsis' renders U+2026 when text is overflowing." name="assert" /> + <style> + div { + font-size:10px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 50px; + } + span { font-family: Ahem; font-size:30px; } + </style> +</head><body> + <p>PREREQUISITE: The font used must have a glyph for the U+2026 character.</p> + <p>Test passes if there is <strong>ellipsis</strong> after a black square.</p> + <div> + <span>AAAA</span> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/toc.xht index de919d3e7be..5450dd48dc5 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1/toc.xht @@ -32,7 +32,7 @@ <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Box Model addition</a></th> - <td>(35 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - @@ -42,7 +42,7 @@ <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - Resizing & Overflow</a></th> - <td>(11 Tests)</td></tr> + <td>(12 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-padding-box-block-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-padding-box-block-001.xht new file mode 100644 index 00000000000..dc4535474bd --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/box-sizing-padding-box-block-001.xht @@ -0,0 +1,9 @@ +<!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 UI: box-sizing:padding-box for a block box</title> +<link href="http://www.w3.org/TR/css3-ui/#box-sizing" rel="help" /> +<link href="reference/box-sizing-padding-box-block-001-ref.xht" rel="match" /> +<style> + #test { box-sizing:padding-box; padding:50px; width:150px; height:50px; background:black } +</style> +</head><body><p>There should be a black square below.</p> +<div id="test"></div></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-3.xht index 8d22dedd47e..aca9807ef9b 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-3.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1> - <h2>Box Model addition (35 tests)</h2> + <h2>Box Model addition (36 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -37,7 +37,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css3-ui/#box-sizing">3.1 box-sizing property</a></th></tr> - <!-- 35 tests --> + <!-- 36 tests --> <tr id="box-sizing-001-3.1" class="primary"> <td><strong> <a href="box-sizing-001.xht">box-sizing-001</a></strong></td> @@ -390,6 +390,14 @@ </ul> </td> </tr> + <tr id="box-sizing-padding-box-block-001-3.1" class="primary"> + <td><strong> + <a href="box-sizing-padding-box-block-001.xht">box-sizing-padding-box-block-001</a></strong></td> + <td><a href="reference/box-sizing-padding-box-block-001-ref.xht">=</a> </td> + <td></td> + <td>CSS UI: box-sizing:padding-box for a block box + </td> + </tr> <tr id="box-sizing-replaced-001-3.1" class="primary image"> <td><strong> <a href="box-sizing-replaced-001.xht">box-sizing-replaced-001</a></strong></td> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-4.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-4.xht index fe5180869db..d04a3d9dd9d 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-4.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-4.xht @@ -78,10 +78,10 @@ <a href="#s4.3">+</a> <a href="http://www.w3.org/TR/css3-ui/#outline-style">4.3 outline-style property</a></th></tr> <!-- 4 tests --> - <tr id="outline-style-001-4.3" class="primary"> + <tr id="outline-style-011-4.3" class="primary"> <td><strong> - <a href="outline-style-001.xht">outline-style-001</a></strong></td> - <td><a href="reference/outline-style-001-ref.xht">=</a> </td> + <a href="outline-style-011.xht">outline-style-011</a></strong></td> + <td><a href="reference/outline-style-011-ref.xht">=</a> </td> <td></td> <td>outline-style - dotted (basic) <ul class="assert"> @@ -89,10 +89,10 @@ </ul> </td> </tr> - <tr id="outline-style-002-4.3" class="primary"> + <tr id="outline-style-012-4.3" class="primary"> <td><strong> - <a href="outline-style-002.xht">outline-style-002</a></strong></td> - <td><a href="reference/outline-style-002-ref.xht">=</a> </td> + <a href="outline-style-012.xht">outline-style-012</a></strong></td> + <td><a href="reference/outline-style-012-ref.xht">=</a> </td> <td></td> <td>outline-style - inherit (basic) <ul class="assert"> @@ -100,10 +100,10 @@ </ul> </td> </tr> - <tr id="outline-style-003-4.3" class="primary"> + <tr id="outline-style-013-4.3" class="primary"> <td><strong> - <a href="outline-style-003.xht">outline-style-003</a></strong></td> - <td><a href="reference/outline-style-003-ref.xht">=</a> </td> + <a href="outline-style-013.xht">outline-style-013</a></strong></td> + <td><a href="reference/outline-style-013-ref.xht">=</a> </td> <td></td> <td>outline-style - dashed (basic) <ul class="assert"> @@ -111,10 +111,10 @@ </ul> </td> </tr> - <tr id="outline-style-004-4.3" class="primary"> + <tr id="outline-style-014-4.3" class="primary"> <td><strong> - <a href="outline-style-004.xht">outline-style-004</a></strong></td> - <td><a href="reference/outline-style-004-ref.xht">=</a> </td> + <a href="outline-style-014.xht">outline-style-014</a></strong></td> + <td><a href="reference/outline-style-014-ref.xht">=</a> </td> <td></td> <td>outline-style - double (basic) <ul class="assert"> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-5.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-5.xht index 710e3a1c7a0..70d32aa7d25 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-5.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/chapter-5.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Basic User Interface Module Level 3 CR Test Suite</h1> - <h2>Resizing & Overflow (11 tests)</h2> + <h2>Resizing & Overflow (12 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -126,7 +126,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s5.2">+</a> <a href="http://www.w3.org/TR/css3-ui/#text-overflow">5.2 Overflow Ellipsis: the text-overflow property</a></th></tr> - <!-- 4 tests --> + <!-- 5 tests --> + <tr id="text-overflow-5.2" class="primary ahem font"> + <td><strong> + <a href="text-overflow.xht">text-overflow</a></strong></td> + <td><a href="reference/text-overflow-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td> + <td>text-overflow - ellipsis + <ul class="assert"> + <li>'text-overflow:ellipsis' renders U+2026 when text is overflowing.</li> + </ul> + </td> + </tr> <tr id="text-overflow-001-5.2" class="primary"> <td><strong> <a href="text-overflow-001.xht">text-overflow-001</a></strong></td> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-001.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-011.xht index 8788a1fdca0..1b80e514f9e 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-001.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-011.xht @@ -5,7 +5,7 @@ <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-001-ref.xht" rel="match" /> +<link href="reference/outline-style-011-ref.xht" rel="match" /> <meta content="" name="flags" /> <meta content="Test checks that the outline style is dotted when outline-style set dotted" name="assert" /> <style> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-002.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-012.xht index 35fc4d08356..563f6c9e3bf 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-002.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-012.xht @@ -5,7 +5,7 @@ <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-002-ref.xht" rel="match" /> +<link href="reference/outline-style-012-ref.xht" rel="match" /> <meta content="" name="flags" /> <meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert" /> <style> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-003.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-013.xht index 291672aaa54..a8bd8008cf8 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1/outline-style-003.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-013.xht @@ -5,7 +5,7 @@ <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-003-ref.xht" rel="match" /> +<link href="reference/outline-style-013-ref.xht" rel="match" /> <meta content="" name="flags" /> <meta content="Test checks that the outline style is dashed when outline-style set dashed" name="assert" /> <style> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-004.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-014.xht index b505647fbab..78ff747d5fa 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-004.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/outline-style-014.xht @@ -5,7 +5,7 @@ <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-004-ref.xht" rel="match" /> +<link href="reference/outline-style-014-ref.xht" rel="match" /> <meta content="" name="flags" /> <meta content="Test checks that the outline style is two solid lines when outline-style set double" name="assert" /> <style> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-padding-box-block-001-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-padding-box-block-001-ref.xht new file mode 100644 index 00000000000..e8dc69ca315 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/box-sizing-padding-box-block-001-ref.xht @@ -0,0 +1,7 @@ +<!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>Reference: a black square</title> +<style> + div { padding:50px; width:50px; height:50px; background:black } +</style> +</head><body><p>There should be a black square below.</p> +<div></div></body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-001-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-011-ref.xht index 7cdfc304407..7cdfc304407 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-001-ref.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-011-ref.xht diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-002-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-012-ref.xht index 67e03424d7d..67e03424d7d 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-002-ref.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-012-ref.xht diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-003-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-013-ref.xht index df3c99c1a37..df3c99c1a37 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-003-ref.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-013-ref.xht diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-004-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-014-ref.xht index efc3c0cbd93..efc3c0cbd93 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-004-ref.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/outline-style-014-ref.xht diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/text-overflow-ref.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/text-overflow-ref.xht new file mode 100644 index 00000000000..dcf91a5cee6 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reference/text-overflow-ref.xht @@ -0,0 +1,16 @@ +<!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 Ellipsis Reference</title> + <style> + div { font-size:10px; } + span { font-family:Ahem; font-size:30px; } + </style> +</head> +<body> + <p>PREREQUISITE: The font used must have a glyph for the U+2026 character.</p> + <p>Test passes if there is <strong>ellipsis</strong> after a black square.</p> + <div> + <span>A</span> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest-toc.xht index 30fef4e1b0e..27f13acd8e7 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest-toc.xht @@ -280,6 +280,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="box-sizing-padding-box-block-001" class=""> + <tr> + <td rowspan="1" title="CSS UI: box-sizing:padding-box for a block box"> + <a href="box-sizing-padding-box-block-001.xht">box-sizing-padding-box-block-001</a></td> + <td><a href="reference/box-sizing-padding-box-block-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="box-sizing-replaced-001" class="image"> <tr> <td rowspan="1" title="Min/Max Height and Width Constraints on Replaced Elements with Box-Sizing"> @@ -344,38 +352,46 @@ <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-001" class=""> + <tbody id="outline-style-011" class=""> <tr> <td rowspan="1" title="outline-style - dotted (basic)"> - <a href="outline-style-001.xht">outline-style-001</a></td> - <td><a href="reference/outline-style-001-ref.xht">=</a> </td> + <a href="outline-style-011.xht">outline-style-011</a></td> + <td><a href="reference/outline-style-011-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-002" class=""> + <tbody id="outline-style-012" class=""> <tr> <td rowspan="1" title="outline-style - inherit (basic)"> - <a href="outline-style-002.xht">outline-style-002</a></td> - <td><a href="reference/outline-style-002-ref.xht">=</a> </td> + <a href="outline-style-012.xht">outline-style-012</a></td> + <td><a href="reference/outline-style-012-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-003" class=""> + <tbody id="outline-style-013" class=""> <tr> <td rowspan="1" title="outline-style - dashed (basic)"> - <a href="outline-style-003.xht">outline-style-003</a></td> - <td><a href="reference/outline-style-003-ref.xht">=</a> </td> + <a href="outline-style-013.xht">outline-style-013</a></td> + <td><a href="reference/outline-style-013-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-004" class=""> + <tbody id="outline-style-014" class=""> <tr> <td rowspan="1" title="outline-style - double (basic)"> - <a href="outline-style-004.xht">outline-style-004</a></td> - <td><a href="reference/outline-style-004-ref.xht">=</a> </td> + <a href="outline-style-014.xht">outline-style-014</a></td> + <td><a href="reference/outline-style-014-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> + <tbody id="text-overflow" class="ahem font"> + <tr> + <td rowspan="1" title="text-overflow - ellipsis"> + <a href="text-overflow.xht">text-overflow</a></td> + <td><a href="reference/text-overflow-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="font" title="Requires a special font">Font</abbr></td> + </tr> + </tbody> <tbody id="text-overflow-001" class=""> <tr> <td rowspan="1" title="text-overflow - clip - the text inline content overflows will be broken"> diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest.list index e971d749b2e..40d3e2ccd09 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/reftest.list @@ -31,6 +31,7 @@ box-sizing-border-box-004.xht == reference/box-sizing-border-box-004-ref.xht box-sizing-content-box-001.xht == reference/box-sizing-content-box-001-ref.xht box-sizing-content-box-002.xht == reference/box-sizing-content-box-002-ref.xht box-sizing-content-box-003.xht == reference/box-sizing-content-box-003-ref.xht +box-sizing-padding-box-block-001.xht == reference/box-sizing-padding-box-block-001-ref.xht box-sizing-replaced-001.xht == reference/box-sizing-replaced-001-ref.xht box-sizing-replaced-002.xht == reference/box-sizing-replaced-002-ref.xht box-sizing-replaced-003.xht == reference/box-sizing-replaced-003-ref.xht @@ -39,10 +40,11 @@ outline-002.xht == reference/ref-filled-green-100px-square.xht outline-color-001.xht == reference/ref-filled-green-100px-square.xht outline-offset.xht == reference/outline-offset.xht outline-offset-001.xht == reference/ref-filled-green-100px-square.xht -outline-style-001.xht == reference/outline-style-001-ref.xht -outline-style-002.xht == reference/outline-style-002-ref.xht -outline-style-003.xht == reference/outline-style-003-ref.xht -outline-style-004.xht == reference/outline-style-004-ref.xht +outline-style-011.xht == reference/outline-style-011-ref.xht +outline-style-012.xht == reference/outline-style-012-ref.xht +outline-style-013.xht == reference/outline-style-013-ref.xht +outline-style-014.xht == reference/outline-style-014-ref.xht +text-overflow.xht == reference/text-overflow-ref.xht text-overflow-001.xht == reference/text-overflow-001-ref.xht text-overflow-002.xht == reference/text-overflow-002-ref.xht text-overflow-003.xht == reference/text-overflow-001-ref.xht diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/text-overflow.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/text-overflow.xht new file mode 100644 index 00000000000..440ebded222 --- /dev/null +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/text-overflow.xht @@ -0,0 +1,28 @@ +<!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 Basic User Interface Test: text-overflow - ellipsis</title> + <link href="mailto:yreenchan@gmail.com" rel="author" title="YreenChan" /> + <link href="mailto:simonp@opera.com" rel="reviewer" title="Simon Pieters" /> + <link href="mailto:lstorset@opera.com" rel="reviewer" title="Leif Arne Storset" /> + <link href="http://www.w3.org/TR/css3-ui/#text-overflow" rel="help" title="8.2. the 'text-overflow' property" /> + <link href="reference/text-overflow-ref.xht" rel="match" /> + <meta content="font ahem" name="flags" /> + <meta content="'text-overflow:ellipsis' renders U+2026 when text is overflowing." name="assert" /> + <style> + div { + font-size:10px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 50px; + } + span { font-family: Ahem; font-size:30px; } + </style> +</head><body> + <p>PREREQUISITE: The font used must have a glyph for the U+2026 character.</p> + <p>Test passes if there is <strong>ellipsis</strong> after a black square.</p> + <div> + <span>AAAA</span> + </div> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/toc.xht index de919d3e7be..5450dd48dc5 100644 --- a/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/css-ui-3_dev/xhtml1print/toc.xht @@ -32,7 +32,7 @@ <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Box Model addition</a></th> - <td>(35 Tests)</td></tr> + <td>(36 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - @@ -42,7 +42,7 @@ <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - Resizing & Overflow</a></th> - <td>(11 Tests)</td></tr> + <td>(12 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm index 646f4d4302b..dce72f8dab6 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm @@ -1345,10 +1345,10 @@ </ul> </td> </tr> - <tr id="table-progression-001-vlr-2.1" class=""> + <tr id="table-progression-vlr-001-2.1" class=""> <td> - <a href="table-progression-001-vlr.htm">table-progression-001-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-001.htm">table-progression-vlr-001</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td></td> <td>vertical-lr Table Row/Rowgroup/Cell Ordering <ul class="assert"> @@ -1357,79 +1357,79 @@ </ul> </td> </tr> - <tr id="table-progression-001-vrl-2.1" class=""> + <tr id="table-progression-vlr-002-2.1" class=""> <td> - <a href="table-progression-001-vrl.htm">table-progression-001-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-002.htm">table-progression-vlr-002</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td></td> - <td>vertical-rl Table Row/Rowgroup/Cell Ordering + <td>vertical-lr Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> - <tr id="table-progression-002-vlr-2.1" class=""> + <tr id="table-progression-vlr-003-2.1" class=""> <td> - <a href="table-progression-002-vlr.htm">table-progression-002-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-003.htm">table-progression-vlr-003</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td></td> - <td>vertical-lr Table Column/Colgroup Ordering + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-002-vrl-2.1" class=""> + <tr id="table-progression-vlr-004-2.1" class=""> <td> - <a href="table-progression-002-vrl.htm">table-progression-002-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-004.htm">table-progression-vlr-004</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td></td> - <td>vertical-rl Table Column/Colgroup Ordering + <td>vertical-lr upright orientation Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-003-vlr-2.1" class=""> + <tr id="table-progression-vrl-001-2.1" class=""> <td> - <a href="table-progression-003-vlr.htm">table-progression-003-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-001.htm">table-progression-vrl-001</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-rl Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> </ul> </td> </tr> - <tr id="table-progression-003-vrl-2.1" class=""> + <tr id="table-progression-vrl-002-2.1" class=""> <td> - <a href="table-progression-003-vrl.htm">table-progression-003-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-002.htm">table-progression-vrl-002</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td></td> - <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-rl Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> - <tr id="table-progression-004-vlr-2.1" class=""> + <tr id="table-progression-vrl-003-2.1" class=""> <td> - <a href="table-progression-004-vlr.htm">table-progression-004-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-003.htm">table-progression-vrl-003</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-004-vrl-2.1" class=""> + <tr id="table-progression-vrl-004-2.1" class=""> <td> - <a href="table-progression-004-vrl.htm">table-progression-004-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-004.htm">table-progression-vrl-004</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td></td> <td>vertical-rl upright orientation Table Column/Colgroup Ordering <ul class="assert"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm index c7270c347c5..1fbd34bbc83 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (90 tests)</h2> + <h2>Introduction to Vertical Text (89 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -745,10 +745,10 @@ </ul> </td> </tr> - <tr id="table-progression-001-vlr-3.1" class="primary"> + <tr id="table-progression-vlr-001-3.1" class="primary"> <td><strong> - <a href="table-progression-001-vlr.htm">table-progression-001-vlr</a></strong></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-001.htm">table-progression-vlr-001</a></strong></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td></td> <td>vertical-lr Table Row/Rowgroup/Cell Ordering <ul class="assert"> @@ -757,79 +757,79 @@ </ul> </td> </tr> - <tr id="table-progression-001-vrl-3.1" class="primary"> + <tr id="table-progression-vlr-002-3.1" class="primary"> <td><strong> - <a href="table-progression-001-vrl.htm">table-progression-001-vrl</a></strong></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-002.htm">table-progression-vlr-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td></td> - <td>vertical-rl Table Row/Rowgroup/Cell Ordering + <td>vertical-lr Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> - <tr id="table-progression-002-vlr-3.1" class="primary"> + <tr id="table-progression-vlr-003-3.1" class="primary"> <td><strong> - <a href="table-progression-002-vlr.htm">table-progression-002-vlr</a></strong></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-003.htm">table-progression-vlr-003</a></strong></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td></td> - <td>vertical-lr Table Column/Colgroup Ordering + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-002-vrl-3.1" class="primary"> + <tr id="table-progression-vlr-004-3.1" class="primary"> <td><strong> - <a href="table-progression-002-vrl.htm">table-progression-002-vrl</a></strong></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-004.htm">table-progression-vlr-004</a></strong></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td></td> - <td>vertical-rl Table Column/Colgroup Ordering + <td>vertical-lr upright orientation Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-003-vlr-3.1" class="primary"> + <tr id="table-progression-vrl-001-3.1" class="primary"> <td><strong> - <a href="table-progression-003-vlr.htm">table-progression-003-vlr</a></strong></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-001.htm">table-progression-vrl-001</a></strong></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-rl Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> </ul> </td> </tr> - <tr id="table-progression-003-vrl-3.1" class="primary"> + <tr id="table-progression-vrl-002-3.1" class="primary"> <td><strong> - <a href="table-progression-003-vrl.htm">table-progression-003-vrl</a></strong></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-002.htm">table-progression-vrl-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td></td> - <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-rl Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> - <tr id="table-progression-004-vlr-3.1" class="primary"> + <tr id="table-progression-vrl-003-3.1" class="primary"> <td><strong> - <a href="table-progression-004-vlr.htm">table-progression-004-vlr</a></strong></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-003.htm">table-progression-vrl-003</a></strong></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-004-vrl-3.1" class="primary"> + <tr id="table-progression-vrl-004-3.1" class="primary"> <td><strong> - <a href="table-progression-004-vrl.htm">table-progression-004-vrl</a></strong></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-004.htm">table-progression-vrl-004</a></strong></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td></td> <td>vertical-rl upright orientation Table Column/Colgroup Ordering <ul class="assert"> @@ -1015,7 +1015,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#svg-writing-mode">3.1.1 SVG1.1 writing-mode Values</a></th></tr> - <!-- 2 tests --> + <!-- 1 tests --> <tr id="writing-mode-parsing-svg1-001-3.1.1" class="primary dom may svg script"> <td><strong> <a href="writing-mode-parsing-svg1-001.htm">writing-mode-parsing-svg1-001</a></strong></td> @@ -1027,17 +1027,6 @@ </ul> </td> </tr> - <tr id="writing-mode-parsing-svg1-002-3.1.1" class="primary dom may svg script"> - <td><strong> - <a href="writing-mode-parsing-svg1-002.htm">writing-mode-parsing-svg1-002</a></strong></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>CSS Writing Modes: parsing SVG 1.1 writing-mode values - <ul class="assert"> - <li>This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values.</li> - </ul> - </td> - </tr> </tbody> <tbody id="s3.1.1.#inline-progression-direction"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm index d00797d9d08..2f5e10e2416 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline-level Alignment (31 tests)</h2> + <h2>Inline-level Alignment (30 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -149,7 +149,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.3">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">4.3 Atomic Inline Baselines</a></th></tr> - <!-- 23 tests --> + <!-- 22 tests --> <tr id="baseline-inline-non-replaced-002-4.3" class="primary ahem"> <td><strong> <a href="baseline-inline-non-replaced-002.htm">baseline-inline-non-replaced-002</a></strong></td> @@ -282,17 +282,6 @@ </ul> </td> </tr> - <tr id="inline-block-alignment-008-4.3" class="primary ahem"> - <td><strong> - <a href="inline-block-alignment-008.htm">inline-block-alignment-008</a></strong></td> - <td><a href="reference/inline-block-alignment-006-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline block alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> <tr id="inline-block-alignment-orthogonal-vlr-003-4.3" class="primary ahem"> <td><strong> <a href="inline-block-alignment-orthogonal-vlr-003.htm">inline-block-alignment-orthogonal-vlr-003</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-5.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-5.htm index 22f7e8c78b9..2b0a842e675 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-5.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-5.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text Layout (29 tests)</h2> + <h2>Introduction to Vertical Text Layout (28 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -55,11 +55,11 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s5.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr> - <!-- 29 tests --> - <tr id="table-progression-003-vlr-5.1" class=""> + <!-- 28 tests --> + <tr id="table-progression-vlr-003-5.1" class=""> <td> - <a href="table-progression-003-vlr.htm">table-progression-003-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-003.htm">table-progression-vlr-003</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td></td> <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> @@ -67,32 +67,32 @@ </ul> </td> </tr> - <tr id="table-progression-003-vrl-5.1" class=""> + <tr id="table-progression-vlr-004-5.1" class=""> <td> - <a href="table-progression-003-vrl.htm">table-progression-003-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-004.htm">table-progression-vlr-004</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td></td> - <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-lr upright orientation Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-004-vlr-5.1" class=""> + <tr id="table-progression-vrl-003-5.1" class=""> <td> - <a href="table-progression-004-vlr.htm">table-progression-004-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-003.htm">table-progression-vrl-003</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-004-vrl-5.1" class=""> + <tr id="table-progression-vrl-004-5.1" class=""> <td> - <a href="table-progression-004-vrl.htm">table-progression-004-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-004.htm">table-progression-vrl-004</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td></td> <td>vertical-rl upright orientation Table Column/Colgroup Ordering <ul class="assert"> @@ -122,17 +122,6 @@ </ul> </td> </tr> - <tr id="text-orientation-012-5.1" class="primary ahem"> - <td><strong> - <a href="text-orientation-012.htm">text-orientation-012</a></strong></td> - <td><a href="reference/text-orientation-012-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text-orientation - sideways-right - <ul class="assert"> - <li>This test checks that 'text-orientation: sideways-right' causes text to be set as if in a horizontal layout, but rotated 90&deg; clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li> - </ul> - </td> - </tr> <tr id="text-orientation-014-5.1" class="primary ahem"> <td><strong> <a href="text-orientation-014.htm">text-orientation-014</a></strong></td> @@ -140,7 +129,7 @@ <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text-orientation - sideways <ul class="assert"> - <li>This test checks that 'text-orientation: sideways' is equivalent to&#8216;sideways-right&#8217;in&#8216;vertical-rl&#8217;writing mode. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li> + <li>This test checks that 'text-orientation: sideways' causes text to be set as if in a horizontal layout, but rotated 90&deg; clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li> </ul> </td> </tr> @@ -166,6 +155,17 @@ </ul> </td> </tr> + <tr id="text-orientation-parsing-sideways-right-001-5.1" class="primary dom may script"> + <td><strong> + <a href="text-orientation-parsing-sideways-right-001.htm">text-orientation-parsing-sideways-right-001</a></strong></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSS Writing Modes: parsing text-orientation + <ul class="assert"> + <li>This test asserts the parser and getComputedStyle works correctly for the text-orientation property.</li> + </ul> + </td> + </tr> <tr id="text-orientation-script-001-5.1" class="primary combo dom font script"> <td><strong> <a href="text-orientation-script-001.htm">text-orientation-script-001</a></strong></td> @@ -349,18 +349,7 @@ <td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>text-orientation - sideways in vertical-rl writing mode <ul class="assert"> - <li>This test checks that the same as [text-orientation: sideways-right], general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.</li> - </ul> - </td> - </tr> - <tr id="text-orientation-sideways-right-001-5.1" class="primary font image"> - <td><strong> - <a href="text-orientation-sideways-right-001.htm">text-orientation-sideways-right-001</a></strong></td> - <td></td> - <td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>text-orientation - sideways-right in vertical-rl writing mode - <ul class="assert"> - <li>This test checks that general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.</li> + <li>This test checks that general horizontal text (include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-6.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-6.htm index 551ccc925df..9d927860199 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-6.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-6.htm @@ -349,69 +349,69 @@ <a href="#s6.4">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical">6.4 Abstract-to-Physical Mappings</a></th></tr> <!-- 12 tests --> - <tr id="text-decoration-sidewaysright-vlr-003-6.4" class=""> + <tr id="text-decoration-sideways-vlr-003-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vlr-003.htm">text-decoration-sidewaysright-vlr-003</a></td> + <a href="text-decoration-sideways-vlr-003.htm">text-decoration-sideways-vlr-003</a></td> <td></td> <td></td> - <td>'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vlr-005-6.4" class=""> + <tr id="text-decoration-sideways-vlr-005-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vlr-005.htm">text-decoration-sidewaysright-vlr-005</a></td> + <a href="text-decoration-sideways-vlr-005.htm">text-decoration-sideways-vlr-005</a></td> <td></td> <td></td> - <td>'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vlr-007-6.4" class=""> + <tr id="text-decoration-sideways-vlr-007-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vlr-007.htm">text-decoration-sidewaysright-vlr-007</a></td> + <a href="text-decoration-sideways-vlr-007.htm">text-decoration-sideways-vlr-007</a></td> <td></td> <td></td> - <td>'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-002-6.4" class=""> + <tr id="text-decoration-sideways-vrl-002-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vrl-002.htm">text-decoration-sidewaysright-vrl-002</a></td> + <a href="text-decoration-sideways-vrl-002.htm">text-decoration-sideways-vrl-002</a></td> <td></td> <td></td> - <td>'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-004-6.4" class=""> + <tr id="text-decoration-sideways-vrl-004-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vrl-004.htm">text-decoration-sidewaysright-vrl-004</a></td> + <a href="text-decoration-sideways-vrl-004.htm">text-decoration-sideways-vrl-004</a></td> <td></td> <td></td> - <td>'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-006-6.4" class=""> + <tr id="text-decoration-sideways-vrl-006-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vrl-006.htm">text-decoration-sidewaysright-vrl-006</a></td> + <a href="text-decoration-sideways-vrl-006.htm">text-decoration-sideways-vrl-006</a></td> <td></td> <td></td> - <td>'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm index c221540c914..5797ccf1210 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Abstract Box Layout (485 tests)</h2> + <h2>Abstract Box Layout (494 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -4681,70 +4681,70 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s7.5">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">7.5 Line-Relative Mappings</a></th></tr> - <!-- 26 tests --> - <tr id="text-decoration-sidewaysright-vlr-003-7.5" class="primary"> + <!-- 35 tests --> + <tr id="text-decoration-sideways-vlr-003-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vlr-003.htm">text-decoration-sidewaysright-vlr-003</a></strong></td> + <a href="text-decoration-sideways-vlr-003.htm">text-decoration-sideways-vlr-003</a></strong></td> <td></td> <td></td> - <td>'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vlr-005-7.5" class="primary"> + <tr id="text-decoration-sideways-vlr-005-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vlr-005.htm">text-decoration-sidewaysright-vlr-005</a></strong></td> + <a href="text-decoration-sideways-vlr-005.htm">text-decoration-sideways-vlr-005</a></strong></td> <td></td> <td></td> - <td>'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vlr-007-7.5" class="primary"> + <tr id="text-decoration-sideways-vlr-007-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vlr-007.htm">text-decoration-sidewaysright-vlr-007</a></strong></td> + <a href="text-decoration-sideways-vlr-007.htm">text-decoration-sideways-vlr-007</a></strong></td> <td></td> <td></td> - <td>'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-002-7.5" class="primary"> + <tr id="text-decoration-sideways-vrl-002-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vrl-002.htm">text-decoration-sidewaysright-vrl-002</a></strong></td> + <a href="text-decoration-sideways-vrl-002.htm">text-decoration-sideways-vrl-002</a></strong></td> <td></td> <td></td> - <td>'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-004-7.5" class="primary"> + <tr id="text-decoration-sideways-vrl-004-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vrl-004.htm">text-decoration-sidewaysright-vrl-004</a></strong></td> + <a href="text-decoration-sideways-vrl-004.htm">text-decoration-sideways-vrl-004</a></strong></td> <td></td> <td></td> - <td>'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-006-7.5" class="primary"> + <tr id="text-decoration-sideways-vrl-006-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vrl-006.htm">text-decoration-sidewaysright-vrl-006</a></strong></td> + <a href="text-decoration-sideways-vrl-006.htm">text-decoration-sideways-vrl-006</a></strong></td> <td></td> <td></td> - <td>'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> @@ -4968,6 +4968,105 @@ </ul> </td> </tr> + <tr id="vertical-alignment-vrl-010-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-010.htm">vertical-alignment-vrl-010</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-012-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-012.htm">vertical-alignment-vrl-012</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-014-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-014.htm">vertical-alignment-vrl-014</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-016-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-016.htm">vertical-alignment-vrl-016</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-018-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-018.htm">vertical-alignment-vrl-018</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-020-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-020.htm">vertical-alignment-vrl-020</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-022-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-022.htm">vertical-alignment-vrl-022</a></strong></td> + <td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-024-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-024.htm">vertical-alignment-vrl-024</a></strong></td> + <td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-026-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-026.htm">vertical-alignment-vrl-026</a></strong></td> + <td><a href="reference/vertical-alignment-vrl-026-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s7.6"> <tr><th colspan="4" scope="rowgroup"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-reverse-wrap-reverse.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-reverse-wrap-reverse.htm index 8db5d9c2ba9..9111b021587 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-reverse-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-reverse-wrap-reverse.htm @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-reverse-wrap.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-reverse-wrap.htm index f25de660a10..25303017ba6 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-reverse-wrap.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-reverse-wrap.htm @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-reverse.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-reverse.htm index 408e510a84b..40617e9ed98 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-reverse.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-reverse.htm @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-wrap-reverse.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-wrap-reverse.htm index 63ceb210cf5..8c960758469 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-wrap-reverse.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-wrap-reverse.htm @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-wrap.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-wrap.htm index e13719ffcd5..6786ce636c5 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-wrap.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row-wrap.htm @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row.htm index 7b0e69e40fd..7313f9d7bd9 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/css-flexbox-row.htm @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-004.htm index b06ded446c7..e557fc3ed85 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-004.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-004.htm @@ -14,14 +14,16 @@ <style type="text/css"> form - { - font-size: 1.25em; - height: 13.5em; - margin-left: 0.7em; - writing-mode: vertical-rl; - } - - select { vertical-align: top; } + { + font-size: 18px; + margin-left: 5em; + writing-mode: vertical-rl; + } + + select + { + vertical-align: top; + } </style> </head> @@ -30,7 +32,7 @@ <form action=""> <p><label>姓名　<input value="艾俐俐" size="10"></label></p> - <p><label>语言　<select size="5"><option>English</option> + <p><label>语言　<select size="1"><option>English</option> <option>français</option> <option>فارسی</option> <option>中文</option> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-002.htm index de6eaa37b81..7cdb9a7b601 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-002.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> <link rel="match" href="reference/inline-block-alignment-002-ref.htm"> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-003.htm index 6b7b50449b2..ff778438416 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-003.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> <link rel="match" href="reference/inline-block-alignment-003-ref.htm"> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-004.htm index 00c88f730e1..50b0c61410e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-004.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-004.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> <link rel="match" href="reference/inline-block-alignment-002-ref.htm"> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-005.htm index cb46666626a..13d3cf03637 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-005.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-005.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> <link rel="match" href="reference/inline-block-alignment-003-ref.htm"> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-006.htm index 42c2a958ca9..a39aaa4396c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-006.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-006.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-21 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> <link rel="match" href="reference/inline-block-alignment-006-ref.htm"> @@ -14,7 +14,6 @@ { color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-007.htm index 9e5074b06b3..d3980423dc7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-007.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-007.htm @@ -3,6 +3,7 @@ <head> <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> <link rel="match" href="reference/inline-block-alignment-006-ref.htm"> @@ -13,7 +14,6 @@ { color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-008.htm deleted file mode 100644 index 086d702833c..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-008.htm +++ /dev/null @@ -1,61 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-21 --> - <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> - <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> - <link rel="match" href="reference/inline-block-alignment-006-ref.htm"> - <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline."> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#rl-sideways-right - { - color: fuchsia; - font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; - writing-mode: vertical-rl; - text-orientation: sideways-right; - } - - div#inline-block - { - display: inline-block; - padding-left: 0.5em; /* computes to 60px */ - font-size: 2em; /* computes to 120px */ - /* - such padding-left declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - - span.block-descendant - { - display: block; - } - - span#fuchsia30 - { - padding-right: 4em; /* computes to 120px */ - font-size: 0.5em; /* computes to 30px */ - /* - such padding-right declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - </style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="rl-sideways-right">É<div id="inline-block"> - <span class="block-descendant">B</span> - <span class="block-descendant last-line-box">É</span> - </div><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/css-flexbox-row-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/css-flexbox-row-ref.htm index db86d12b4eb..fe98e24fdef 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/css-flexbox-row-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/css-flexbox-row-ref.htm @@ -12,6 +12,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; } </style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-001-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-001-ref.htm new file mode 100644 index 00000000000..846061118c9 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-001-ref.htm @@ -0,0 +1,93 @@ +<!DOCTYPE html> +<html><head><title>CSS Reference</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> + +<style> + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + caption { background: green; } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table> + <caption></caption> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-002-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-002-ref.htm new file mode 100644 index 00000000000..41aa7a048dc --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-002-ref.htm @@ -0,0 +1,69 @@ +<!DOCTYPE html> +<html><head><title>CSS Reference</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> + +<style> + table { + border-spacing: 0; + border: solid gray; + margin: 1em; + float: left; + } + td { + width: 1em; + height: 1em; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-orientation-012-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-orientation-012-ref.htm deleted file mode 100644 index 73e3f88eb1e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-orientation-012-ref.htm +++ /dev/null @@ -1,51 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Reftest Reference</title> - <!-- reftest for text-orientation-012.xht --> - <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"> - <meta http-equiv="content-language" content="en"> - <style type="text/css"> - .view_ahem - { - background: pink; - border: 1px solid black; - color: blue; - font: 20px/1 "Ahem"; - height: 3em; - margin: 10px; - width: 3em; - white-space: pre; - } - .control_ahem - { - writing-mode: horizontal-tb; - } - .view - { - border: 1px solid gray; - font-size: 1.5em; - line-height: 1.5; - margin-bottom: 10px; - width: 3em; - writing-mode: vertical-rl; - } - .control - { - text-combine-upright: none; - } - </style> - </head> - <body lang="en"> - <p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong> and <strong>orientation</strong>.</p> - <div class="view_ahem"><span class="control_ahem">7 1 - 52 - 63</span></div> - <div class="view_ahem"><span class="control_ahem">7 1 - 52 - 63</span></div> - <hr> - <div class="view"><span class="control">123Abc<br>def456</span></div> - <div class="view"><span class="control">123Abc<br>def456</span></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/vertical-alignment-vrl-022-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/vertical-alignment-vrl-022-ref.htm new file mode 100644 index 00000000000..1b068fe93cf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/vertical-alignment-vrl-022-ref.htm @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <meta name="flags" content="image"> + <style type="text/css"> + img + { + padding-left: 60px; + vertical-align: top; + } + img + br + img + { + padding-left: 108px; /* 60 px (padding-left) + 48 px (the position of small blue box)*/ + } + </style> + +</head> + +<body> + +<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + +<div> + <img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled"><br><img class="blue" src="support/swatch-blue.png" width="12" height="12" alt="Image download support must be enabled"> +</div> + +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/vertical-alignment-vrl-026-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/vertical-alignment-vrl-026-ref.htm new file mode 100644 index 00000000000..b668059761a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/vertical-alignment-vrl-026-ref.htm @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <meta name="flags" content="image"> + <style type="text/css"> + img + { + padding-left: 60px; + vertical-align: top; + } + img + br + img + { + padding-left: 72px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/ + } + </style> + +</head> + +<body> + +<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + +<div> + <img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled"><br><img class="blue" src="support/swatch-blue.png" width="48" height="48" alt="Image download support must be enabled"> +</div> + +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm index 79145f6ec3d..218b9d35ee2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm @@ -4432,14 +4432,6 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="inline-block-alignment-008" class="ahem"> - <tr> - <td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout"> - <a href="inline-block-alignment-008.htm">inline-block-alignment-008</a></td> - <td><a href="reference/inline-block-alignment-006-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> <tbody id="inline-block-alignment-orthogonal-vlr-003" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment of inline-block in orthogonal flow"> @@ -5056,67 +5048,67 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="table-progression-001-vlr" class=""> + <tbody id="table-progression-vlr-001" class=""> <tr> <td rowspan="1" title="vertical-lr Table Row/Rowgroup/Cell Ordering"> - <a href="table-progression-001-vlr.htm">table-progression-001-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-001.htm">table-progression-vlr-001</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-001-vrl" class=""> + <tbody id="table-progression-vlr-002" class=""> <tr> - <td rowspan="1" title="vertical-rl Table Row/Rowgroup/Cell Ordering"> - <a href="table-progression-001-vrl.htm">table-progression-001-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-lr Table Column/Colgroup Ordering"> + <a href="table-progression-vlr-002.htm">table-progression-vlr-002</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-002-vlr" class=""> + <tbody id="table-progression-vlr-003" class=""> <tr> - <td rowspan="1" title="vertical-lr Table Column/Colgroup Ordering"> - <a href="table-progression-002-vlr.htm">table-progression-002-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-vlr-003.htm">table-progression-vlr-003</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-002-vrl" class=""> + <tbody id="table-progression-vlr-004" class=""> <tr> - <td rowspan="1" title="vertical-rl Table Column/Colgroup Ordering"> - <a href="table-progression-002-vrl.htm">table-progression-002-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-lr upright orientation Table Column/Colgroup Ordering"> + <a href="table-progression-vlr-004.htm">table-progression-vlr-004</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-003-vlr" class=""> + <tbody id="table-progression-vrl-001" class=""> <tr> - <td rowspan="1" title="vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering"> - <a href="table-progression-003-vlr.htm">table-progression-003-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-rl Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-vrl-001.htm">table-progression-vrl-001</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-003-vrl" class=""> + <tbody id="table-progression-vrl-002" class=""> <tr> - <td rowspan="1" title="vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering"> - <a href="table-progression-003-vrl.htm">table-progression-003-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-rl Table Column/Colgroup Ordering"> + <a href="table-progression-vrl-002.htm">table-progression-vrl-002</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-004-vlr" class=""> + <tbody id="table-progression-vrl-003" class=""> <tr> - <td rowspan="1" title="vertical-lr upright orientation Table Column/Colgroup Ordering"> - <a href="table-progression-004-vlr.htm">table-progression-004-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-vrl-003.htm">table-progression-vrl-003</a></td> + <td><a href="reference/table-progression-001-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-004-vrl" class=""> + <tbody id="table-progression-vrl-004" class=""> <tr> <td rowspan="1" title="vertical-rl upright orientation Table Column/Colgroup Ordering"> - <a href="table-progression-004-vrl.htm">table-progression-004-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-004.htm">table-progression-vrl-004</a></td> + <td><a href="reference/table-progression-002-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -5584,14 +5576,6 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="text-orientation-012" class="ahem"> - <tr> - <td rowspan="1" title="text-orientation - sideways-right"> - <a href="text-orientation-012.htm">text-orientation-012</a></td> - <td><a href="reference/text-orientation-012-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> <tbody id="text-orientation-014" class="ahem"> <tr> <td rowspan="1" title="text-orientation - sideways"> @@ -5800,6 +5784,30 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> + <tbody id="vertical-alignment-vrl-022" class="ahem"> + <tr> + <td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode"> + <a href="vertical-alignment-vrl-022.htm">vertical-alignment-vrl-022</a></td> + <td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="vertical-alignment-vrl-024" class="ahem"> + <tr> + <td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode"> + <a href="vertical-alignment-vrl-024.htm">vertical-alignment-vrl-024</a></td> + <td><a href="reference/vertical-alignment-vrl-022-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="vertical-alignment-vrl-026" class="ahem"> + <tr> + <td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode"> + <a href="vertical-alignment-vrl-026.htm">vertical-alignment-vrl-026</a></td> + <td><a href="reference/vertical-alignment-vrl-026-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> <tbody id="writing-mode-horizontal-001l" class=""> <tr> <td rowspan="1" title="CSS Writing Modes: text-combine-upright in horizontal writing mode"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list index b1c829a3227..1446245ecb3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list @@ -550,7 +550,6 @@ inline-block-alignment-004.htm == reference/inline-block-alignment-002-ref.htm inline-block-alignment-005.htm == reference/inline-block-alignment-003-ref.htm inline-block-alignment-006.htm == reference/inline-block-alignment-006-ref.htm inline-block-alignment-007.htm == reference/inline-block-alignment-006-ref.htm -inline-block-alignment-008.htm == reference/inline-block-alignment-006-ref.htm inline-block-alignment-orthogonal-vlr-003.htm == reference/inline-block-alignment-orthogonal-vrl-002-ref.htm inline-block-alignment-orthogonal-vlr-005.htm == reference/inline-block-alignment-orthogonal-vrl-002-ref.htm inline-block-alignment-orthogonal-vrl-002.htm == reference/inline-block-alignment-orthogonal-vrl-002-ref.htm @@ -628,14 +627,14 @@ table-column-order-002.htm == reference/block-flow-direction-001-ref.htm table-column-order-003.htm == reference/block-flow-direction-001-ref.htm table-column-order-004.htm == reference/block-flow-direction-001-ref.htm table-column-order-005.htm == reference/block-flow-direction-001-ref.htm -table-progression-001-vlr.htm == table-progression-001-ref.orngtml -table-progression-001-vrl.htm == table-progression-001-ref.orngtml -table-progression-002-vlr.htm == table-progression-002-ref.orngtml -table-progression-002-vrl.htm == table-progression-002-ref.orngtml -table-progression-003-vlr.htm == table-progression-001-ref.orngtml -table-progression-003-vrl.htm == table-progression-001-ref.orngtml -table-progression-004-vlr.htm == table-progression-002-ref.orngtml -table-progression-004-vrl.htm == table-progression-002-ref.orngtml +table-progression-vlr-001.htm == reference/table-progression-001-ref.htm +table-progression-vlr-002.htm == reference/table-progression-002-ref.htm +table-progression-vlr-003.htm == reference/table-progression-001-ref.htm +table-progression-vlr-004.htm == reference/table-progression-002-ref.htm +table-progression-vrl-001.htm == reference/table-progression-001-ref.htm +table-progression-vrl-002.htm == reference/table-progression-002-ref.htm +table-progression-vrl-003.htm == reference/table-progression-001-ref.htm +table-progression-vrl-004.htm == reference/table-progression-002-ref.htm text-align-vlr-003.htm == reference/ref-filled-green-100px-square.htm text-align-vlr-005.htm == reference/ref-filled-green-100px-square.htm text-align-vlr-007.htm == reference/ref-filled-green-100px-square.htm @@ -694,7 +693,6 @@ text-indent-vrl-010.htm == reference/text-indent-vrl-010-ref.htm text-indent-vrl-012.htm == reference/text-indent-vrl-012-ref.htm text-indent-vrl-014.htm == reference/text-indent-vrl-010-ref.htm text-indent-vrl-016.htm == reference/text-indent-vrl-012-ref.htm -text-orientation-012.htm == reference/text-orientation-012-ref.htm text-orientation-014.htm == reference/text-orientation-014-ref.htm unicode-bidi-001.htm == reference/direction-002-ref.htm unicode-bidi-002.htm == reference/unicode-bidi-002-ref.htm @@ -721,6 +719,9 @@ vertical-alignment-006.htm == reference/vertical-alignment-006-ref.htm vertical-alignment-007.htm == reference/vertical-alignment-006-ref.htm vertical-alignment-008.htm == reference/vertical-alignment-008-ref.htm vertical-alignment-009.htm == reference/vertical-alignment-008-ref.htm +vertical-alignment-vrl-022.htm == reference/vertical-alignment-vrl-022-ref.htm +vertical-alignment-vrl-024.htm == reference/vertical-alignment-vrl-022-ref.htm +vertical-alignment-vrl-026.htm == reference/vertical-alignment-vrl-026-ref.htm writing-mode-horizontal-001l.htm == reference/writing-mode-horizontal-001l-ref.htm writing-mode-horizontal-001r.htm == reference/writing-mode-horizontal-001r-ref.htm writing-mode-stretch-001.htm == reference/writing-mode-stretch-001-ref.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-001-vlr.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vlr-001.htm index 286634c4298..f35cf13fbed 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-001-vlr.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vlr-001.htm @@ -1,7 +1,7 @@ <!DOCTYPE html> <html><head><title>CSS Test: vertical-lr Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> -<link href="table-progression-001-ref.orngtml" rel="match"> +<link href="reference/table-progression-001-ref.htm" rel="match"> <meta content="This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert"> <meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert"> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> @@ -59,7 +59,7 @@ </p><table class="test"> <thead> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></thead><tfoot> @@ -88,7 +88,7 @@ <tr> <td class="teal"> </td><td class="aqua"> - </td><td colspan="2"> + </td><td colspan="2"> </td></tr></thead><tfoot> <tr> <td colspan="2"> @@ -132,5 +132,4 @@ <td class="teal"> </td><td class="purp"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-002-vlr.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vlr-002.htm index eae0564cefa..5101567a629 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-002-vlr.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vlr-002.htm @@ -1,7 +1,7 @@ <!DOCTYPE html> <html><head><title>CSS Test: vertical-lr Table Column/Colgroup Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> -<link href="table-progression-002-ref.orngtml" rel="match"> +<link href="reference/table-progression-002-ref.htm" rel="match"> <meta content="This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert"> <meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert"> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> @@ -84,5 +84,4 @@ </td></tr><tr><td class="aqua"> </td></tr><tr><td class="aqua"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-003-vlr.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vlr-003.htm index 420efd0e0c3..fb161889dde 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-003-vlr.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vlr-003.htm @@ -1,7 +1,7 @@ <!DOCTYPE html> <html><head><title>CSS Test: vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> -<link href="table-progression-001-ref.orngtml" rel="match"> +<link href="reference/table-progression-001-ref.htm" rel="match"> <meta content="This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert"> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> <link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> @@ -41,7 +41,7 @@ </p><table class="test"> <thead> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></thead><tfoot> @@ -68,7 +68,7 @@ <table class="test"> <thead> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></thead><tfoot> @@ -112,5 +112,4 @@ <td class="teal"> </td><td class="purp"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-004-vlr.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vlr-004.htm index 938c9df8290..c6273f0187c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-004-vlr.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vlr-004.htm @@ -1,7 +1,7 @@ <!DOCTYPE html> <html><head><title>CSS Test: vertical-lr upright orientation Table Column/Colgroup Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> -<link href="table-progression-002-ref.orngtml" rel="match"> +<link href="reference/table-progression-002-ref.htm" rel="match"> <meta content="This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright." name="assert"> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> <link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> @@ -73,5 +73,4 @@ </td></tr><tr><td class="aqua"> </td></tr><tr><td class="aqua"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-001-vrl.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vrl-001.htm index 5436493a59b..ef6a1c7655a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-001-vrl.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vrl-001.htm @@ -1,7 +1,7 @@ <!DOCTYPE html> <html><head><title>CSS Test: vertical-rl Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> -<link href="table-progression-001-ref.orngtml" rel="match"> +<link href="reference/table-progression-001-ref.htm" rel="match"> <meta content="This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert"> <meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert"> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> @@ -63,7 +63,7 @@ </td><td colspan="2"> </td></tr></thead><tfoot> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></tfoot><tbody> @@ -92,7 +92,7 @@ <tr> <td class="teal"> </td><td class="aqua"> - </td><td colspan="2"> + </td><td colspan="2"> </td></tr></tfoot><tbody> <tr> <td class="purp"> @@ -129,5 +129,4 @@ <td class="teal"> </td><td class="purp"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-002-vrl.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vrl-002.htm index fb17937b16e..c7c802e6e70 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-002-vrl.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vrl-002.htm @@ -1,7 +1,7 @@ <!DOCTYPE html> <html><head><title>CSS Test: vertical-rl Table Column/Colgroup Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> -<link href="table-progression-002-ref.orngtml" rel="match"> +<link href="reference/table-progression-002-ref.htm" rel="match"> <meta content="This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert"> <meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert"> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> @@ -83,5 +83,4 @@ </td></tr><tr><td class="aqua"> </td></tr><tr><td class="aqua"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-003-vrl.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vrl-003.htm index 91a04dc6b02..a8c7fb8a13a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-003-vrl.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vrl-003.htm @@ -1,7 +1,7 @@ <!DOCTYPE html> <html><head><title>CSS Test: vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> -<link href="table-progression-001-ref.orngtml" rel="match"> +<link href="reference/table-progression-001-ref.htm" rel="match"> <meta content="This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert"> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> <link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> @@ -46,7 +46,7 @@ </td><td colspan="2"> </td></tr></thead><tfoot> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></tfoot><tbody> @@ -73,7 +73,7 @@ </td><td colspan="2"> </td></tr></thead><tfoot> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></tfoot><tbody> @@ -112,5 +112,4 @@ <td class="teal"> </td><td class="purp"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-004-vrl.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vrl-004.htm index b0883cda34c..c5986afbe49 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-004-vrl.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-vrl-004.htm @@ -1,7 +1,7 @@ <!DOCTYPE html> <html><head><title>CSS Test: vertical-rl upright orientation Table Column/Colgroup Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> -<link href="table-progression-002-ref.orngtml" rel="match"> +<link href="reference/table-progression-002-ref.htm" rel="match"> <meta content="This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright." name="assert"> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> <link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> @@ -72,5 +72,4 @@ </td></tr><tr><td class="aqua"> </td></tr><tr><td class="aqua"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-002.htm index aea84e3832a..25b6909b582 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-002.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> <link rel="match" href="reference/text-baseline-002-ref.htm"> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline."> @@ -13,7 +13,6 @@ { color: orange; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-rl; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-003.htm index 5ca1298777f..e03a5257f29 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-003.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> <link rel="match" href="reference/text-baseline-002-ref.htm"> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline."> @@ -13,7 +13,6 @@ { color: orange; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-lr; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-004.htm index b541fcaf811..e7c6ad94bdf 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-004.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-004.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> <link rel="match" href="reference/text-baseline-002-ref.htm"> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline."> @@ -13,7 +13,6 @@ { color: orange; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-rl; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-005.htm index a7995c9b15c..9430fd74c96 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-005.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-005.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> <link rel="match" href="reference/text-baseline-002-ref.htm"> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline."> @@ -13,7 +13,6 @@ { color: orange; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-lr; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-006.htm index 62bc717af65..07fd52f7ea5 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-006.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-006.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> <link rel="match" href="reference/text-baseline-006-ref.htm"> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline."> @@ -13,7 +13,6 @@ { color: fuchsia; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-rl; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-007.htm index 7cb111ae647..71b47d937ad 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-007.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-007.htm @@ -3,6 +3,7 @@ <head> <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> <link rel="match" href="reference/text-baseline-006-ref.htm"> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline."> @@ -12,7 +13,6 @@ { color: fuchsia; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-lr; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sidewaysright-vlr-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sideways-vlr-003.htm index d22d1d4e0da..b10f9cd2070 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sidewaysright-vlr-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sideways-vlr-003.htm @@ -3,14 +3,14 @@ <head> - <title>CSS Writing Modes Test: 'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode</title> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" title="7.5 Line-Relative Mappings"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings"> <meta name="flags" content=""> - <meta content="This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode." name="assert"> + <meta content="This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode." name="assert"> <style type="text/css"> div @@ -18,7 +18,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: underline; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-lr; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sidewaysright-vlr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sideways-vlr-005.htm index 791a55b7ab1..e9aae2011db 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sidewaysright-vlr-005.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sideways-vlr-005.htm @@ -3,14 +3,14 @@ <head> - <title>CSS Writing Modes Test: 'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode</title> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" title="7.5 Line-Relative Mappings"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings"> <meta name="flags" content=""> - <meta content="This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode." name="assert"> + <meta content="This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode." name="assert"> <style type="text/css"> div @@ -18,7 +18,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: overline; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-lr; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sidewaysright-vlr-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sideways-vlr-007.htm index 06ba4e7d9f1..06590c94fa1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sidewaysright-vlr-007.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sideways-vlr-007.htm @@ -3,14 +3,14 @@ <head> - <title>CSS Writing Modes Test: 'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode</title> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" title="7.5 Line-Relative Mappings"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings"> <meta name="flags" content=""> - <meta content="This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode." name="assert"> + <meta content="This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode." name="assert"> <style type="text/css"> div @@ -18,7 +18,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: line-through; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-lr; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sidewaysright-vrl-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sideways-vrl-002.htm index c7cdf24f55f..c24cbebddb4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sidewaysright-vrl-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sideways-vrl-002.htm @@ -3,14 +3,14 @@ <head> - <title>CSS Writing Modes Test: 'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode</title> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" title="7.5 Line-Relative Mappings"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings"> <meta name="flags" content=""> - <meta content="This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode." name="assert"> + <meta content="This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode." name="assert"> <style type="text/css"> div @@ -18,7 +18,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: underline; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-rl; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sidewaysright-vrl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sideways-vrl-004.htm index d2eb091fe9b..cfd932a2d9a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sidewaysright-vrl-004.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sideways-vrl-004.htm @@ -3,14 +3,14 @@ <head> - <title>CSS Writing Modes Test: 'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode</title> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" title="7.5 Line-Relative Mappings"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings"> <meta name="flags" content=""> - <meta content="This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode." name="assert"> + <meta content="This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode." name="assert"> <style type="text/css"> div @@ -18,7 +18,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: overline; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-rl; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sidewaysright-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sideways-vrl-006.htm index 76d476b8cbb..604b7005079 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sidewaysright-vrl-006.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-decoration-sideways-vrl-006.htm @@ -3,14 +3,14 @@ <head> - <title>CSS Writing Modes Test: 'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode</title> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" title="7.5 Line-Relative Mappings"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings"> <meta name="flags" content=""> - <meta content="This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode." name="assert"> + <meta content="This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode." name="assert"> <style type="text/css"> div @@ -18,7 +18,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: line-through; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-rl; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-012.htm deleted file mode 100644 index ee940a8c73e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-012.htm +++ /dev/null @@ -1,69 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: text-orientation - sideways-right</title> - <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"> - <link rel="help" title="5.1. Orienting Text: the‘text-orientation’property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"> - <link rel="match" href="reference/text-orientation-012-ref.htm"> - <meta http-equiv="content-language" content="en"> - <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'text-orientation: sideways-right' causes text to be set as if in a horizontal layout, but rotated 90° clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation."> - <style type="text/css"> - .view_ahem - { - background: pink; - border: 1px solid black; - color: blue; - font: 20px/1 "Ahem"; - height: 3em; - margin: 10px; - width: 3em; - white-space: pre; - } - #test_ahem - { - text-orientation: sideways-right; /* The property to be tested */ - writing-mode: vertical-rl; - } - #control_ahem - { - writing-mode: horizontal-tb; - } - .view - { - border: 1px solid gray; - font-size: 1.5em; - line-height: 1.5; - margin-bottom: 10px; - width: 3em; - writing-mode: vertical-rl; - } - #test - { - text-orientation: sideways-right; /* The property to be tested */ - } - #control - { - text-combine-upright: none; - } - </style> - </head> - <body lang="en"> - <!-- - This test consists of a pair of sub-tests which complements each other. - Logically, the test should verify 1.block flow direction, 2.inline direction - and 3.glyph orientation. The "Ahem" sub-test comes first and checks 1. and 2. , - whereas "glyph" sub-test comes later and also checks 3. - --> - <p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong> and <strong>orientation</strong>.</p> - <div class="view_ahem"><span id="test_ahem">123 - 56 -7 </span></div> - <div class="view_ahem"><span id="control_ahem">7 1 - 52 - 63</span></div> - <hr> - <div class="view"><span id="test">123Abc<br>def456</span></div> - <div class="view"><span id="control">123Abc<br>def456</span></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-014.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-014.htm index e7addcf4000..fb132b7b60c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-014.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-014.htm @@ -3,11 +3,11 @@ <head> <title>CSS Writing Modes Test: text-orientation - sideways</title> <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"> - <link rel="help" title="5.1. Orienting Text: the‘text-orientation’property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"> + <link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"> <link rel="match" href="reference/text-orientation-014-ref.htm"> <meta http-equiv="content-language" content="en"> <meta name="flags" content="ahem"> - <meta name="assert" content="This test checks that 'text-orientation: sideways' is equivalent to‘sideways-right’in‘vertical-rl’writing mode. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation."> + <meta name="assert" content="This test checks that 'text-orientation: sideways' causes text to be set as if in a horizontal layout, but rotated 90° clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation."> <style type="text/css"> .view_ahem { diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-parsing-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-parsing-001.htm index 900521ff50a..0387e118627 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-parsing-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-parsing-001.htm @@ -11,7 +11,6 @@ <div data-expected="upright" style="text-orientation: upright"></div> <div data-expected="sideways" style="text-orientation: sideways"></div> -<div data-expected="sideways-right" style="text-orientation: sideways-right"></div> <div style="text-orientation: upright"> <div data-expected="upright" title="text-orientation should inherit"></div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-parsing-sideways-right-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-parsing-sideways-right-001.htm new file mode 100644 index 00000000000..644b78d00bd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-parsing-sideways-right-001.htm @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html><head><title>CSS Writing Modes: parsing text-orientation</title> +<link href="kojiishi@gmail.com" rel="author" title="Koji Ishii"> +<link href="https://drafts.csswg.org/css-writing-modes-3/#text-orientation" rel="help"> +<meta content="This test asserts the parser and getComputedStyle works correctly for the text-orientation property." name="assert"> +<meta content="dom may" name="flags"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> + +</head><body><div data-expected="sideways" style="text-orientation: sideways-right"></div> + +<script> +Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) { + test(function () { + var actual = getComputedStyle(element).textOrientation; + assert_equals(actual, element.dataset.expected); + }, element.title || element.getAttribute("style")); +}); +</script> +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001.htm index aeb520eb9ca..2ca44d038f6 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001a.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001a.htm index 8ce4b18eb82..85289cfd0ec 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001a.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001a.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001b.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001b.htm index 41e2b16426d..69b6b44c5fa 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001b.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001b.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001c.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001c.htm index 4b35191cc9c..edccaa35954 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001c.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001c.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001d.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001d.htm index a12e3844822..99fa94865c8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001d.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001d.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001e.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001e.htm index 1ac877b4dc0..f550f76779e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001e.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001e.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001f.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001f.htm index 8261b9ad799..0a262eb7fb2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001f.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001f.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001g.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001g.htm index 2692256b341..67acff13a21 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001g.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001g.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001h.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001h.htm index 1284326c0f7..6b335533309 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001h.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001h.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001i.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001i.htm index 6c80cc5e87b..0832b3be12e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001i.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001i.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001j.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001j.htm index 523a261425d..d9d2384ff27 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001j.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001j.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001k.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001k.htm index e0fff162b4b..465d1d33b6a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001k.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001k.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001l.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001l.htm index c5b440624e2..a19a36a8ec8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001l.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001l.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001m.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001m.htm index 7124df94a2d..5fd92fa4ef1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001m.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001m.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001n.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001n.htm index a028cb965e1..4ab225483d4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001n.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001n.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001o.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001o.htm index 91c71426353..1229d6ee552 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001o.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-script-001o.htm @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-001.htm index f123bd894c4..cc3c996a148 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-001.htm @@ -3,9 +3,9 @@ <head> <title>CSS Writing Modes Test: text-orientation - sideways in vertical-rl writing mode</title> <link rel="author" title="Kazuaki Takemura" href="mailto:takemura@networksoft.co.jp"> - <link rel="help" title="5.1. Orienting Text" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"> + <link rel="help" title="5.1. Orienting Text" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"> <meta name="flags" content="font image"> - <meta name="assert" content="This test checks that the same as [text-orientation: sideways-right], general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction."> + <meta name="assert" content="This test checks that general horizontal text (include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction."> <style type="text/css"> @font-face { diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-right-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-right-001.htm deleted file mode 100644 index de6fdbc81f5..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-right-001.htm +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: text-orientation - sideways-right in vertical-rl writing mode</title> - <link rel="author" title="Kazuaki Takemura" href="mailto:takemura@networksoft.co.jp"> - <link rel="help" title="5.1. Orienting Text" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"> - <meta name="flags" content="font image"> - <meta name="assert" content="This test checks that general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction."> - <style type="text/css"> - @font-face - { - font-family: "DejaVuSerifBook"; - src: url("support/DejaVuSerif-webfont.woff") format("woff"); - /* Filesize: 18096 bytes (17.7 KBytes) */ - } - - div { - border: 1px solid gray; - float: left; - color: blue; - font-family: "DejaVuSerifBook"; - font-size: 30px; - line-height: 1.4; /* equivalent to 42px: - so that top-half-leading outside content is 6px - and bottom-half-leading outside content is 6px */ - margin: 10px; - } - - div#vertical - { - writing-mode: vertical-rl; - text-orientation: sideways-right; - } - - img {vertical-align: top;} - - </style> - </head> - <body> - - <p>Test passes if both "Text sample" rectangles - have the same order, the same orientation and the same layout: - "Text sample" should be displayed rotates 90 degrees clockwise.</p> - - <div id="vertical">Ｔext sample</div> - - <div><img src="./support/text-orientation-sideways-right-001.png" width="42" height="184" alt="Image download support must be enabled"></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm index b94b7693089..0ed90888975 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm @@ -32,17 +32,17 @@ <tbody id="s3"> <tr><th><a href="chapter-3.htm">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(90 Tests)</td></tr> + <td>(89 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.htm">Chapter 4 - Inline-level Alignment</a></th> - <td>(31 Tests)</td></tr> + <td>(30 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.htm">Chapter 5 - Introduction to Vertical Text Layout</a></th> - <td>(29 Tests)</td></tr> + <td>(28 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.htm">Chapter 6 - @@ -52,7 +52,7 @@ <tbody id="s7"> <tr><th><a href="chapter-7.htm">Chapter 7 - Abstract Box Layout</a></th> - <td>(485 Tests)</td></tr> + <td>(494 Tests)</td></tr> </tbody> <tbody id="s8"> <tr><th><a href="chapter-8.htm">Chapter 8 - diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-010.htm new file mode 100644 index 00000000000..2c8b032e540 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-010.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings"> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading"> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#rl-mixed + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: mixed; + } + + span + { + vertical-align: super; + color: blue; + margin-top: -1em; + } + </style> + + </head> + + <body> + + <p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p> + + <div id="rl-mixed">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-012.htm new file mode 100644 index 00000000000..6342fd6aad8 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-012.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings"> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading"> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#rl-upright + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: upright; + } + + span + { + vertical-align: super; + color: blue; + margin-top: -1em; + } + </style> + + </head> + + <body> + + <p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p> + + <div id="rl-upright">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-014.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-014.htm new file mode 100644 index 00000000000..cdec0f3bd32 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-014.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings"> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading"> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#rl-sideways + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: sideways; + } + + span + { + vertical-align: super; + color: blue; + margin-top: -1em; + } + </style> + + </head> + + <body> + + <p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p> + + <div id="rl-sideways">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-016.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-016.htm new file mode 100644 index 00000000000..27e43f5f9eb --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-016.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings"> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading"> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#rl-mixed + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: mixed; + } + + span + { + vertical-align: sub; + color: blue; + margin-top: -1em; + } + </style> + + </head> + + <body> + + <p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p> + + <div id="rl-mixed">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-018.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-018.htm new file mode 100644 index 00000000000..6955d2a8dca --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-018.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings"> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading"> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#rl-upright + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: upright; + } + + span + { + vertical-align: sub; + color: blue; + margin-top: -1em; + } + </style> + + </head> + + <body> + + <p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p> + + <div id="rl-upright">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-020.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-020.htm new file mode 100644 index 00000000000..68d439cd219 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-020.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings"> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading"> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left."> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#rl-sideways + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: sideways; + } + + span + { + vertical-align: sub; + color: blue; + margin-top: -1em; + } + </style> + + </head> + + <body> + + <p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p> + + <div id="rl-sideways">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-022.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-022.htm new file mode 100644 index 00000000000..4270ed0427c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-022.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings"> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading"> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent."> + <link rel="match" href="reference/vertical-alignment-vrl-022-ref.htm"> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#rl-upright + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: blue; + text-orientation: upright; + } + + span + { + font-size: 0.2em; + vertical-align: middle; + } + </style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="rl-upright">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-024.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-024.htm new file mode 100644 index 00000000000..a168929c8cc --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-024.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings"> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading"> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent."> + <link rel="match" href="reference/vertical-alignment-vrl-022-ref.htm"> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#rl-mixed + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: blue; + text-orientation: mixed; + } + + span + { + font-size: 0.2em; + vertical-align: middle; + } + </style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="rl-mixed">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-026.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-026.htm new file mode 100644 index 00000000000..baebe947c8f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/vertical-alignment-vrl-026.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings"> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading"> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent."> + <link rel="match" href="reference/vertical-alignment-vrl-026-ref.htm"> + <meta name="flags" content="ahem"> + <style type="text/css"> + div#rl-sideways + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: blue; + text-orientation: sideways; + } + + span + { + font-size: 0.8em; + vertical-align: middle; + } + </style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="rl-sideways">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-svg1-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-svg1-001.htm index 51f1c88e44a..d7a56367f23 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-svg1-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-svg1-001.htm @@ -7,10 +7,13 @@ <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> -</head><body><div data-expected="lr" style="writing-mode: lr"></div> -<div data-expected="rl" style="writing-mode: rl"></div> +</head><body><div data-expected="horizontal-tb" style="writing-mode: lr"></div> +<div data-expected="horizontal-tb" style="writing-mode: lr-tb"></div> +<div data-expected="horizontal-tb" style="writing-mode: rl"></div> +<div data-expected="horizontal-tb" style="writing-mode: rl-tb"></div> -<div data-expected="tb" style="writing-mode: tb"></div> +<div data-expected="vertical-rl" style="writing-mode: tb"></div> +<div data-expected="vertical-rl" style="writing-mode: tb-rl"></div> <script> Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) { diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-svg1-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-svg1-002.htm deleted file mode 100644 index c494437f9a1..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/writing-mode-parsing-svg1-002.htm +++ /dev/null @@ -1,23 +0,0 @@ -<!DOCTYPE html> -<html><head><title>CSS Writing Modes: parsing SVG 1.1 writing-mode values</title> -<link href="kojiishi@gmail.com" rel="author" title="Koji Ishii"> -<link href="https://drafts.csswg.org/css-writing-modes-3/#svg-writing-mode" rel="help"> -<meta content="This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values." name="assert"> -<meta content="dom svg may" name="flags"> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> - -</head><body><div data-expected="lr-tb" style="writing-mode: lr-tb"></div> -<div data-expected="rl-tb" style="writing-mode: rl-tb"></div> - -<div data-expected="tb-rl" style="writing-mode: tb-rl"></div> - -<script> -Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) { - test(function () { - var actual = getComputedStyle(element).writingMode; - assert_equals(actual, element.dataset.expected); - }, element.title || element.getAttribute("style")); -}); -</script> -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data index 05ab193999b..13cd758b75a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data @@ -981,18 +981,18 @@ html/clip-rect-vrl-014.htm 44fdb637a990b4c84dc24786151db1e4048f57d8 ? xhtml1/clip-rect-vrl-014.xht 44fdb637a990b4c84dc24786151db1e4048f57d8 ? html/clip-rect-vrl-016.htm 691b8c06c8ed77f9a051d9d0bf39f721ded61c79 ? xhtml1/clip-rect-vrl-016.xht 691b8c06c8ed77f9a051d9d0bf39f721ded61c79 ? -html/css-flexbox-row-reverse-wrap-reverse.htm ae71f495e9b7a0b872b7404e8d13546220a99b9c ? -xhtml1/css-flexbox-row-reverse-wrap-reverse.xht ae71f495e9b7a0b872b7404e8d13546220a99b9c ? -html/css-flexbox-row-reverse-wrap.htm 45362cab6ef4ccddc48442ef7c30cfdbc4d7b68f ? -xhtml1/css-flexbox-row-reverse-wrap.xht 45362cab6ef4ccddc48442ef7c30cfdbc4d7b68f ? -html/css-flexbox-row-reverse.htm 7d6c951b7d2a9a20aec2dae97cf647a7542fd97c ? -xhtml1/css-flexbox-row-reverse.xht 7d6c951b7d2a9a20aec2dae97cf647a7542fd97c ? -html/css-flexbox-row-wrap-reverse.htm 3de913d4d90d2452743b0b92d15a212215e1db4a ? -xhtml1/css-flexbox-row-wrap-reverse.xht 3de913d4d90d2452743b0b92d15a212215e1db4a ? -html/css-flexbox-row-wrap.htm 406a4ac39fbf0910cc734e4fa2c2d95d441cbf2a ? -xhtml1/css-flexbox-row-wrap.xht 406a4ac39fbf0910cc734e4fa2c2d95d441cbf2a ? -html/css-flexbox-row.htm c2fdd1f935ea17ca5c3ef860a2b39c9040c2b032 ? -xhtml1/css-flexbox-row.xht c2fdd1f935ea17ca5c3ef860a2b39c9040c2b032 ? +html/css-flexbox-row-reverse-wrap-reverse.htm 01014629935eb4a0926836e06888db388ed75ff7 ? +xhtml1/css-flexbox-row-reverse-wrap-reverse.xht 01014629935eb4a0926836e06888db388ed75ff7 ? +html/css-flexbox-row-reverse-wrap.htm af5da24a6d34f820f9208e2d02eecedc044a7859 ? +xhtml1/css-flexbox-row-reverse-wrap.xht af5da24a6d34f820f9208e2d02eecedc044a7859 ? +html/css-flexbox-row-reverse.htm 0cc3d0f04358dfedc826c7185067510092468290 ? +xhtml1/css-flexbox-row-reverse.xht 0cc3d0f04358dfedc826c7185067510092468290 ? +html/css-flexbox-row-wrap-reverse.htm a317095a9cf1aa23dfdc9105c21f7567b4dde075 ? +xhtml1/css-flexbox-row-wrap-reverse.xht a317095a9cf1aa23dfdc9105c21f7567b4dde075 ? +html/css-flexbox-row-wrap.htm 0ea199bc95c19bfdd73497a22bf49819b4b23d59 ? +xhtml1/css-flexbox-row-wrap.xht 0ea199bc95c19bfdd73497a22bf49819b4b23d59 ? +html/css-flexbox-row.htm 2095a3cec191a88ee70b6fa4f9186cc94aba326b ? +xhtml1/css-flexbox-row.xht 2095a3cec191a88ee70b6fa4f9186cc94aba326b ? html/different-block-flow-dir-001.htm 3d33662be593c9a71770ab85e04c5f8e9721aac3 ? xhtml1/different-block-flow-dir-001.xht 3d33662be593c9a71770ab85e04c5f8e9721aac3 ? html/different-block-flow-dir-002.htm dfa3d81dda50b5a39e2a1b98d268841d7af8fd32 ? @@ -1133,8 +1133,8 @@ html/float-vrl-010.htm eba1fed0beacc51e0ce57c561038bc74ebca21c9 ? xhtml1/float-vrl-010.xht eba1fed0beacc51e0ce57c561038bc74ebca21c9 ? html/float-vrl-012.htm 167d7246493ce26814aa6caba860ea898569f7bc ? xhtml1/float-vrl-012.xht 167d7246493ce26814aa6caba860ea898569f7bc ? -html/form-controls-vert-rl-004.htm 55f1a010d3b5d51bba07822f206228b170782c0c ? -xhtml1/form-controls-vert-rl-004.xht 55f1a010d3b5d51bba07822f206228b170782c0c ? +html/form-controls-vert-rl-004.htm b90c89e4a88c32da8126ee0c818b1df1287aa46a ? +xhtml1/form-controls-vert-rl-004.xht b90c89e4a88c32da8126ee0c818b1df1287aa46a ? html/form-controls-vert-rl-005.htm 76cacb867c752913e51f52b6a19d9c0f9d55e080 ? xhtml1/form-controls-vert-rl-005.xht 76cacb867c752913e51f52b6a19d9c0f9d55e080 ? html/full-width-001.htm a2c91fc3cd710179c048b7e6e34ad24c68f56ae7 ? @@ -1155,20 +1155,18 @@ html/horizontal-rule-vrl-002.htm 3bf5bbb3bbb172c806b28ffa7a8b231b8e97918a ? xhtml1/horizontal-rule-vrl-002.xht 3bf5bbb3bbb172c806b28ffa7a8b231b8e97918a ? html/horizontal-rule-vrl-004.htm 14da7156297d3627b6ed03de8cb83fe63b851ea9 ? xhtml1/horizontal-rule-vrl-004.xht 14da7156297d3627b6ed03de8cb83fe63b851ea9 ? -html/inline-block-alignment-002.htm b93f39f73d1a2639f5ab2b25a07a2749558142d1 ? -xhtml1/inline-block-alignment-002.xht b93f39f73d1a2639f5ab2b25a07a2749558142d1 ? -html/inline-block-alignment-003.htm 132f5e6d8e244e6acf61cd929f59d15801085fbb ? -xhtml1/inline-block-alignment-003.xht 132f5e6d8e244e6acf61cd929f59d15801085fbb ? -html/inline-block-alignment-004.htm f254f9b4e72bd5cfdff0411c9ed832c0d7c437ef ? -xhtml1/inline-block-alignment-004.xht f254f9b4e72bd5cfdff0411c9ed832c0d7c437ef ? -html/inline-block-alignment-005.htm f22e9acf9997492e59bf06af71f147cf3a7ef60b ? -xhtml1/inline-block-alignment-005.xht f22e9acf9997492e59bf06af71f147cf3a7ef60b ? -html/inline-block-alignment-006.htm d331ddb7afc3bbe931b343cfec50b6f142a10f55 ? -xhtml1/inline-block-alignment-006.xht d331ddb7afc3bbe931b343cfec50b6f142a10f55 ? -html/inline-block-alignment-007.htm 6a9ee7d303ff1d49a6841edfb93f3abe04297ec7 ? -xhtml1/inline-block-alignment-007.xht 6a9ee7d303ff1d49a6841edfb93f3abe04297ec7 ? -html/inline-block-alignment-008.htm 0c74b7bbf813193c08885b3d85823e5a2b4fb435 ? -xhtml1/inline-block-alignment-008.xht 0c74b7bbf813193c08885b3d85823e5a2b4fb435 ? +html/inline-block-alignment-002.htm b2e78cfd22c01d1bc9f11956e0f4557d80575d7f ? +xhtml1/inline-block-alignment-002.xht b2e78cfd22c01d1bc9f11956e0f4557d80575d7f ? +html/inline-block-alignment-003.htm d7647e588b01fba800f62acfa2e05adc325f0819 ? +xhtml1/inline-block-alignment-003.xht d7647e588b01fba800f62acfa2e05adc325f0819 ? +html/inline-block-alignment-004.htm 72a2c479f89c577ea51ba811126bf8b7684c7cee ? +xhtml1/inline-block-alignment-004.xht 72a2c479f89c577ea51ba811126bf8b7684c7cee ? +html/inline-block-alignment-005.htm fe339fdfd90a9a0a2a7525655bdda3bfc83f62f7 ? +xhtml1/inline-block-alignment-005.xht fe339fdfd90a9a0a2a7525655bdda3bfc83f62f7 ? +html/inline-block-alignment-006.htm 3e7ef54d69fd5eabf807ed15bc3167d0d8ed1cdb ? +xhtml1/inline-block-alignment-006.xht 3e7ef54d69fd5eabf807ed15bc3167d0d8ed1cdb ? +html/inline-block-alignment-007.htm d125533103fbe5fe4ce3f7fcf9af7fb242502b57 ? +xhtml1/inline-block-alignment-007.xht d125533103fbe5fe4ce3f7fcf9af7fb242502b57 ? html/inline-block-alignment-orthogonal-vlr-003.htm b6891512aa507f9050101d960cf349889329fda3 ? xhtml1/inline-block-alignment-orthogonal-vlr-003.xht b6891512aa507f9050101d960cf349889329fda3 ? html/inline-block-alignment-orthogonal-vlr-005.htm 843d64f690c7eb68c0dd96bdca4cbec3484b13c5 ? @@ -1385,22 +1383,22 @@ html/table-column-order-004.htm d6e85e267481db8e23e8e2c7dd3a3e7ae11703e6 ? xhtml1/table-column-order-004.xht d6e85e267481db8e23e8e2c7dd3a3e7ae11703e6 ? html/table-column-order-005.htm 5c5f4e626e4aaeae7387fe8e37beb1be49196e3c ? xhtml1/table-column-order-005.xht 5c5f4e626e4aaeae7387fe8e37beb1be49196e3c ? -html/table-progression-001-vlr.htm 3d990116dcd4f61ef7a083f182336a148522c6f6 ? -xhtml1/table-progression-001-vlr.xht 3d990116dcd4f61ef7a083f182336a148522c6f6 ? -html/table-progression-001-vrl.htm a2cfa3ea3f4587ab1f29bf6e64d86451c5ee540c ? -xhtml1/table-progression-001-vrl.xht a2cfa3ea3f4587ab1f29bf6e64d86451c5ee540c ? -html/table-progression-002-vlr.htm fd3e508ce84a5da3ab44d2007a9b8cd35c30f056 ? -xhtml1/table-progression-002-vlr.xht fd3e508ce84a5da3ab44d2007a9b8cd35c30f056 ? -html/table-progression-002-vrl.htm 7617584bc390068d0d6d40a69a0690bef997290f ? -xhtml1/table-progression-002-vrl.xht 7617584bc390068d0d6d40a69a0690bef997290f ? -html/table-progression-003-vlr.htm b882c0e0cc176c9f707b2e1c1aaabb1309c56e21 ? -xhtml1/table-progression-003-vlr.xht b882c0e0cc176c9f707b2e1c1aaabb1309c56e21 ? -html/table-progression-003-vrl.htm 376077cdb936c0b77681cee567127052996942a3 ? -xhtml1/table-progression-003-vrl.xht 376077cdb936c0b77681cee567127052996942a3 ? -html/table-progression-004-vlr.htm 7107f58463da705ffa82973649489e4dd99f9b8d ? -xhtml1/table-progression-004-vlr.xht 7107f58463da705ffa82973649489e4dd99f9b8d ? -html/table-progression-004-vrl.htm 7bfe32d85901c7f8679b5d1897fdfa8d8071b410 ? -xhtml1/table-progression-004-vrl.xht 7bfe32d85901c7f8679b5d1897fdfa8d8071b410 ? +html/table-progression-vlr-001.htm 401f8eb3e2ee5bb76005f18b876ad15312e36f23 ? +xhtml1/table-progression-vlr-001.xht 401f8eb3e2ee5bb76005f18b876ad15312e36f23 ? +html/table-progression-vlr-002.htm 443f8504e53d242cbfb638187617e29f70f70bef ? +xhtml1/table-progression-vlr-002.xht 443f8504e53d242cbfb638187617e29f70f70bef ? +html/table-progression-vlr-003.htm 2ee0222ec3a8473737329fe6c0ad0ed95443f70e ? +xhtml1/table-progression-vlr-003.xht 2ee0222ec3a8473737329fe6c0ad0ed95443f70e ? +html/table-progression-vlr-004.htm 4fa06cb857a654f7a5dac6907587159ee21fd869 ? +xhtml1/table-progression-vlr-004.xht 4fa06cb857a654f7a5dac6907587159ee21fd869 ? +html/table-progression-vrl-001.htm d48fdd35ef79b9d1b50ce0893c7e8c37f12e4a80 ? +xhtml1/table-progression-vrl-001.xht d48fdd35ef79b9d1b50ce0893c7e8c37f12e4a80 ? +html/table-progression-vrl-002.htm b17327959e48075e06bfa0f38b71d3921e5a0198 ? +xhtml1/table-progression-vrl-002.xht b17327959e48075e06bfa0f38b71d3921e5a0198 ? +html/table-progression-vrl-003.htm 063b2d25fe7eba175b2e0f43d67b5b4c63b5be29 ? +xhtml1/table-progression-vrl-003.xht 063b2d25fe7eba175b2e0f43d67b5b4c63b5be29 ? +html/table-progression-vrl-004.htm 2ae9c2a2b820c260fec5c98d169601dc998775bc ? +xhtml1/table-progression-vrl-004.xht 2ae9c2a2b820c260fec5c98d169601dc998775bc ? html/text-align-vlr-003.htm 0bee51c71e26719152960da53a881fbe5aa11d7d ? xhtml1/text-align-vlr-003.xht 0bee51c71e26719152960da53a881fbe5aa11d7d ? html/text-align-vlr-005.htm 5575d1e1f921175cbaaaed50c5f29339751478bb ? @@ -1437,18 +1435,18 @@ html/text-align-vrl-016.htm aa022d161e162cf0c2bc00be399ce9fc39c036bb ? xhtml1/text-align-vrl-016.xht aa022d161e162cf0c2bc00be399ce9fc39c036bb ? html/text-align-vrl-018.htm d563a03c7b8092d0cbfd3c92183d10bba8333354 ? xhtml1/text-align-vrl-018.xht d563a03c7b8092d0cbfd3c92183d10bba8333354 ? -html/text-baseline-002.htm b2cbe4b33d0516adaf84039e9ac960dcd12ae146 ? -xhtml1/text-baseline-002.xht b2cbe4b33d0516adaf84039e9ac960dcd12ae146 ? -html/text-baseline-003.htm d0ca5e914cec79392eb0765097a9c84823dbcd4e ? -xhtml1/text-baseline-003.xht d0ca5e914cec79392eb0765097a9c84823dbcd4e ? -html/text-baseline-004.htm be0d1d66d857686701293217905e62ea9857f9c2 ? -xhtml1/text-baseline-004.xht be0d1d66d857686701293217905e62ea9857f9c2 ? -html/text-baseline-005.htm d447b06a2b6068a416b6df35e5cb0e365948b695 ? -xhtml1/text-baseline-005.xht d447b06a2b6068a416b6df35e5cb0e365948b695 ? -html/text-baseline-006.htm c1ca241edb6288a98305d1aacd16c3e4edbda986 ? -xhtml1/text-baseline-006.xht c1ca241edb6288a98305d1aacd16c3e4edbda986 ? -html/text-baseline-007.htm 888e1405950e351c9e24b5015629cbfb899cdbd5 ? -xhtml1/text-baseline-007.xht 888e1405950e351c9e24b5015629cbfb899cdbd5 ? +html/text-baseline-002.htm 7425b56caf0b0f236a4cd5c90f9e93f45fb29f54 ? +xhtml1/text-baseline-002.xht 7425b56caf0b0f236a4cd5c90f9e93f45fb29f54 ? +html/text-baseline-003.htm 63eaf4e7b86e7523558aab396ed512c9ce17c048 ? +xhtml1/text-baseline-003.xht 63eaf4e7b86e7523558aab396ed512c9ce17c048 ? +html/text-baseline-004.htm 57ee15d165f0fec44fbf7f1d45a6ffdd1f394dac ? +xhtml1/text-baseline-004.xht 57ee15d165f0fec44fbf7f1d45a6ffdd1f394dac ? +html/text-baseline-005.htm 8cc7d13823e35e96e42f5ef774531f6e9030f2a2 ? +xhtml1/text-baseline-005.xht 8cc7d13823e35e96e42f5ef774531f6e9030f2a2 ? +html/text-baseline-006.htm 86df2740c515deaa2356a703049f68c71ae26176 ? +xhtml1/text-baseline-006.xht 86df2740c515deaa2356a703049f68c71ae26176 ? +html/text-baseline-007.htm 51843b9b15971e6a2c8273f835b3d4eb64f9957f ? +xhtml1/text-baseline-007.xht 51843b9b15971e6a2c8273f835b3d4eb64f9957f ? html/text-combine-upright-decorations-001.htm 280af6570701711000e9512d0fa55c267724d9ae ? xhtml1/text-combine-upright-decorations-001.xht 280af6570701711000e9512d0fa55c267724d9ae ? html/text-combine-upright-inherit-all-001.htm 71bf076146439091e171f37da2984ca1dcdca01e ? @@ -1495,18 +1493,18 @@ html/text-combine-upright-value-digits4-003.htm 48e63abff54988c1a6a75d6905010e19 xhtml1/text-combine-upright-value-digits4-003.xht 48e63abff54988c1a6a75d6905010e19544e470b ? html/text-combine-upright-value-none-001.htm 7ef71c72b96c6e7677f9da7bf26aa9ed2e3bc16a ? xhtml1/text-combine-upright-value-none-001.xht 7ef71c72b96c6e7677f9da7bf26aa9ed2e3bc16a ? -html/text-decoration-sidewaysright-vlr-003.htm b8157e3eff221eae825611d9d395b3069ecd1c9e ? -xhtml1/text-decoration-sidewaysright-vlr-003.xht b8157e3eff221eae825611d9d395b3069ecd1c9e ? -html/text-decoration-sidewaysright-vlr-005.htm 64b47c6284141431e3cf3faa31b16435b0a373db ? -xhtml1/text-decoration-sidewaysright-vlr-005.xht 64b47c6284141431e3cf3faa31b16435b0a373db ? -html/text-decoration-sidewaysright-vlr-007.htm de480c0eab1ff248f02e63abaaa7995612b49951 ? -xhtml1/text-decoration-sidewaysright-vlr-007.xht de480c0eab1ff248f02e63abaaa7995612b49951 ? -html/text-decoration-sidewaysright-vrl-002.htm a796cba474bda0970866ac0f82f0e921c6336903 ? -xhtml1/text-decoration-sidewaysright-vrl-002.xht a796cba474bda0970866ac0f82f0e921c6336903 ? -html/text-decoration-sidewaysright-vrl-004.htm 6fee6e48edc510405d043f8b70f16031631f07fc ? -xhtml1/text-decoration-sidewaysright-vrl-004.xht 6fee6e48edc510405d043f8b70f16031631f07fc ? -html/text-decoration-sidewaysright-vrl-006.htm b5e05dcae881933aa96e3866e33e5b2baca68395 ? -xhtml1/text-decoration-sidewaysright-vrl-006.xht b5e05dcae881933aa96e3866e33e5b2baca68395 ? +html/text-decoration-sideways-vlr-003.htm 9d5e6034bd6edb8632e23cfab0264a16767ea80a ? +xhtml1/text-decoration-sideways-vlr-003.xht 9d5e6034bd6edb8632e23cfab0264a16767ea80a ? +html/text-decoration-sideways-vlr-005.htm 4323efffe433a866e26c2bde543c357777df088b ? +xhtml1/text-decoration-sideways-vlr-005.xht 4323efffe433a866e26c2bde543c357777df088b ? +html/text-decoration-sideways-vlr-007.htm 7453c02e8585da36ef5536e8427ed9618911351f ? +xhtml1/text-decoration-sideways-vlr-007.xht 7453c02e8585da36ef5536e8427ed9618911351f ? +html/text-decoration-sideways-vrl-002.htm d177f41ed995236185091ef8bda136719c4b9739 ? +xhtml1/text-decoration-sideways-vrl-002.xht d177f41ed995236185091ef8bda136719c4b9739 ? +html/text-decoration-sideways-vrl-004.htm bf8be4a47a878755ed5292d0620818df28972071 ? +xhtml1/text-decoration-sideways-vrl-004.xht bf8be4a47a878755ed5292d0620818df28972071 ? +html/text-decoration-sideways-vrl-006.htm 1bd4f47ca18f01a1ac0e375ec8e488ccfc091f26 ? +xhtml1/text-decoration-sideways-vrl-006.xht 1bd4f47ca18f01a1ac0e375ec8e488ccfc091f26 ? html/text-decoration-upright-vlr-003.htm b0c69a4ea77b5cb1d5ce540079e449cb4bb9763d ? xhtml1/text-decoration-upright-vlr-003.xht b0c69a4ea77b5cb1d5ce540079e449cb4bb9763d ? html/text-decoration-upright-vlr-005.htm 1432c79edd09167ea46607cb14339d01c41f5c3b ? @@ -1555,50 +1553,48 @@ html/text-orientation-010.htm 4ecdbceff7397331c490f98d284800bf1fa125a2 ? xhtml1/text-orientation-010.xht 4ecdbceff7397331c490f98d284800bf1fa125a2 ? html/text-orientation-011.htm 1e2a7d34e5dbf3ae8ebe3191281f4ed36965d6a5 ? xhtml1/text-orientation-011.xht 1e2a7d34e5dbf3ae8ebe3191281f4ed36965d6a5 ? -html/text-orientation-012.htm 8438a0a844a186f9404cb0652f4449db4423ebfc ? -xhtml1/text-orientation-012.xht 8438a0a844a186f9404cb0652f4449db4423ebfc ? -html/text-orientation-014.htm a0903d5bb79322411670f822461accf377228350 ? -xhtml1/text-orientation-014.xht a0903d5bb79322411670f822461accf377228350 ? +html/text-orientation-014.htm 73b9926a3dc990d5c7d823927252cb8b7b59cb80 ? +xhtml1/text-orientation-014.xht 73b9926a3dc990d5c7d823927252cb8b7b59cb80 ? html/text-orientation-mixed-001.htm 851a369832d6705268ece34dbba1a79873c9b854 ? xhtml1/text-orientation-mixed-001.xht 851a369832d6705268ece34dbba1a79873c9b854 ? -html/text-orientation-parsing-001.htm 2b55d064547ea30e265d95a397fdf830587b6b77 ? -xhtml1/text-orientation-parsing-001.xht 2b55d064547ea30e265d95a397fdf830587b6b77 ? -html/text-orientation-script-001.htm b405bcfd0244c082fd8a19d9f3f13271d031c226 ? -xhtml1/text-orientation-script-001.xht b405bcfd0244c082fd8a19d9f3f13271d031c226 ? -html/text-orientation-script-001a.htm ce382caffa1da0d7da68fdef50eb490af6ff2812 ? -xhtml1/text-orientation-script-001a.xht ce382caffa1da0d7da68fdef50eb490af6ff2812 ? -html/text-orientation-script-001b.htm 99978702ea8d6da9edcf7dfd5056b7cbc3e4b27b ? -xhtml1/text-orientation-script-001b.xht 99978702ea8d6da9edcf7dfd5056b7cbc3e4b27b ? -html/text-orientation-script-001c.htm 4669e81cd94f71310d3660fc257919d18409efea ? -xhtml1/text-orientation-script-001c.xht 4669e81cd94f71310d3660fc257919d18409efea ? -html/text-orientation-script-001d.htm ee5303caca478161a53320556d015d61972dab7f ? -xhtml1/text-orientation-script-001d.xht ee5303caca478161a53320556d015d61972dab7f ? -html/text-orientation-script-001e.htm 615ca9699293e9e7e1b7c2baa44f7733acbb766d ? -xhtml1/text-orientation-script-001e.xht 615ca9699293e9e7e1b7c2baa44f7733acbb766d ? -html/text-orientation-script-001f.htm f6d4cb5ac9a0e9e65937cddaea5309655b13211d ? -xhtml1/text-orientation-script-001f.xht f6d4cb5ac9a0e9e65937cddaea5309655b13211d ? -html/text-orientation-script-001g.htm 6689fcfa2c86a5218991ec7bca1fd3d3b019b552 ? -xhtml1/text-orientation-script-001g.xht 6689fcfa2c86a5218991ec7bca1fd3d3b019b552 ? -html/text-orientation-script-001h.htm 30ff5d1c9fd47f798afea5ab9f86c770bda33f0e ? -xhtml1/text-orientation-script-001h.xht 30ff5d1c9fd47f798afea5ab9f86c770bda33f0e ? -html/text-orientation-script-001i.htm 1ae65c98aa6fd22dc665efb229d6175f6bc54019 ? -xhtml1/text-orientation-script-001i.xht 1ae65c98aa6fd22dc665efb229d6175f6bc54019 ? -html/text-orientation-script-001j.htm 4dd50b939e04471b105246f82c9264750b74de83 ? -xhtml1/text-orientation-script-001j.xht 4dd50b939e04471b105246f82c9264750b74de83 ? -html/text-orientation-script-001k.htm 07519d82c5a85d0f62e2db763d66d9acf766fb70 ? -xhtml1/text-orientation-script-001k.xht 07519d82c5a85d0f62e2db763d66d9acf766fb70 ? -html/text-orientation-script-001l.htm 0b842056a68797e0a12ba7cffb4b4afc6f1e9be5 ? -xhtml1/text-orientation-script-001l.xht 0b842056a68797e0a12ba7cffb4b4afc6f1e9be5 ? -html/text-orientation-script-001m.htm 24dd6e5df9229834b0b3e78ff48bcfa205c400e1 ? -xhtml1/text-orientation-script-001m.xht 24dd6e5df9229834b0b3e78ff48bcfa205c400e1 ? -html/text-orientation-script-001n.htm 75668b8433dbbb2bc2e62fd4bf2445560c858453 ? -xhtml1/text-orientation-script-001n.xht 75668b8433dbbb2bc2e62fd4bf2445560c858453 ? -html/text-orientation-script-001o.htm ad390d60dd518de633056d1bd59900406d4d23e8 ? -xhtml1/text-orientation-script-001o.xht ad390d60dd518de633056d1bd59900406d4d23e8 ? -html/text-orientation-sideways-001.htm 0e563a3b93880c751ed081529a4200309bbd2af2 ? -xhtml1/text-orientation-sideways-001.xht 0e563a3b93880c751ed081529a4200309bbd2af2 ? -html/text-orientation-sideways-right-001.htm d9d0c11c8add7eaeca3c4895c0b41f1b64808d68 ? -xhtml1/text-orientation-sideways-right-001.xht d9d0c11c8add7eaeca3c4895c0b41f1b64808d68 ? +html/text-orientation-parsing-001.htm 1de93e81798548a8c094751021c6bfd09d204700 ? +xhtml1/text-orientation-parsing-001.xht 1de93e81798548a8c094751021c6bfd09d204700 ? +html/text-orientation-parsing-sideways-right-001.htm 467f926e5646149f727d9115633a469321712cca ? +xhtml1/text-orientation-parsing-sideways-right-001.xht 467f926e5646149f727d9115633a469321712cca ? +html/text-orientation-script-001.htm 5a4264d54b6138cb217baa753502a6d61297da82 ? +xhtml1/text-orientation-script-001.xht 5a4264d54b6138cb217baa753502a6d61297da82 ? +html/text-orientation-script-001a.htm 8859171c4beec8970845227b3111074bb2d00774 ? +xhtml1/text-orientation-script-001a.xht 8859171c4beec8970845227b3111074bb2d00774 ? +html/text-orientation-script-001b.htm 001b73a37bca65aab827a6df09f0f56e56cad8d0 ? +xhtml1/text-orientation-script-001b.xht 001b73a37bca65aab827a6df09f0f56e56cad8d0 ? +html/text-orientation-script-001c.htm 0b91027b17ee6cec62c80898f7cf5556d847c914 ? +xhtml1/text-orientation-script-001c.xht 0b91027b17ee6cec62c80898f7cf5556d847c914 ? +html/text-orientation-script-001d.htm 9e1583be06a31c1511ff31ba5b99a46c0b7e950a ? +xhtml1/text-orientation-script-001d.xht 9e1583be06a31c1511ff31ba5b99a46c0b7e950a ? +html/text-orientation-script-001e.htm 7e926d2892cbd70c5d7227af61000868fd458e4a ? +xhtml1/text-orientation-script-001e.xht 7e926d2892cbd70c5d7227af61000868fd458e4a ? +html/text-orientation-script-001f.htm b1a179cdd9a0e340b4790a5653ea0a65923b5006 ? +xhtml1/text-orientation-script-001f.xht b1a179cdd9a0e340b4790a5653ea0a65923b5006 ? +html/text-orientation-script-001g.htm d08dec0834d7111ab4eb77bda4a21d1de8279e4a ? +xhtml1/text-orientation-script-001g.xht d08dec0834d7111ab4eb77bda4a21d1de8279e4a ? +html/text-orientation-script-001h.htm 13b1718fd1b32fdb9223e3413499a2b3ebeca4bd ? +xhtml1/text-orientation-script-001h.xht 13b1718fd1b32fdb9223e3413499a2b3ebeca4bd ? +html/text-orientation-script-001i.htm 4e2c6a5bc65b4a4e979842b737607bdf2a6f90d1 ? +xhtml1/text-orientation-script-001i.xht 4e2c6a5bc65b4a4e979842b737607bdf2a6f90d1 ? +html/text-orientation-script-001j.htm 82517abe0ce5122441a8f48c86abdc128ed8ba76 ? +xhtml1/text-orientation-script-001j.xht 82517abe0ce5122441a8f48c86abdc128ed8ba76 ? +html/text-orientation-script-001k.htm fec1e6c942eedc2f6819732139031d0aa1b4d010 ? +xhtml1/text-orientation-script-001k.xht fec1e6c942eedc2f6819732139031d0aa1b4d010 ? +html/text-orientation-script-001l.htm c97b61bd3a537547c31ba647a13665f31e222601 ? +xhtml1/text-orientation-script-001l.xht c97b61bd3a537547c31ba647a13665f31e222601 ? +html/text-orientation-script-001m.htm e391070b992546bae4274cb1fc09a590ffbf26c6 ? +xhtml1/text-orientation-script-001m.xht e391070b992546bae4274cb1fc09a590ffbf26c6 ? +html/text-orientation-script-001n.htm 8993889414b6ffbe199e17e820d0b7c1b3a1cd02 ? +xhtml1/text-orientation-script-001n.xht 8993889414b6ffbe199e17e820d0b7c1b3a1cd02 ? +html/text-orientation-script-001o.htm 1a717f6bfd17124696e2e012a26ae1ce94ecbf57 ? +xhtml1/text-orientation-script-001o.xht 1a717f6bfd17124696e2e012a26ae1ce94ecbf57 ? +html/text-orientation-sideways-001.htm d1d9b931c735b904d2b2d42012c8b03359ca33a8 ? +xhtml1/text-orientation-sideways-001.xht d1d9b931c735b904d2b2d42012c8b03359ca33a8 ? html/text-orientation-upright-001.htm 1d7c80ad3f6eb357a1dd9ef0261dba63dcf971a1 ? xhtml1/text-orientation-upright-001.xht 1d7c80ad3f6eb357a1dd9ef0261dba63dcf971a1 ? html/underline-font-size-vlr-003.htm 2ed0dce303004a098525b1c0aa2008df639643ea ? @@ -1667,6 +1663,24 @@ html/vertical-alignment-008.htm e59d282df581512d3263e9b22972d82c334db836 ? xhtml1/vertical-alignment-008.xht e59d282df581512d3263e9b22972d82c334db836 ? html/vertical-alignment-009.htm 5036b5e9d0d8ae513c39237eeddfbcb235f19871 ? xhtml1/vertical-alignment-009.xht 5036b5e9d0d8ae513c39237eeddfbcb235f19871 ? +html/vertical-alignment-vrl-010.htm 18973d8b3c6da1ce07b81dd028a56c0e8bacb082 ? +xhtml1/vertical-alignment-vrl-010.xht 18973d8b3c6da1ce07b81dd028a56c0e8bacb082 ? +html/vertical-alignment-vrl-012.htm b2d02d2efefde1f56a277d0cd0ba65e11ae3097b ? +xhtml1/vertical-alignment-vrl-012.xht b2d02d2efefde1f56a277d0cd0ba65e11ae3097b ? +html/vertical-alignment-vrl-014.htm e9a0506f14e1eee7a4b05a9ea24ed230e5922bd2 ? +xhtml1/vertical-alignment-vrl-014.xht e9a0506f14e1eee7a4b05a9ea24ed230e5922bd2 ? +html/vertical-alignment-vrl-016.htm 82308fb56104b4d673b1d59c18e975f78fbdb3f1 ? +xhtml1/vertical-alignment-vrl-016.xht 82308fb56104b4d673b1d59c18e975f78fbdb3f1 ? +html/vertical-alignment-vrl-018.htm 7e7e14382efae5767eecdb45ff697dff5e54688d ? +xhtml1/vertical-alignment-vrl-018.xht 7e7e14382efae5767eecdb45ff697dff5e54688d ? +html/vertical-alignment-vrl-020.htm 015c20befc16f691e32515ac377698c473da65e5 ? +xhtml1/vertical-alignment-vrl-020.xht 015c20befc16f691e32515ac377698c473da65e5 ? +html/vertical-alignment-vrl-022.htm c831bb6084a1e44cb93d20880f3c3e3efd446581 ? +xhtml1/vertical-alignment-vrl-022.xht c831bb6084a1e44cb93d20880f3c3e3efd446581 ? +html/vertical-alignment-vrl-024.htm c934e3bd41a2a8c605b5752b1f577c654cb83822 ? +xhtml1/vertical-alignment-vrl-024.xht c934e3bd41a2a8c605b5752b1f577c654cb83822 ? +html/vertical-alignment-vrl-026.htm 7a26be3255ca5f516f5fc18e3892498f1a8523b7 ? +xhtml1/vertical-alignment-vrl-026.xht 7a26be3255ca5f516f5fc18e3892498f1a8523b7 ? html/writing-mode-horizontal-001l.htm 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da ? xhtml1/writing-mode-horizontal-001l.xht 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da ? html/writing-mode-horizontal-001r.htm 946a8be6f47e1cdc7ca7539e48e9964bd77c9ba9 ? @@ -1677,10 +1691,8 @@ html/writing-mode-parsing-sideways-lr-001.htm 736e57b0c6f1a92b2a614374db49a3be98 xhtml1/writing-mode-parsing-sideways-lr-001.xht 736e57b0c6f1a92b2a614374db49a3be98722285 ? html/writing-mode-parsing-sideways-rl-001.htm 182103682044156866012dcbd0c99a3ba7f9d476 ? xhtml1/writing-mode-parsing-sideways-rl-001.xht 182103682044156866012dcbd0c99a3ba7f9d476 ? -html/writing-mode-parsing-svg1-001.htm 59078fb44bac8bb24a70bd659736dbd9f2336a53 ? -xhtml1/writing-mode-parsing-svg1-001.xht 59078fb44bac8bb24a70bd659736dbd9f2336a53 ? -html/writing-mode-parsing-svg1-002.htm 5d2b3993581f96859e92c444d2fc7083a42f2236 ? -xhtml1/writing-mode-parsing-svg1-002.xht 5d2b3993581f96859e92c444d2fc7083a42f2236 ? +html/writing-mode-parsing-svg1-001.htm ce2637b4c3b5c62aa8fbfc18d7e8ab9ce4107a12 ? +xhtml1/writing-mode-parsing-svg1-001.xht ce2637b4c3b5c62aa8fbfc18d7e8ab9ce4107a12 ? html/writing-mode-stretch-001.htm b39073243c9598d184c1f6efc298247a42f34aea ? xhtml1/writing-mode-stretch-001.xht b39073243c9598d184c1f6efc298247a42f34aea ? html/writing-mode-vertical-lr-002.htm 2368493f74f4795b81bbe06bcdc4e41617b7a97f ? diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data b/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data index cf95b5dd086..81ebfb88f5d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data @@ -488,12 +488,12 @@ clip-rect-vrl-010 reference/clip-rect-vrl-010-ref 'clip: rect()' in 'vertical-rl clip-rect-vrl-012 reference/clip-rect-vrl-012-ref 'clip: rect()' in 'vertical-rl' writing-mode (non-orthogonal) image http://www.w3.org/TR/css-writing-modes-3/#physical-only 958e294000bde628e565b6b743d47b9ce2be6d64 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'clip: rect(0px, 100px, 50px, 50px)' set to an image in a 'writing-mode: vertical-rl' document will make invisible the region outside the top-right corner of such image. clip-rect-vrl-014 reference/clip-rect-vrl-014-ref 'clip: rect()' in 'vertical-rl' writing-mode (non-orthogonal) image http://www.w3.org/TR/css-writing-modes-3/#physical-only 44fdb637a990b4c84dc24786151db1e4048f57d8 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'clip: rect(50px, 50px, 100px, 0px)' set to an image in a 'writing-mode: vertical-rl' document will make invisible the region outside the bottom-left corner of such image. clip-rect-vrl-016 reference/clip-rect-vrl-016-ref 'clip: rect()' in 'vertical-rl' writing-mode (non-orthogonal) image http://www.w3.org/TR/css-writing-modes-3/#physical-only 691b8c06c8ed77f9a051d9d0bf39f721ded61c79 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'clip: rect(50px, 100px, 100px, 50px)' set to an image in a 'writing-mode: vertical-rl' document will make invisible the region outside the bottom-right corner of such image. -css-flexbox-row reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode c2fdd1f935ea17ca5c3ef860a2b39c9040c2b032 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical. -css-flexbox-row-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 7d6c951b7d2a9a20aec2dae97cf647a7542fd97c `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse, the flex container is vertical. -css-flexbox-row-reverse-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 45362cab6ef4ccddc48442ef7c30cfdbc4d7b68f `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse wrap, the flex container is vertical. -css-flexbox-row-reverse-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode ae71f495e9b7a0b872b7404e8d13546220a99b9c `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse wrap-reverse, the flex container is vertical. -css-flexbox-row-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 406a4ac39fbf0910cc734e4fa2c2d95d441cbf2a `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical. -css-flexbox-row-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 3de913d4d90d2452743b0b92d15a212215e1db4a `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row wrap-reverse, the flex container is vertical. +css-flexbox-row reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 2095a3cec191a88ee70b6fa4f9186cc94aba326b `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row, the flex container is vertical. +css-flexbox-row-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 0cc3d0f04358dfedc826c7185067510092468290 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse, the flex container is vertical. +css-flexbox-row-reverse-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode af5da24a6d34f820f9208e2d02eecedc044a7859 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse wrap, the flex container is vertical. +css-flexbox-row-reverse-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 01014629935eb4a0926836e06888db388ed75ff7 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row-reverse wrap-reverse, the flex container is vertical. +css-flexbox-row-wrap reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 0ea199bc95c19bfdd73497a22bf49819b4b23d59 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row wrap, the flex container is vertical. +css-flexbox-row-wrap-reverse reference/css-flexbox-row-ref flex direction: row, writing mode vertical http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow,http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode a317095a9cf1aa23dfdc9105c21f7567b4dde075 `Tsutomu ogaoga Ogasawara`<mailto:info@ogaoga.org> Test checks that when writing mode is vertical and flex-flow: row wrap-reverse, the flex container is vertical. different-block-flow-dir-001 reference/ref-filled-green-100px-square descendant inline with a different 'writing-mode' value http://www.w3.org/TR/css-writing-modes-3/#writing-mode 3d33662be593c9a71770ab85e04c5f8e9721aac3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that if an inline box has a different block flow direction than its containing block then its display computes to 'inline-block' in which case its specified width and specified height are not ignored and have to be rendered. different-block-flow-dir-002 reference/ref-filled-green-100px-square descendant inline with a different 'writing-mode' value http://www.w3.org/TR/css-writing-modes-3/#writing-mode dfa3d81dda50b5a39e2a1b98d268841d7af8fd32 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that if an inline box has a different block flow direction than its containing block then its display computes to 'inline-block' in which case its specified width and specified height are not ignored and have to be rendered. direction-001 reference/direction-001-ref Direction set to 'ltr' http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/CSS21/visuren.html#propdef-direction,http://www.w3.org/TR/CSS21/visuren.html#direction 5c033add1932eaf0595c610990a862bf6a6a3bdb `Microsoft`<http://www.microsoft.com/> The 'direction' property set to 'ltr' sets the direction of an element to left-to-right. @@ -564,7 +564,7 @@ float-vrl-006 reference/ref-filled-green-100px-square 'float: left' in a 'vertic float-vrl-008 reference/ref-filled-green-100px-square 'float: left' in a 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout f5b04691b879056d9183c6e5459d621f58c0662a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a floated left box in a containing block with 'writing-mode' set to 'vertical-rl' will be floated at the line-left side of its line box. float-vrl-010 reference/ref-filled-green-100px-square 'float: left' and 'float: right' in a 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout eba1fed0beacc51e0ce57c561038bc74ebca21c9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a floated left box and a floated right box in a containing block with 'writing-mode' set to 'vertical-rl' will be respectively floated at the line-left side of its line box and floated at line-right of its line box. float-vrl-012 reference/ref-filled-green-100px-square 'float: left' and 'float: right' in a 'vertical-rl' block formating context (basic) ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 167d7246493ce26814aa6caba860ea898569f7bc `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a floated left box and a floated right box in a containing block with 'writing-mode' set to 'vertical-rl' will be respectively floated at the line-left side of its line box and floated at line-right of its line box. -form-controls-vert-rl-004 order, orientation and layout of form controls in 'vertical-rl' writing-mode image,should http://www.w3.org/TR/css-writing-modes-3/#writing-mode 55f1a010d3b5d51bba07822f206228b170782c0c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1. +form-controls-vert-rl-004 order, orientation and layout of form controls in 'vertical-rl' writing-mode image,should http://www.w3.org/TR/css-writing-modes-3/#writing-mode b90c89e4a88c32da8126ee0c818b1df1287aa46a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1. form-controls-vert-rl-005 form controls in 'vertical-rl' writing-mode should http://www.w3.org/TR/css-writing-modes-3/#writing-mode 76cacb867c752913e51f52b6a19d9c0f9d55e080 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left. full-width-001 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth a2c91fc3cd710179c048b7e6e34ad24c68f56ae7 `Masataka Yakura`<http://google.com/+MasatakaYakura> When two or more full-width characters are combined, they are first converted to non-full-width characters. full-width-002 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width d3899bb9aac8c47ec60d90d6ece293c343e3d978 `Masataka Yakura`<http://google.com/+MasatakaYakura> When two or more full-width characters are combined, they are first converted to non-full-width characters. @@ -575,13 +575,12 @@ horizontal-rule-vlr-003 reference/horizontal-rule-vlr-003-ref horizontal rule - horizontal-rule-vlr-005 reference/horizontal-rule-vrl-004-ref horizontal rule - 'vertical-lr' http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 6f5f57495bcbc441c3eafb695347e47d5c5ec496 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an horizontal rule (<hr> element) with 'vertical-lr' writing-mode but inside an 'horizontal-tb' writing-mode context must be rendered as an horizontal rule. horizontal-rule-vrl-002 reference/horizontal-rule-vrl-002-ref horizontal rule - 'vertical-rl' and orthogonal flow image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 3bf5bbb3bbb172c806b28ffa7a8b231b8e97918a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an horizontal rule (<hr> element) in 'vertical-rl' writing-mode must be rendered as a vertical rule. horizontal-rule-vrl-004 reference/horizontal-rule-vrl-004-ref horizontal rule - 'vertical-rl' http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 14da7156297d3627b6ed03de8cb83fe63b851ea9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that an horizontal rule (<hr> element) with 'vertical-rl' writing-mode but inside an 'horizontal-tb' writing-mode context must be rendered as an horizontal rule. -inline-block-alignment-002 reference/inline-block-alignment-002-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes b93f39f73d1a2639f5ab2b25a07a2749558142d1 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. -inline-block-alignment-003 reference/inline-block-alignment-003-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 132f5e6d8e244e6acf61cd929f59d15801085fbb `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. -inline-block-alignment-004 reference/inline-block-alignment-002-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes f254f9b4e72bd5cfdff0411c9ed832c0d7c437ef `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. -inline-block-alignment-005 reference/inline-block-alignment-003-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes f22e9acf9997492e59bf06af71f147cf3a7ef60b `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. -inline-block-alignment-006 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes d331ddb7afc3bbe931b343cfec50b6f142a10f55 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. -inline-block-alignment-007 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 6a9ee7d303ff1d49a6841edfb93f3abe04297ec7 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. -inline-block-alignment-008 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 0c74b7bbf813193c08885b3d85823e5a2b4fb435 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline. +inline-block-alignment-002 reference/inline-block-alignment-002-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes b2e78cfd22c01d1bc9f11956e0f4557d80575d7f `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. +inline-block-alignment-003 reference/inline-block-alignment-003-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes d7647e588b01fba800f62acfa2e05adc325f0819 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. +inline-block-alignment-004 reference/inline-block-alignment-002-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 72a2c479f89c577ea51ba811126bf8b7684c7cee `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. +inline-block-alignment-005 reference/inline-block-alignment-003-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes fe339fdfd90a9a0a2a7525655bdda3bfc83f62f7 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. +inline-block-alignment-006 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 3e7ef54d69fd5eabf807ed15bc3167d0d8ed1cdb `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. +inline-block-alignment-007 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes d125533103fbe5fe4ce3f7fcf9af7fb242502b57 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. inline-block-alignment-orthogonal-vlr-003 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines b6891512aa507f9050101d960cf349889329fda3 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge. inline-block-alignment-orthogonal-vlr-005 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines 843d64f690c7eb68c0dd96bdca4cbec3484b13c5 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge. inline-block-alignment-orthogonal-vrl-002 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines 26492fc7f467f3d050af3de705b263f7ab7996eb `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge. @@ -690,14 +689,14 @@ table-column-order-002 reference/block-flow-direction-001-ref 'direction: rtl' - table-column-order-003 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-lr ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout e82ae71ac3541cfba3978ffe9d32d20b1ffcd13d `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that a table with 'writing-mode' set to 'vertical-lr' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom. table-column-order-004 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-rl ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout d6e85e267481db8e23e8e2c7dd3a3e7ae11703e6 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction. table-column-order-005 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-lr ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 5c5f4e626e4aaeae7387fe8e37beb1be49196e3c `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction. -table-progression-001-vlr table-progression-001-ref.orngtml vertical-lr Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 3d990116dcd4f61ef7a083f182336a148522c6f6 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups. -table-progression-001-vrl table-progression-001-ref.orngtml vertical-rl Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction a2cfa3ea3f4587ab1f29bf6e64d86451c5ee540c `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups. -table-progression-002-vlr table-progression-002-ref.orngtml vertical-lr Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction fd3e508ce84a5da3ab44d2007a9b8cd35c30f056 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups. -table-progression-002-vrl table-progression-002-ref.orngtml vertical-rl Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 7617584bc390068d0d6d40a69a0690bef997290f `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups. -table-progression-003-vlr table-progression-001-ref.orngtml vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation b882c0e0cc176c9f707b2e1c1aaabb1309c56e21 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright. -table-progression-003-vrl table-progression-001-ref.orngtml vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation 376077cdb936c0b77681cee567127052996942a3 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright. -table-progression-004-vlr table-progression-002-ref.orngtml vertical-lr upright orientation Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation 7107f58463da705ffa82973649489e4dd99f9b8d `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright. -table-progression-004-vrl table-progression-002-ref.orngtml vertical-rl upright orientation Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation 7bfe32d85901c7f8679b5d1897fdfa8d8071b410 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright. +table-progression-vlr-001 reference/table-progression-001-ref vertical-lr Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 401f8eb3e2ee5bb76005f18b876ad15312e36f23 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups. +table-progression-vlr-002 reference/table-progression-002-ref vertical-lr Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 443f8504e53d242cbfb638187617e29f70f70bef `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups. +table-progression-vlr-003 reference/table-progression-001-ref vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation 2ee0222ec3a8473737329fe6c0ad0ed95443f70e `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright. +table-progression-vlr-004 reference/table-progression-002-ref vertical-lr upright orientation Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation 4fa06cb857a654f7a5dac6907587159ee21fd869 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright. +table-progression-vrl-001 reference/table-progression-001-ref vertical-rl Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction d48fdd35ef79b9d1b50ce0893c7e8c37f12e4a80 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups. +table-progression-vrl-002 reference/table-progression-002-ref vertical-rl Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction b17327959e48075e06bfa0f38b71d3921e5a0198 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups. +table-progression-vrl-003 reference/table-progression-001-ref vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation 063b2d25fe7eba175b2e0f43d67b5b4c63b5be29 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright. +table-progression-vrl-004 reference/table-progression-002-ref vertical-rl upright orientation Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation 2ae9c2a2b820c260fec5c98d169601dc998775bc `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright. text-align-vlr-003 reference/ref-filled-green-100px-square 'text-align: left' - 'vertical-lr' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 0bee51c71e26719152960da53a881fbe5aa11d7d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> text-align-vlr-005 reference/ref-filled-green-100px-square 'text-align: left' - 'vertical-lr' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 5575d1e1f921175cbaaaed50c5f29339751478bb `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-align: left' aligns an inline box within a line box with respect to the line box's logical left side (line-left side). Here, 'direction: rtl' has no impact, no influence on such alignment. text-align-vlr-007 reference/ref-filled-green-100px-square 'text-align: left' - 'vertical-lr' and initial, default 'direction' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 79e2c585512ba21d7f31e4c4d2efc30abb3279b3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> @@ -716,12 +715,12 @@ text-align-vrl-012 reference/text-align-vrl-008-ref 'text-align: center' - 'vert text-align-vrl-014 reference/direction-vrl-002-ref 'text-align: right' - 'vertical-rl' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout ee7abad3095db81112f2d25c7a5b96b91b4c5976 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-align: right' aligns an inline box within a line box with respect to such line box's logical right side (line-right side). text-align-vrl-016 reference/direction-vrl-002-ref 'text-align: right' - 'vertical-rl' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout aa022d161e162cf0c2bc00be399ce9fc39c036bb `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-align: right' aligns an inline box within a line box with respect to the line box's logical right side (line-right side). Here, 'direction: rtl' has no impact, no influence on such alignment. text-align-vrl-018 reference/direction-vrl-002-ref 'text-align: right' - 'vertical-rl' and initial, default 'direction' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout d563a03c7b8092d0cbfd3c92183d10bba8333354 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-align: right' aligns an inline box within a line box with respect to such line box's logical right side (line-right side). -text-baseline-002 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines b2cbe4b33d0516adaf84039e9ac960dcd12ae146 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. -text-baseline-003 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines d0ca5e914cec79392eb0765097a9c84823dbcd4e `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. -text-baseline-004 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines be0d1d66d857686701293217905e62ea9857f9c2 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. -text-baseline-005 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines d447b06a2b6068a416b6df35e5cb0e365948b695 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. -text-baseline-006 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines c1ca241edb6288a98305d1aacd16c3e4edbda986 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. -text-baseline-007 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 888e1405950e351c9e24b5015629cbfb899cdbd5 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. +text-baseline-002 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 7425b56caf0b0f236a4cd5c90f9e93f45fb29f54 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. +text-baseline-003 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 63eaf4e7b86e7523558aab396ed512c9ce17c048 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. +text-baseline-004 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 57ee15d165f0fec44fbf7f1d45a6ffdd1f394dac `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. +text-baseline-005 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 8cc7d13823e35e96e42f5ef774531f6e9030f2a2 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. +text-baseline-006 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 86df2740c515deaa2356a703049f68c71ae26176 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. +text-baseline-007 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 51843b9b15971e6a2c8273f835b3d4eb64f9957f `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. text-combine-upright-decorations-001 reference/text-combine-upright-decorations-001 The resulting composition is treated as a signel glyph for decorations ahem https://drafts.csswg.org/css-writing-modes-3/#text-combine-layout 280af6570701711000e9512d0fa55c267724d9ae `Koji Ishii`<mailto:kojiishi@gmail.com> The resulting composition is treated as a signel glyph for decorations text-combine-upright-inherit-all-001 reference/text-combine-upright-inherit-all-001 text-combine-upright:all inherits http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 71bf076146439091e171f37da2984ca1dcdca01e `Koji Ishii`<mailto:kojiishi@gmail.com> This test checks text-combine-upright:all inherits text-combine-upright-inherit-all-002 reference/text-combine-upright-inherit-all-002 text-combine-upright :all http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 5f16f6cf05f96410a9698653f5557ca74ae561af `Shinsuke Matsuki`<mailto:shinsuke.matsuki@access-company.com>,`Koji Ishii`<mailto:kojiishi@gmail.com> This test checks text-combine-upright:all inherits through the containment hierarchy and interrupted (by a box boundary) text runs @@ -745,12 +744,12 @@ text-combine-upright-value-digits4-001 reference/vertical-ahem-1x1-ref,!referenc text-combine-upright-value-digits4-002 reference/vertical-ahem-1x1-ref,!reference/horizontal-ahem-1x1-notref CSS Writing Modes: text-combine-upright: digits 4 + four digits ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 6eb0ab6855be7d1ecb6506312cdfb094b56f9595 `Masataka Yakura`<https://google.com/+MasatakaYakura> 'text-combine-upright: digits 4' combines four ASCII digits horizontally. text-combine-upright-value-digits4-003 reference/vertical-ahem-1x5-ref,!reference/horizontal-ahem-1x5-notref CSS Writing Modes: text-combine-upright: digits 4 + five digits ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 48e63abff54988c1a6a75d6905010e19544e470b `Masataka Yakura`<https://google.com/+MasatakaYakura> 'text-combine-upright: digits 4' does not combine digits that are greater than four. text-combine-upright-value-none-001 reference/vertical-ahem-1x3-ref,!reference/horizontal-ahem-1x3-notref CSS Writing Modes: text-combine-upright: none ahem http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 7ef71c72b96c6e7677f9da7bf26aa9ed2e3bc16a `Masataka Yakura`<https://google.com/+MasatakaYakura> 'text-combine-upright: none' does not combine any characters in any circumstance. -text-decoration-sidewaysright-vlr-003 'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical b8157e3eff221eae825611d9d395b3069ecd1c9e `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode. -text-decoration-sidewaysright-vlr-005 'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical 64b47c6284141431e3cf3faa31b16435b0a373db `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode. -text-decoration-sidewaysright-vlr-007 'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical de480c0eab1ff248f02e63abaaa7995612b49951 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode. -text-decoration-sidewaysright-vrl-002 'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical a796cba474bda0970866ac0f82f0e921c6336903 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode. -text-decoration-sidewaysright-vrl-004 'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical 6fee6e48edc510405d043f8b70f16031631f07fc `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode. -text-decoration-sidewaysright-vrl-006 'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical b5e05dcae881933aa96e3866e33e5b2baca68395 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode. +text-decoration-sideways-vlr-003 'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical 9d5e6034bd6edb8632e23cfab0264a16767ea80a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode. +text-decoration-sideways-vlr-005 'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical 4323efffe433a866e26c2bde543c357777df088b `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode. +text-decoration-sideways-vlr-007 'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical 7453c02e8585da36ef5536e8427ed9618911351f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode. +text-decoration-sideways-vrl-002 'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical d177f41ed995236185091ef8bda136719c4b9739 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode. +text-decoration-sideways-vrl-004 'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical bf8be4a47a878755ed5292d0620818df28972071 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode. +text-decoration-sideways-vrl-006 'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical 1bd4f47ca18f01a1ac0e375ec8e488ccfc091f26 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode. text-decoration-upright-vlr-003 'text-decoration: underline' and 'text-orientation: upright' in a 'vertical-lr' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical b0c69a4ea77b5cb1d5ce540079e449cb4bb9763d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'upright' in a 'vertical-lr' writing-mode. text-decoration-upright-vlr-005 'text-decoration: overline' and 'text-orientation: upright' in a 'vertical-lr' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical 1432c79edd09167ea46607cb14339d01c41f5c3b `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'upright' in a 'vertical-lr' writing-mode. text-decoration-upright-vlr-007 'text-decoration: line-through' and 'text-orientation: upright' in a 'vertical-lr' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical 825120b82d65a3ab4ac47bf8dd2f1707e4478563 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'upright' in a 'vertical-lr' writing-mode. @@ -775,28 +774,27 @@ text-indent-vrl-014 reference/text-indent-vrl-010-ref 'text-indent' with percent text-indent-vrl-016 reference/text-indent-vrl-012-ref 'text-indent' with percentage unit, 'direction: rtl' in 'vertical-rl' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout bd36efb6824d9649c071507677cdc5d1320798c9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top. text-orientation-010 text-orientation - mixed ahem,font http://www.w3.org/TR/css-writing-modes-3/#text-orientation 4ecdbceff7397331c490f98d284800bf1fa125a2 `Taka Oshiyama`<mailto:takaoshiyama@gmail.com> This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. 90°clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set with their intrinsic orientation. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation. text-orientation-011 text-orientation - upright ahem,font http://www.w3.org/TR/css-writing-modes-3/#text-orientation 1e2a7d34e5dbf3ae8ebe3191281f4ed36965d6a5 `Taka Oshiyama`<mailto:takaoshiyama@gmail.com> This test checks that 'text-orientation: upright' causes characters from horizontal-only scripts are rendered upright, i.e. in their standard horizontal orientation, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation. -text-orientation-012 reference/text-orientation-012-ref text-orientation - sideways-right ahem http://www.w3.org/TR/css-writing-modes-3/#text-orientation 8438a0a844a186f9404cb0652f4449db4423ebfc `Taka Oshiyama`<mailto:takaoshiyama@gmail.com> This test checks that 'text-orientation: sideways-right' causes text to be set as if in a horizontal layout, but rotated 90° clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation. -text-orientation-014 reference/text-orientation-014-ref text-orientation - sideways ahem http://www.w3.org/TR/css-writing-modes-3/#text-orientation a0903d5bb79322411670f822461accf377228350 `Taka Oshiyama`<mailto:takaoshiyama@gmail.com> This test checks that 'text-orientation: sideways' is equivalent to‘sideways-right’in‘vertical-rl’writing mode. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation. +text-orientation-014 reference/text-orientation-014-ref text-orientation - sideways ahem http://www.w3.org/TR/css-writing-modes-3/#text-orientation 73b9926a3dc990d5c7d823927252cb8b7b59cb80 `Taka Oshiyama`<mailto:takaoshiyama@gmail.com> This test checks that 'text-orientation: sideways' causes text to be set as if in a horizontal layout, but rotated 90° clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation. text-orientation-mixed-001 text-orientation - mixed in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation 851a369832d6705268ece34dbba1a79873c9b854 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that the alphabet is displayed on sideways, and it is verified whether the characters are aligned in the vertical direction including vertical writing characters (Japanese, Mongolian, Hangul, etc). -text-orientation-parsing-001 CSS Writing Modes: parsing text-orientation dom,script https://drafts.csswg.org/css-writing-modes-3/#text-orientation 2b55d064547ea30e265d95a397fdf830587b6b77 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the text-orientation property. -text-orientation-script-001 Test orientation of characters. combo,dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation b405bcfd0244c082fd8a19d9f3f13271d031c226 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters -text-orientation-script-001a Test orientation of characters where vo=R (#1/8, 2048 code points in U+0020-0B35). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation ce382caffa1da0d7da68fdef50eb490af6ff2812 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#1/8, 2048 code points in U+0020-0B35) -text-orientation-script-001b Test orientation of characters where vo=R (#2/8, 2048 code points in U+0B36-1B50). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 99978702ea8d6da9edcf7dfd5056b7cbc3e4b27b `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#2/8, 2048 code points in U+0B36-1B50) -text-orientation-script-001c Test orientation of characters where vo=R (#3/8, 2048 code points in U+1B51-2898). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 4669e81cd94f71310d3660fc257919d18409efea `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#3/8, 2048 code points in U+1B51-2898) -text-orientation-script-001d Test orientation of characters where vo=R (#4/8, 2048 code points in U+2899-A884). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation ee5303caca478161a53320556d015d61972dab7f `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#4/8, 2048 code points in U+2899-A884) -text-orientation-script-001e Test orientation of characters where vo=R (#5/8, 2048 code points in U+A885-10343). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 615ca9699293e9e7e1b7c2baa44f7733acbb766d `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#5/8, 2048 code points in U+A885-10343) -text-orientation-script-001f Test orientation of characters where vo=R (#6/8, 2048 code points in U+10344-1169D). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation f6d4cb5ac9a0e9e65937cddaea5309655b13211d `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#6/8, 2048 code points in U+10344-1169D) -text-orientation-script-001g Test orientation of characters where vo=R (#7/8, 2048 code points in U+1169E-1BC00). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 6689fcfa2c86a5218991ec7bca1fd3d3b019b552 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#7/8, 2048 code points in U+1169E-1BC00) -text-orientation-script-001h Test orientation of characters where vo=R (#8/8, 1700 code points in U+1BC01-1F8AD). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 30ff5d1c9fd47f798afea5ab9f86c770bda33f0e `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#8/8, 1700 code points in U+1BC01-1F8AD) -text-orientation-script-001i Test orientation of characters where vo=U (#1/5, 2048 code points in U+00A7-2ED7). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 1ae65c98aa6fd22dc665efb229d6175f6bc54019 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=U (#1/5, 2048 code points in U+00A7-2ED7) -text-orientation-script-001j Test orientation of characters where vo=U (#2/5, 2048 code points in U+2ED8-A387). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 4dd50b939e04471b105246f82c9264750b74de83 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=U (#2/5, 2048 code points in U+2ED8-A387) -text-orientation-script-001k Test orientation of characters where vo=U (#3/5, 2048 code points in U+A388-133AA). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 07519d82c5a85d0f62e2db763d66d9acf766fb70 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=U (#3/5, 2048 code points in U+A388-133AA) -text-orientation-script-001l Test orientation of characters where vo=U (#4/5, 2048 code points in U+133AB-1F6BA). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 0b842056a68797e0a12ba7cffb4b4afc6f1e9be5 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=U (#4/5, 2048 code points in U+133AB-1F6BA) -text-orientation-script-001m Test orientation of characters where vo=U (#5/5, 787 code points in U+1F6BB-2FA1D). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 24dd6e5df9229834b0b3e78ff48bcfa205c400e1 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=U (#5/5, 787 code points in U+1F6BB-2FA1D) -text-orientation-script-001n Test orientation of characters where vo=Tr (47 code points in U+2329-FFE3). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 75668b8433dbbb2bc2e62fd4bf2445560c858453 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=Tr (47 code points in U+2329-FFE3) -text-orientation-script-001o Test orientation of characters where vo=Tu (147 code points in U+3001-1F201). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation ad390d60dd518de633056d1bd59900406d4d23e8 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=Tu (147 code points in U+3001-1F201) -text-orientation-sideways-001 text-orientation - sideways in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation 0e563a3b93880c751ed081529a4200309bbd2af2 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that the same as [text-orientation: sideways-right], general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction. -text-orientation-sideways-right-001 text-orientation - sideways-right in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation d9d0c11c8add7eaeca3c4895c0b41f1b64808d68 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction. +text-orientation-parsing-001 CSS Writing Modes: parsing text-orientation dom,script https://drafts.csswg.org/css-writing-modes-3/#text-orientation 1de93e81798548a8c094751021c6bfd09d204700 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the text-orientation property. +text-orientation-parsing-sideways-right-001 CSS Writing Modes: parsing text-orientation dom,may,script https://drafts.csswg.org/css-writing-modes-3/#text-orientation 467f926e5646149f727d9115633a469321712cca `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the text-orientation property. +text-orientation-script-001 Test orientation of characters. combo,dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 5a4264d54b6138cb217baa753502a6d61297da82 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters +text-orientation-script-001a Test orientation of characters where vo=R (#1/8, 2048 code points in U+0020-0B35). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 8859171c4beec8970845227b3111074bb2d00774 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#1/8, 2048 code points in U+0020-0B35) +text-orientation-script-001b Test orientation of characters where vo=R (#2/8, 2048 code points in U+0B36-1B50). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 001b73a37bca65aab827a6df09f0f56e56cad8d0 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#2/8, 2048 code points in U+0B36-1B50) +text-orientation-script-001c Test orientation of characters where vo=R (#3/8, 2048 code points in U+1B51-2898). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 0b91027b17ee6cec62c80898f7cf5556d847c914 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#3/8, 2048 code points in U+1B51-2898) +text-orientation-script-001d Test orientation of characters where vo=R (#4/8, 2048 code points in U+2899-A884). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 9e1583be06a31c1511ff31ba5b99a46c0b7e950a `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#4/8, 2048 code points in U+2899-A884) +text-orientation-script-001e Test orientation of characters where vo=R (#5/8, 2048 code points in U+A885-10343). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 7e926d2892cbd70c5d7227af61000868fd458e4a `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#5/8, 2048 code points in U+A885-10343) +text-orientation-script-001f Test orientation of characters where vo=R (#6/8, 2048 code points in U+10344-1169D). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation b1a179cdd9a0e340b4790a5653ea0a65923b5006 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#6/8, 2048 code points in U+10344-1169D) +text-orientation-script-001g Test orientation of characters where vo=R (#7/8, 2048 code points in U+1169E-1BC00). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation d08dec0834d7111ab4eb77bda4a21d1de8279e4a `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#7/8, 2048 code points in U+1169E-1BC00) +text-orientation-script-001h Test orientation of characters where vo=R (#8/8, 1700 code points in U+1BC01-1F8AD). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 13b1718fd1b32fdb9223e3413499a2b3ebeca4bd `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=R (#8/8, 1700 code points in U+1BC01-1F8AD) +text-orientation-script-001i Test orientation of characters where vo=U (#1/5, 2048 code points in U+00A7-2ED7). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 4e2c6a5bc65b4a4e979842b737607bdf2a6f90d1 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=U (#1/5, 2048 code points in U+00A7-2ED7) +text-orientation-script-001j Test orientation of characters where vo=U (#2/5, 2048 code points in U+2ED8-A387). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 82517abe0ce5122441a8f48c86abdc128ed8ba76 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=U (#2/5, 2048 code points in U+2ED8-A387) +text-orientation-script-001k Test orientation of characters where vo=U (#3/5, 2048 code points in U+A388-133AA). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation fec1e6c942eedc2f6819732139031d0aa1b4d010 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=U (#3/5, 2048 code points in U+A388-133AA) +text-orientation-script-001l Test orientation of characters where vo=U (#4/5, 2048 code points in U+133AB-1F6BA). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation c97b61bd3a537547c31ba647a13665f31e222601 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=U (#4/5, 2048 code points in U+133AB-1F6BA) +text-orientation-script-001m Test orientation of characters where vo=U (#5/5, 787 code points in U+1F6BB-2FA1D). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation e391070b992546bae4274cb1fc09a590ffbf26c6 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=U (#5/5, 787 code points in U+1F6BB-2FA1D) +text-orientation-script-001n Test orientation of characters where vo=Tr (47 code points in U+2329-FFE3). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 8993889414b6ffbe199e17e820d0b7c1b3a1cd02 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=Tr (47 code points in U+2329-FFE3) +text-orientation-script-001o Test orientation of characters where vo=Tu (147 code points in U+3001-1F201). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 1a717f6bfd17124696e2e012a26ae1ce94ecbf57 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=Tu (147 code points in U+3001-1F201) +text-orientation-sideways-001 text-orientation - sideways in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation d1d9b931c735b904d2b2d42012c8b03359ca33a8 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that general horizontal text (include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction. text-orientation-upright-001 text-orientation - upright in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation 1d7c80ad3f6eb357a1dd9ef0261dba63dcf971a1 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that the alphabet is displayed on the upright (not sideways),and it is verified whether the characters are aligned in the vertical direction including vertical writing characters(Japanese, Mongolian, Hangul, etc). underline-font-size-vlr-003 'text-decoration: underline' with various font sizes http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-text-decor-3/#text-underline-position-property 2ed0dce303004a098525b1c0aa2008df639643ea `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when mongolian glyphs of varying font sizes are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box. underline-font-size-vlr-005 'text-decoration: underline' with various font sizes and mixed text http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-text-decor-3/#text-underline-position-property 8218f172828fc358d5814147c09eac80646d5167 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when latin and mongolian glyphs of varying font sizes are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box. @@ -831,13 +829,21 @@ vertical-alignment-006 reference/vertical-alignment-006-ref vertical-align - 'te vertical-alignment-007 reference/vertical-alignment-006-ref vertical-align - 'text-bottom' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 19a04070f2c744fb378ca9d3f5936bef1b205961 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of an inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'text-bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the left side (logical bottom) of parent's content area. vertical-alignment-008 reference/vertical-alignment-008-ref vertical-align - 'bottom' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading e59d282df581512d3263e9b22972d82c334db836 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box. vertical-alignment-009 reference/vertical-alignment-008-ref vertical-align - 'bottom' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 5036b5e9d0d8ae513c39237eeddfbcb235f19871 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'bottom', the physical left (logical bottom) edge of an inline non-replaced box is aligned with the physical left (logical bottom) edge of its line box. +vertical-alignment-vrl-010 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 18973d8b3c6da1ce07b81dd028a56c0e8bacb082 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right. +vertical-alignment-vrl-012 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading b2d02d2efefde1f56a277d0cd0ba65e11ae3097b `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right. +vertical-alignment-vrl-014 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading e9a0506f14e1eee7a4b05a9ea24ed230e5922bd2 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right. +vertical-alignment-vrl-016 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 82308fb56104b4d673b1d59c18e975f78fbdb3f1 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left. +vertical-alignment-vrl-018 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 7e7e14382efae5767eecdb45ff697dff5e54688d `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left. +vertical-alignment-vrl-020 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 015c20befc16f691e32515ac377698c473da65e5 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left. +vertical-alignment-vrl-022 reference/vertical-alignment-vrl-022-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading c831bb6084a1e44cb93d20880f3c3e3efd446581 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent. +vertical-alignment-vrl-024 reference/vertical-alignment-vrl-022-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading c934e3bd41a2a8c605b5752b1f577c654cb83822 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent. +vertical-alignment-vrl-026 reference/vertical-alignment-vrl-026-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 7a26be3255ca5f516f5fc18e3892498f1a8523b7 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent. writing-mode-horizontal-001l reference/writing-mode-horizontal-001l-ref CSS Writing Modes: text-combine-upright in horizontal writing mode http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da `Masataka Yakura`<http://google.com/+MasatakaYakura> text-combine-upright does not have an effect in horizontal writing modes. writing-mode-horizontal-001r reference/writing-mode-horizontal-001r-ref CSS Writing Modes: text-combine-upright in horizontal writing mode http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 946a8be6f47e1cdc7ca7539e48e9964bd77c9ba9 `Masataka Yakura`<http://google.com/+MasatakaYakura> text-combine-upright does not have an effect in horizontal writing modes. writing-mode-parsing-001 CSS Writing Modes: parsing writing-mode dom,script https://drafts.csswg.org/css-writing-modes-3/#block-flow c51a2ea776e89eab37f78a5005ad12f1f23f07b4 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the writing-mode property. writing-mode-parsing-sideways-lr-001 CSS Writing Modes: parsing writing-mode: sideways-lr dom,script https://drafts.csswg.org/css-writing-modes-3/#block-flow 736e57b0c6f1a92b2a614374db49a3be98722285 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the writing-mode: sideways-lr. writing-mode-parsing-sideways-rl-001 CSS Writing Modes: parsing writing-mode: sideways-rl dom,script https://drafts.csswg.org/css-writing-modes-3/#block-flow 182103682044156866012dcbd0c99a3ba7f9d476 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the writing-mode: sideways-rl. -writing-mode-parsing-svg1-001 CSS Writing Modes: parsing SVG 1.1 writing-mode values dom,may,svg,script https://drafts.csswg.org/css-writing-modes-3/#svg-writing-mode 59078fb44bac8bb24a70bd659736dbd9f2336a53 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values. -writing-mode-parsing-svg1-002 CSS Writing Modes: parsing SVG 1.1 writing-mode values dom,may,svg,script https://drafts.csswg.org/css-writing-modes-3/#svg-writing-mode 5d2b3993581f96859e92c444d2fc7083a42f2236 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values. +writing-mode-parsing-svg1-001 CSS Writing Modes: parsing SVG 1.1 writing-mode values dom,may,svg,script https://drafts.csswg.org/css-writing-modes-3/#svg-writing-mode ce2637b4c3b5c62aa8fbfc18d7e8ab9ce4107a12 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values. writing-mode-stretch-001 reference/writing-mode-stretch-001-ref writing-mode vertical-lr and vertical-rl http://www.w3.org/TR/css-writing-modes-3/#writing-mode b39073243c9598d184c1f6efc298247a42f34aea `Mitsuteru Sawa`<mailto:mitsuteru.s@gmail.com> vertical-writing-mode flex items should stretch writing-mode-vertical-lr-002 reference/writing-mode-vertical-lr-002-ref writing-mode: vertical-lr - basic inline case ahem http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 2368493f74f4795b81bbe06bcdc4e41617b7a97f `Yoshifumi Kawai`<mailto:kawai@est.co.jp> writing-mode-vertical-rl-001 reference/writing-mode-vertical-rl-001-ref writing-mode: vertical-rl - basic inline case ahem http://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode 51761a8518c6f9fa7d5ecc3306fbced379b10538 `Yoshifumi Kawai`<mailto:kawai@est.co.jp> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht index cf853a1987d..32a7b992ab4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht @@ -1345,10 +1345,10 @@ </ul> </td> </tr> - <tr id="table-progression-001-vlr-2.1" class=""> + <tr id="table-progression-vlr-001-2.1" class=""> <td> - <a href="table-progression-001-vlr.xht">table-progression-001-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-001.xht">table-progression-vlr-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> <td>vertical-lr Table Row/Rowgroup/Cell Ordering <ul class="assert"> @@ -1357,79 +1357,79 @@ </ul> </td> </tr> - <tr id="table-progression-001-vrl-2.1" class=""> + <tr id="table-progression-vlr-002-2.1" class=""> <td> - <a href="table-progression-001-vrl.xht">table-progression-001-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-002.xht">table-progression-vlr-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl Table Row/Rowgroup/Cell Ordering + <td>vertical-lr Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> - <tr id="table-progression-002-vlr-2.1" class=""> + <tr id="table-progression-vlr-003-2.1" class=""> <td> - <a href="table-progression-002-vlr.xht">table-progression-002-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-003.xht">table-progression-vlr-003</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr Table Column/Colgroup Ordering + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-002-vrl-2.1" class=""> + <tr id="table-progression-vlr-004-2.1" class=""> <td> - <a href="table-progression-002-vrl.xht">table-progression-002-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-004.xht">table-progression-vlr-004</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl Table Column/Colgroup Ordering + <td>vertical-lr upright orientation Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-003-vlr-2.1" class=""> + <tr id="table-progression-vrl-001-2.1" class=""> <td> - <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-001.xht">table-progression-vrl-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-rl Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> </ul> </td> </tr> - <tr id="table-progression-003-vrl-2.1" class=""> + <tr id="table-progression-vrl-002-2.1" class=""> <td> - <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-002.xht">table-progression-vrl-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-rl Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> - <tr id="table-progression-004-vlr-2.1" class=""> + <tr id="table-progression-vrl-003-2.1" class=""> <td> - <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-003.xht">table-progression-vrl-003</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-004-vrl-2.1" class=""> + <tr id="table-progression-vrl-004-2.1" class=""> <td> - <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-004.xht">table-progression-vrl-004</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> <td>vertical-rl upright orientation Table Column/Colgroup Ordering <ul class="assert"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht index 2c67433470d..6b51709a27c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (90 tests)</h2> + <h2>Introduction to Vertical Text (89 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -745,10 +745,10 @@ </ul> </td> </tr> - <tr id="table-progression-001-vlr-3.1" class="primary"> + <tr id="table-progression-vlr-001-3.1" class="primary"> <td><strong> - <a href="table-progression-001-vlr.xht">table-progression-001-vlr</a></strong></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-001.xht">table-progression-vlr-001</a></strong></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> <td>vertical-lr Table Row/Rowgroup/Cell Ordering <ul class="assert"> @@ -757,79 +757,79 @@ </ul> </td> </tr> - <tr id="table-progression-001-vrl-3.1" class="primary"> + <tr id="table-progression-vlr-002-3.1" class="primary"> <td><strong> - <a href="table-progression-001-vrl.xht">table-progression-001-vrl</a></strong></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-002.xht">table-progression-vlr-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl Table Row/Rowgroup/Cell Ordering + <td>vertical-lr Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> - <tr id="table-progression-002-vlr-3.1" class="primary"> + <tr id="table-progression-vlr-003-3.1" class="primary"> <td><strong> - <a href="table-progression-002-vlr.xht">table-progression-002-vlr</a></strong></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-003.xht">table-progression-vlr-003</a></strong></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr Table Column/Colgroup Ordering + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-002-vrl-3.1" class="primary"> + <tr id="table-progression-vlr-004-3.1" class="primary"> <td><strong> - <a href="table-progression-002-vrl.xht">table-progression-002-vrl</a></strong></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-004.xht">table-progression-vlr-004</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl Table Column/Colgroup Ordering + <td>vertical-lr upright orientation Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-003-vlr-3.1" class="primary"> + <tr id="table-progression-vrl-001-3.1" class="primary"> <td><strong> - <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></strong></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-001.xht">table-progression-vrl-001</a></strong></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-rl Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> </ul> </td> </tr> - <tr id="table-progression-003-vrl-3.1" class="primary"> + <tr id="table-progression-vrl-002-3.1" class="primary"> <td><strong> - <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></strong></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-002.xht">table-progression-vrl-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-rl Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> - <tr id="table-progression-004-vlr-3.1" class="primary"> + <tr id="table-progression-vrl-003-3.1" class="primary"> <td><strong> - <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></strong></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-003.xht">table-progression-vrl-003</a></strong></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-004-vrl-3.1" class="primary"> + <tr id="table-progression-vrl-004-3.1" class="primary"> <td><strong> - <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></strong></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-004.xht">table-progression-vrl-004</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> <td>vertical-rl upright orientation Table Column/Colgroup Ordering <ul class="assert"> @@ -1015,7 +1015,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#svg-writing-mode">3.1.1 SVG1.1 writing-mode Values</a></th></tr> - <!-- 2 tests --> + <!-- 1 tests --> <tr id="writing-mode-parsing-svg1-001-3.1.1" class="primary dom may svg script"> <td><strong> <a href="writing-mode-parsing-svg1-001.xht">writing-mode-parsing-svg1-001</a></strong></td> @@ -1027,17 +1027,6 @@ </ul> </td> </tr> - <tr id="writing-mode-parsing-svg1-002-3.1.1" class="primary dom may svg script"> - <td><strong> - <a href="writing-mode-parsing-svg1-002.xht">writing-mode-parsing-svg1-002</a></strong></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>CSS Writing Modes: parsing SVG 1.1 writing-mode values - <ul class="assert"> - <li>This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values.</li> - </ul> - </td> - </tr> </tbody> <tbody id="s3.1.1.#inline-progression-direction"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht index ab467fc9288..5c9eb2e4517 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline-level Alignment (31 tests)</h2> + <h2>Inline-level Alignment (30 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -149,7 +149,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.3">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">4.3 Atomic Inline Baselines</a></th></tr> - <!-- 23 tests --> + <!-- 22 tests --> <tr id="baseline-inline-non-replaced-002-4.3" class="primary ahem"> <td><strong> <a href="baseline-inline-non-replaced-002.xht">baseline-inline-non-replaced-002</a></strong></td> @@ -282,17 +282,6 @@ </ul> </td> </tr> - <tr id="inline-block-alignment-008-4.3" class="primary ahem"> - <td><strong> - <a href="inline-block-alignment-008.xht">inline-block-alignment-008</a></strong></td> - <td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline block alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> <tr id="inline-block-alignment-orthogonal-vlr-003-4.3" class="primary ahem"> <td><strong> <a href="inline-block-alignment-orthogonal-vlr-003.xht">inline-block-alignment-orthogonal-vlr-003</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-5.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-5.xht index a6512290c2c..fb76b97174c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-5.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-5.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text Layout (29 tests)</h2> + <h2>Introduction to Vertical Text Layout (28 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -55,11 +55,11 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s5.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr> - <!-- 29 tests --> - <tr id="table-progression-003-vlr-5.1" class=""> + <!-- 28 tests --> + <tr id="table-progression-vlr-003-5.1" class=""> <td> - <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-003.xht">table-progression-vlr-003</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> @@ -67,32 +67,32 @@ </ul> </td> </tr> - <tr id="table-progression-003-vrl-5.1" class=""> + <tr id="table-progression-vlr-004-5.1" class=""> <td> - <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-004.xht">table-progression-vlr-004</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-lr upright orientation Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-004-vlr-5.1" class=""> + <tr id="table-progression-vrl-003-5.1" class=""> <td> - <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-003.xht">table-progression-vrl-003</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-004-vrl-5.1" class=""> + <tr id="table-progression-vrl-004-5.1" class=""> <td> - <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-004.xht">table-progression-vrl-004</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> <td>vertical-rl upright orientation Table Column/Colgroup Ordering <ul class="assert"> @@ -122,17 +122,6 @@ </ul> </td> </tr> - <tr id="text-orientation-012-5.1" class="primary ahem"> - <td><strong> - <a href="text-orientation-012.xht">text-orientation-012</a></strong></td> - <td><a href="reference/text-orientation-012-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text-orientation - sideways-right - <ul class="assert"> - <li>This test checks that 'text-orientation: sideways-right' causes text to be set as if in a horizontal layout, but rotated 90&deg; clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li> - </ul> - </td> - </tr> <tr id="text-orientation-014-5.1" class="primary ahem"> <td><strong> <a href="text-orientation-014.xht">text-orientation-014</a></strong></td> @@ -140,7 +129,7 @@ <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text-orientation - sideways <ul class="assert"> - <li>This test checks that 'text-orientation: sideways' is equivalent to&#8216;sideways-right&#8217;in&#8216;vertical-rl&#8217;writing mode. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li> + <li>This test checks that 'text-orientation: sideways' causes text to be set as if in a horizontal layout, but rotated 90&deg; clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li> </ul> </td> </tr> @@ -166,6 +155,17 @@ </ul> </td> </tr> + <tr id="text-orientation-parsing-sideways-right-001-5.1" class="primary dom may script"> + <td><strong> + <a href="text-orientation-parsing-sideways-right-001.xht">text-orientation-parsing-sideways-right-001</a></strong></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSS Writing Modes: parsing text-orientation + <ul class="assert"> + <li>This test asserts the parser and getComputedStyle works correctly for the text-orientation property.</li> + </ul> + </td> + </tr> <tr id="text-orientation-script-001-5.1" class="primary combo dom font script"> <td><strong> <a href="text-orientation-script-001.xht">text-orientation-script-001</a></strong></td> @@ -349,18 +349,7 @@ <td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>text-orientation - sideways in vertical-rl writing mode <ul class="assert"> - <li>This test checks that the same as [text-orientation: sideways-right], general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.</li> - </ul> - </td> - </tr> - <tr id="text-orientation-sideways-right-001-5.1" class="primary font image"> - <td><strong> - <a href="text-orientation-sideways-right-001.xht">text-orientation-sideways-right-001</a></strong></td> - <td></td> - <td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>text-orientation - sideways-right in vertical-rl writing mode - <ul class="assert"> - <li>This test checks that general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.</li> + <li>This test checks that general horizontal text (include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-6.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-6.xht index 104ee24984d..167347a99a8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-6.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-6.xht @@ -349,69 +349,69 @@ <a href="#s6.4">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical">6.4 Abstract-to-Physical Mappings</a></th></tr> <!-- 12 tests --> - <tr id="text-decoration-sidewaysright-vlr-003-6.4" class=""> + <tr id="text-decoration-sideways-vlr-003-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vlr-003.xht">text-decoration-sidewaysright-vlr-003</a></td> + <a href="text-decoration-sideways-vlr-003.xht">text-decoration-sideways-vlr-003</a></td> <td></td> <td></td> - <td>'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vlr-005-6.4" class=""> + <tr id="text-decoration-sideways-vlr-005-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vlr-005.xht">text-decoration-sidewaysright-vlr-005</a></td> + <a href="text-decoration-sideways-vlr-005.xht">text-decoration-sideways-vlr-005</a></td> <td></td> <td></td> - <td>'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vlr-007-6.4" class=""> + <tr id="text-decoration-sideways-vlr-007-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vlr-007.xht">text-decoration-sidewaysright-vlr-007</a></td> + <a href="text-decoration-sideways-vlr-007.xht">text-decoration-sideways-vlr-007</a></td> <td></td> <td></td> - <td>'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-002-6.4" class=""> + <tr id="text-decoration-sideways-vrl-002-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vrl-002.xht">text-decoration-sidewaysright-vrl-002</a></td> + <a href="text-decoration-sideways-vrl-002.xht">text-decoration-sideways-vrl-002</a></td> <td></td> <td></td> - <td>'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-004-6.4" class=""> + <tr id="text-decoration-sideways-vrl-004-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vrl-004.xht">text-decoration-sidewaysright-vrl-004</a></td> + <a href="text-decoration-sideways-vrl-004.xht">text-decoration-sideways-vrl-004</a></td> <td></td> <td></td> - <td>'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-006-6.4" class=""> + <tr id="text-decoration-sideways-vrl-006-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vrl-006.xht">text-decoration-sidewaysright-vrl-006</a></td> + <a href="text-decoration-sideways-vrl-006.xht">text-decoration-sideways-vrl-006</a></td> <td></td> <td></td> - <td>'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht index dd2abbb290e..a2e4e773a75 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Abstract Box Layout (485 tests)</h2> + <h2>Abstract Box Layout (494 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -4681,70 +4681,70 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s7.5">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">7.5 Line-Relative Mappings</a></th></tr> - <!-- 26 tests --> - <tr id="text-decoration-sidewaysright-vlr-003-7.5" class="primary"> + <!-- 35 tests --> + <tr id="text-decoration-sideways-vlr-003-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vlr-003.xht">text-decoration-sidewaysright-vlr-003</a></strong></td> + <a href="text-decoration-sideways-vlr-003.xht">text-decoration-sideways-vlr-003</a></strong></td> <td></td> <td></td> - <td>'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vlr-005-7.5" class="primary"> + <tr id="text-decoration-sideways-vlr-005-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vlr-005.xht">text-decoration-sidewaysright-vlr-005</a></strong></td> + <a href="text-decoration-sideways-vlr-005.xht">text-decoration-sideways-vlr-005</a></strong></td> <td></td> <td></td> - <td>'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vlr-007-7.5" class="primary"> + <tr id="text-decoration-sideways-vlr-007-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vlr-007.xht">text-decoration-sidewaysright-vlr-007</a></strong></td> + <a href="text-decoration-sideways-vlr-007.xht">text-decoration-sideways-vlr-007</a></strong></td> <td></td> <td></td> - <td>'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-002-7.5" class="primary"> + <tr id="text-decoration-sideways-vrl-002-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vrl-002.xht">text-decoration-sidewaysright-vrl-002</a></strong></td> + <a href="text-decoration-sideways-vrl-002.xht">text-decoration-sideways-vrl-002</a></strong></td> <td></td> <td></td> - <td>'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-004-7.5" class="primary"> + <tr id="text-decoration-sideways-vrl-004-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vrl-004.xht">text-decoration-sidewaysright-vrl-004</a></strong></td> + <a href="text-decoration-sideways-vrl-004.xht">text-decoration-sideways-vrl-004</a></strong></td> <td></td> <td></td> - <td>'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-006-7.5" class="primary"> + <tr id="text-decoration-sideways-vrl-006-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vrl-006.xht">text-decoration-sidewaysright-vrl-006</a></strong></td> + <a href="text-decoration-sideways-vrl-006.xht">text-decoration-sideways-vrl-006</a></strong></td> <td></td> <td></td> - <td>'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> @@ -4968,6 +4968,105 @@ </ul> </td> </tr> + <tr id="vertical-alignment-vrl-010-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-010.xht">vertical-alignment-vrl-010</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-012-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-012.xht">vertical-alignment-vrl-012</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-014-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-014.xht">vertical-alignment-vrl-014</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-016-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-016.xht">vertical-alignment-vrl-016</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-018-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-018.xht">vertical-alignment-vrl-018</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-020-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-020.xht">vertical-alignment-vrl-020</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-022-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-022.xht">vertical-alignment-vrl-022</a></strong></td> + <td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-024-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-024.xht">vertical-alignment-vrl-024</a></strong></td> + <td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-026-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-026.xht">vertical-alignment-vrl-026</a></strong></td> + <td><a href="reference/vertical-alignment-vrl-026-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s7.6"> <tr><th colspan="4" scope="rowgroup"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht index d7b48698f3b..ff3b5c9e0b9 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-reverse-wrap-reverse.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-reverse-wrap.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-reverse-wrap.xht index a0938455bf9..b4c230381e0 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-reverse-wrap.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-reverse.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-reverse.xht index b4ca1c84a14..52325c0e952 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-reverse.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-reverse.xht @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-wrap-reverse.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-wrap-reverse.xht index 36aee4caaf7..633ba9a5e57 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-wrap-reverse.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-wrap.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-wrap.xht index 49feeb202d0..4add33a971e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-wrap.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row-wrap.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row.xht index 78073beae36..1f675920706 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/css-flexbox-row.xht @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-004.xht index 0c16f3924a2..49b0ca63397 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-004.xht @@ -14,14 +14,16 @@ <style type="text/css"><![CDATA[ form - { - font-size: 1.25em; - height: 13.5em; - margin-left: 0.7em; - writing-mode: vertical-rl; - } - - select { vertical-align: top; } + { + font-size: 18px; + margin-left: 5em; + writing-mode: vertical-rl; + } + + select + { + vertical-align: top; + } ]]></style> </head> @@ -30,7 +32,7 @@ <form action=""> <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> - <p><label>语言 <select size="5"><option>English</option> + <p><label>语言 <select size="1"><option>English</option> <option>français</option> <option>فارسی</option> <option>中文</option> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-002.xht index ef13e9e70c7..f895c437231 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-002.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-002-ref.xht" /> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-003.xht index 824cecba8d6..bdd4606b05e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-003.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-003-ref.xht" /> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-004.xht index 0127a60979e..21994f1c33d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-004.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-002-ref.xht" /> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-005.xht index 8a688187220..21e945128b3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-005.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-003-ref.xht" /> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-006.xht index 8d5ecfe3859..e5c766a2687 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-006.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> @@ -14,7 +14,6 @@ { color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-007.xht index f84a27c247d..668cf57ff25 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-007.xht @@ -3,6 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> @@ -13,7 +14,6 @@ { color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-008.xht deleted file mode 100644 index 4d1290386da..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-008.xht +++ /dev/null @@ -1,61 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> - <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> - <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> - <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> - <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#rl-sideways-right - { - color: fuchsia; - font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; - writing-mode: vertical-rl; - text-orientation: sideways-right; - } - - div#inline-block - { - display: inline-block; - padding-left: 0.5em; /* computes to 60px */ - font-size: 2em; /* computes to 120px */ - /* - such padding-left declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - - span.block-descendant - { - display: block; - } - - span#fuchsia30 - { - padding-right: 4em; /* computes to 120px */ - font-size: 0.5em; /* computes to 30px */ - /* - such padding-right declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="rl-sideways-right">É<div id="inline-block"> - <span class="block-descendant">B</span> - <span class="block-descendant last-line-box">É</span> - </div><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/css-flexbox-row-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/css-flexbox-row-ref.xht index 0357fe55d14..c7989de8419 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/css-flexbox-row-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/css-flexbox-row-ref.xht @@ -12,6 +12,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; } </style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-001-ref.xht new file mode 100644 index 00000000000..431019d8365 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-001-ref.xht @@ -0,0 +1,93 @@ +<!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 Reference</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> + +<style> + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + caption { background: green; } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table> + <caption></caption> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-002-ref.xht new file mode 100644 index 00000000000..00313892019 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-002-ref.xht @@ -0,0 +1,69 @@ +<!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 Reference</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> + +<style> + table { + border-spacing: 0; + border: solid gray; + margin: 1em; + float: left; + } + td { + width: 1em; + height: 1em; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-orientation-012-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-orientation-012-ref.xht deleted file mode 100644 index 206e3351b30..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-orientation-012-ref.xht +++ /dev/null @@ -1,51 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <!-- reftest for text-orientation-012.xht --> - <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"/> - <meta http-equiv="content-language" content="en"/> - <style type="text/css"> - .view_ahem - { - background: pink; - border: 1px solid black; - color: blue; - font: 20px/1 "Ahem"; - height: 3em; - margin: 10px; - width: 3em; - white-space: pre; - } - .control_ahem - { - writing-mode: horizontal-tb; - } - .view - { - border: 1px solid gray; - font-size: 1.5em; - line-height: 1.5; - margin-bottom: 10px; - width: 3em; - writing-mode: vertical-rl; - } - .control - { - text-combine-upright: none; - } - </style> - </head> - <body lang="en"> - <p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong> and <strong>orientation</strong>.</p> - <div class="view_ahem"><span class="control_ahem">7 1 - 52 - 63</span></div> - <div class="view_ahem"><span class="control_ahem">7 1 - 52 - 63</span></div> - <hr/> - <div class="view"><span class="control">123Abc<br/>def456</span></div> - <div class="view"><span class="control">123Abc<br/>def456</span></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-vrl-022-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-vrl-022-ref.xht new file mode 100644 index 00000000000..14b13f7c11b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-vrl-022-ref.xht @@ -0,0 +1,30 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reftest Reference</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <meta name="flags" content="image" /> + <style type="text/css"><![CDATA[ + img + { + padding-left: 60px; + vertical-align: top; + } + img + br + img + { + padding-left: 108px; /* 60 px (padding-left) + 48 px (the position of small blue box)*/ + } + ]]></style> + +</head> + +<body> + +<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + +<div> + <img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="12" height="12" alt="Image download support must be enabled" /> +</div> + +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-vrl-026-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-vrl-026-ref.xht new file mode 100644 index 00000000000..5e01b6e94a0 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-vrl-026-ref.xht @@ -0,0 +1,30 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reftest Reference</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <meta name="flags" content="image" /> + <style type="text/css"><![CDATA[ + img + { + padding-left: 60px; + vertical-align: top; + } + img + br + img + { + padding-left: 72px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/ + } + ]]></style> + +</head> + +<body> + +<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + +<div> + <img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="48" height="48" alt="Image download support must be enabled" /> +</div> + +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht index d0569d960c8..cb6600156a7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht @@ -4432,14 +4432,6 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="inline-block-alignment-008" class="ahem"> - <tr> - <td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout"> - <a href="inline-block-alignment-008.xht">inline-block-alignment-008</a></td> - <td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> <tbody id="inline-block-alignment-orthogonal-vlr-003" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment of inline-block in orthogonal flow"> @@ -5056,67 +5048,67 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="table-progression-001-vlr" class=""> + <tbody id="table-progression-vlr-001" class=""> <tr> <td rowspan="1" title="vertical-lr Table Row/Rowgroup/Cell Ordering"> - <a href="table-progression-001-vlr.xht">table-progression-001-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-001.xht">table-progression-vlr-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-001-vrl" class=""> + <tbody id="table-progression-vlr-002" class=""> <tr> - <td rowspan="1" title="vertical-rl Table Row/Rowgroup/Cell Ordering"> - <a href="table-progression-001-vrl.xht">table-progression-001-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-lr Table Column/Colgroup Ordering"> + <a href="table-progression-vlr-002.xht">table-progression-vlr-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-002-vlr" class=""> + <tbody id="table-progression-vlr-003" class=""> <tr> - <td rowspan="1" title="vertical-lr Table Column/Colgroup Ordering"> - <a href="table-progression-002-vlr.xht">table-progression-002-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-vlr-003.xht">table-progression-vlr-003</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-002-vrl" class=""> + <tbody id="table-progression-vlr-004" class=""> <tr> - <td rowspan="1" title="vertical-rl Table Column/Colgroup Ordering"> - <a href="table-progression-002-vrl.xht">table-progression-002-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-lr upright orientation Table Column/Colgroup Ordering"> + <a href="table-progression-vlr-004.xht">table-progression-vlr-004</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-003-vlr" class=""> + <tbody id="table-progression-vrl-001" class=""> <tr> - <td rowspan="1" title="vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering"> - <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-rl Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-vrl-001.xht">table-progression-vrl-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-003-vrl" class=""> + <tbody id="table-progression-vrl-002" class=""> <tr> - <td rowspan="1" title="vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering"> - <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-rl Table Column/Colgroup Ordering"> + <a href="table-progression-vrl-002.xht">table-progression-vrl-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-004-vlr" class=""> + <tbody id="table-progression-vrl-003" class=""> <tr> - <td rowspan="1" title="vertical-lr upright orientation Table Column/Colgroup Ordering"> - <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-vrl-003.xht">table-progression-vrl-003</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-004-vrl" class=""> + <tbody id="table-progression-vrl-004" class=""> <tr> <td rowspan="1" title="vertical-rl upright orientation Table Column/Colgroup Ordering"> - <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-004.xht">table-progression-vrl-004</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -5584,14 +5576,6 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="text-orientation-012" class="ahem"> - <tr> - <td rowspan="1" title="text-orientation - sideways-right"> - <a href="text-orientation-012.xht">text-orientation-012</a></td> - <td><a href="reference/text-orientation-012-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> <tbody id="text-orientation-014" class="ahem"> <tr> <td rowspan="1" title="text-orientation - sideways"> @@ -5800,6 +5784,30 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> + <tbody id="vertical-alignment-vrl-022" class="ahem"> + <tr> + <td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode"> + <a href="vertical-alignment-vrl-022.xht">vertical-alignment-vrl-022</a></td> + <td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="vertical-alignment-vrl-024" class="ahem"> + <tr> + <td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode"> + <a href="vertical-alignment-vrl-024.xht">vertical-alignment-vrl-024</a></td> + <td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="vertical-alignment-vrl-026" class="ahem"> + <tr> + <td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode"> + <a href="vertical-alignment-vrl-026.xht">vertical-alignment-vrl-026</a></td> + <td><a href="reference/vertical-alignment-vrl-026-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> <tbody id="writing-mode-horizontal-001l" class=""> <tr> <td rowspan="1" title="CSS Writing Modes: text-combine-upright in horizontal writing mode"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list index d096d1035ab..e2ca2dad05f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list @@ -550,7 +550,6 @@ inline-block-alignment-004.xht == reference/inline-block-alignment-002-ref.xht inline-block-alignment-005.xht == reference/inline-block-alignment-003-ref.xht inline-block-alignment-006.xht == reference/inline-block-alignment-006-ref.xht inline-block-alignment-007.xht == reference/inline-block-alignment-006-ref.xht -inline-block-alignment-008.xht == reference/inline-block-alignment-006-ref.xht inline-block-alignment-orthogonal-vlr-003.xht == reference/inline-block-alignment-orthogonal-vrl-002-ref.xht inline-block-alignment-orthogonal-vlr-005.xht == reference/inline-block-alignment-orthogonal-vrl-002-ref.xht inline-block-alignment-orthogonal-vrl-002.xht == reference/inline-block-alignment-orthogonal-vrl-002-ref.xht @@ -628,14 +627,14 @@ table-column-order-002.xht == reference/block-flow-direction-001-ref.xht table-column-order-003.xht == reference/block-flow-direction-001-ref.xht table-column-order-004.xht == reference/block-flow-direction-001-ref.xht table-column-order-005.xht == reference/block-flow-direction-001-ref.xht -table-progression-001-vlr.xht == table-progression-001-ref.orngtml -table-progression-001-vrl.xht == table-progression-001-ref.orngtml -table-progression-002-vlr.xht == table-progression-002-ref.orngtml -table-progression-002-vrl.xht == table-progression-002-ref.orngtml -table-progression-003-vlr.xht == table-progression-001-ref.orngtml -table-progression-003-vrl.xht == table-progression-001-ref.orngtml -table-progression-004-vlr.xht == table-progression-002-ref.orngtml -table-progression-004-vrl.xht == table-progression-002-ref.orngtml +table-progression-vlr-001.xht == reference/table-progression-001-ref.xht +table-progression-vlr-002.xht == reference/table-progression-002-ref.xht +table-progression-vlr-003.xht == reference/table-progression-001-ref.xht +table-progression-vlr-004.xht == reference/table-progression-002-ref.xht +table-progression-vrl-001.xht == reference/table-progression-001-ref.xht +table-progression-vrl-002.xht == reference/table-progression-002-ref.xht +table-progression-vrl-003.xht == reference/table-progression-001-ref.xht +table-progression-vrl-004.xht == reference/table-progression-002-ref.xht text-align-vlr-003.xht == reference/ref-filled-green-100px-square.xht text-align-vlr-005.xht == reference/ref-filled-green-100px-square.xht text-align-vlr-007.xht == reference/ref-filled-green-100px-square.xht @@ -694,7 +693,6 @@ text-indent-vrl-010.xht == reference/text-indent-vrl-010-ref.xht text-indent-vrl-012.xht == reference/text-indent-vrl-012-ref.xht text-indent-vrl-014.xht == reference/text-indent-vrl-010-ref.xht text-indent-vrl-016.xht == reference/text-indent-vrl-012-ref.xht -text-orientation-012.xht == reference/text-orientation-012-ref.xht text-orientation-014.xht == reference/text-orientation-014-ref.xht unicode-bidi-001.xht == reference/direction-002-ref.xht unicode-bidi-002.xht == reference/unicode-bidi-002-ref.xht @@ -721,6 +719,9 @@ vertical-alignment-006.xht == reference/vertical-alignment-006-ref.xht vertical-alignment-007.xht == reference/vertical-alignment-006-ref.xht vertical-alignment-008.xht == reference/vertical-alignment-008-ref.xht vertical-alignment-009.xht == reference/vertical-alignment-008-ref.xht +vertical-alignment-vrl-022.xht == reference/vertical-alignment-vrl-022-ref.xht +vertical-alignment-vrl-024.xht == reference/vertical-alignment-vrl-022-ref.xht +vertical-alignment-vrl-026.xht == reference/vertical-alignment-vrl-026-ref.xht writing-mode-horizontal-001l.xht == reference/writing-mode-horizontal-001l-ref.xht writing-mode-horizontal-001r.xht == reference/writing-mode-horizontal-001r-ref.xht writing-mode-stretch-001.xht == reference/writing-mode-stretch-001-ref.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-001-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vlr-001.xht index 4f2ef3415d1..37c979b49e1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-001-vlr.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vlr-001.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-lr Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-001-ref.orngtml" rel="match" /> +<link href="reference/table-progression-001-ref.xht" rel="match" /> <meta content="This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert" /> <meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> @@ -59,7 +59,7 @@ </p><table class="test"> <thead> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></thead><tfoot> @@ -88,7 +88,7 @@ <tr> <td class="teal"> </td><td class="aqua"> - </td><td colspan="2"> + </td><td colspan="2"> </td></tr></thead><tfoot> <tr> <td colspan="2"> @@ -132,5 +132,4 @@ <td class="teal"> </td><td class="purp"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-002-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vlr-002.xht index 4ea3b3fb4f0..e621d5bdd20 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-002-vlr.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vlr-002.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-lr Table Column/Colgroup Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-002-ref.orngtml" rel="match" /> +<link href="reference/table-progression-002-ref.xht" rel="match" /> <meta content="This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert" /> <meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> @@ -84,5 +84,4 @@ </td></tr><tr><td class="aqua"> </td></tr><tr><td class="aqua"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-003-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vlr-003.xht index 83b7dc8241b..49b230aa49a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-003-vlr.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vlr-003.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-001-ref.orngtml" rel="match" /> +<link href="reference/table-progression-001-ref.xht" rel="match" /> <meta content="This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> @@ -41,7 +41,7 @@ </p><table class="test"> <thead> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></thead><tfoot> @@ -68,7 +68,7 @@ <table class="test"> <thead> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></thead><tfoot> @@ -112,5 +112,4 @@ <td class="teal"> </td><td class="purp"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-004-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vlr-004.xht index bcc840e6c9e..86bae66a4b3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-004-vlr.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vlr-004.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-lr upright orientation Table Column/Colgroup Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-002-ref.orngtml" rel="match" /> +<link href="reference/table-progression-002-ref.xht" rel="match" /> <meta content="This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> @@ -73,5 +73,4 @@ </td></tr><tr><td class="aqua"> </td></tr><tr><td class="aqua"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-001-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vrl-001.xht index da278075005..3b3bcf3f3fd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-001-vrl.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vrl-001.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-rl Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-001-ref.orngtml" rel="match" /> +<link href="reference/table-progression-001-ref.xht" rel="match" /> <meta content="This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert" /> <meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> @@ -63,7 +63,7 @@ </td><td colspan="2"> </td></tr></thead><tfoot> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></tfoot><tbody> @@ -92,7 +92,7 @@ <tr> <td class="teal"> </td><td class="aqua"> - </td><td colspan="2"> + </td><td colspan="2"> </td></tr></tfoot><tbody> <tr> <td class="purp"> @@ -129,5 +129,4 @@ <td class="teal"> </td><td class="purp"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-002-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vrl-002.xht index 933f6539936..54ba7631bed 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-002-vrl.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vrl-002.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-rl Table Column/Colgroup Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-002-ref.orngtml" rel="match" /> +<link href="reference/table-progression-002-ref.xht" rel="match" /> <meta content="This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert" /> <meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> @@ -83,5 +83,4 @@ </td></tr><tr><td class="aqua"> </td></tr><tr><td class="aqua"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-003-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vrl-003.xht index 1ec2a45c556..246f907d2f8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-003-vrl.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vrl-003.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-001-ref.orngtml" rel="match" /> +<link href="reference/table-progression-001-ref.xht" rel="match" /> <meta content="This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> @@ -46,7 +46,7 @@ </td><td colspan="2"> </td></tr></thead><tfoot> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></tfoot><tbody> @@ -73,7 +73,7 @@ </td><td colspan="2"> </td></tr></thead><tfoot> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></tfoot><tbody> @@ -112,5 +112,4 @@ <td class="teal"> </td><td class="purp"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-004-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vrl-004.xht index 9bb5a65cfdf..5e32240b55f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-004-vrl.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-vrl-004.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-rl upright orientation Table Column/Colgroup Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-002-ref.orngtml" rel="match" /> +<link href="reference/table-progression-002-ref.xht" rel="match" /> <meta content="This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> @@ -72,5 +72,4 @@ </td></tr><tr><td class="aqua"> </td></tr><tr><td class="aqua"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-002.xht index 538e2b91e7c..ac61712877e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-002.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> <link rel="match" href="reference/text-baseline-002-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> @@ -13,7 +13,6 @@ { color: orange; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-rl; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-003.xht index 94f3a9bfdd3..97afa4f6aae 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-003.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> <link rel="match" href="reference/text-baseline-002-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> @@ -13,7 +13,6 @@ { color: orange; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-lr; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-004.xht index 26812ea451c..033f4e40df9 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-004.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> <link rel="match" href="reference/text-baseline-002-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline." /> @@ -13,7 +13,6 @@ { color: orange; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-rl; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-005.xht index 08405e07bb1..0cc8c07fa93 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-005.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: text baseline alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> <link rel="match" href="reference/text-baseline-002-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline." /> @@ -13,7 +13,6 @@ { color: orange; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-lr; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-006.xht index 927ee227905..96464dc1212 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-006.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> <link rel="match" href="reference/text-baseline-006-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> @@ -13,7 +13,6 @@ { color: fuchsia; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-rl; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-007.xht index 49d091a3384..0b6a4c6ca8b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-007.xht @@ -3,6 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> <link rel="match" href="reference/text-baseline-006-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> @@ -12,7 +13,6 @@ { color: fuchsia; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-lr; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sidewaysright-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sideways-vlr-003.xht index f3678e7ac75..e455568b7bb 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sidewaysright-vlr-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sideways-vlr-003.xht @@ -3,14 +3,14 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: 'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode</title> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" title="7.5 Line-Relative Mappings" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings" /> <meta name="flags" content="" /> - <meta content="This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode." name="assert" /> + <meta content="This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode." name="assert" /> <style type="text/css"><![CDATA[ div @@ -18,7 +18,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: underline; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-lr; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sidewaysright-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sideways-vlr-005.xht index d3d7ead27bd..b50343bc4fb 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sidewaysright-vlr-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sideways-vlr-005.xht @@ -3,14 +3,14 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: 'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode</title> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" title="7.5 Line-Relative Mappings" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings" /> <meta name="flags" content="" /> - <meta content="This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode." name="assert" /> + <meta content="This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode." name="assert" /> <style type="text/css"><![CDATA[ div @@ -18,7 +18,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: overline; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-lr; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sidewaysright-vlr-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sideways-vlr-007.xht index ed516a65762..b93e72d01cf 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sidewaysright-vlr-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sideways-vlr-007.xht @@ -3,14 +3,14 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: 'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode</title> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" title="7.5 Line-Relative Mappings" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings" /> <meta name="flags" content="" /> - <meta content="This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode." name="assert" /> + <meta content="This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode." name="assert" /> <style type="text/css"><![CDATA[ div @@ -18,7 +18,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: line-through; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-lr; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sidewaysright-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sideways-vrl-002.xht index 03ef59909f4..edaba6030ce 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sidewaysright-vrl-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sideways-vrl-002.xht @@ -3,14 +3,14 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: 'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode</title> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" title="7.5 Line-Relative Mappings" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings" /> <meta name="flags" content="" /> - <meta content="This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode." name="assert" /> + <meta content="This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode." name="assert" /> <style type="text/css"><![CDATA[ div @@ -18,7 +18,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: underline; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-rl; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sidewaysright-vrl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sideways-vrl-004.xht index 813c8ebffed..eb1197fa4fc 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sidewaysright-vrl-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sideways-vrl-004.xht @@ -3,14 +3,14 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: 'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode</title> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" title="7.5 Line-Relative Mappings" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings" /> <meta name="flags" content="" /> - <meta content="This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode." name="assert" /> + <meta content="This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode." name="assert" /> <style type="text/css"><![CDATA[ div @@ -18,7 +18,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: overline; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-rl; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sidewaysright-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sideways-vrl-006.xht index 76203886c90..3f2f1ef2f59 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sidewaysright-vrl-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-decoration-sideways-vrl-006.xht @@ -3,14 +3,14 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: 'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode</title> <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" title="7.5 Line-Relative Mappings" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings" /> <meta name="flags" content="" /> - <meta content="This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode." name="assert" /> + <meta content="This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode." name="assert" /> <style type="text/css"><![CDATA[ div @@ -18,7 +18,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: line-through; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-rl; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-012.xht deleted file mode 100644 index 7221055bf9a..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-012.xht +++ /dev/null @@ -1,69 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Writing Modes Test: text-orientation - sideways-right</title> - <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"/> - <link rel="help" title="5.1. Orienting Text: the‘text-orientation’property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/> - <link rel="match" href="reference/text-orientation-012-ref.xht"/> - <meta http-equiv="content-language" content="en"/> - <meta name="flags" content="ahem"/> - <meta name="assert" content="This test checks that 'text-orientation: sideways-right' causes text to be set as if in a horizontal layout, but rotated 90° clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation."/> - <style type="text/css"> - .view_ahem - { - background: pink; - border: 1px solid black; - color: blue; - font: 20px/1 "Ahem"; - height: 3em; - margin: 10px; - width: 3em; - white-space: pre; - } - #test_ahem - { - text-orientation: sideways-right; /* The property to be tested */ - writing-mode: vertical-rl; - } - #control_ahem - { - writing-mode: horizontal-tb; - } - .view - { - border: 1px solid gray; - font-size: 1.5em; - line-height: 1.5; - margin-bottom: 10px; - width: 3em; - writing-mode: vertical-rl; - } - #test - { - text-orientation: sideways-right; /* The property to be tested */ - } - #control - { - text-combine-upright: none; - } - </style> - </head> - <body lang="en"> - <!-- - This test consists of a pair of sub-tests which complements each other. - Logically, the test should verify 1.block flow direction, 2.inline direction - and 3.glyph orientation. The "Ahem" sub-test comes first and checks 1. and 2. , - whereas "glyph" sub-test comes later and also checks 3. - --> - <p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong> and <strong>orientation</strong>.</p> - <div class="view_ahem"><span id="test_ahem">123 - 56 -7 </span></div> - <div class="view_ahem"><span id="control_ahem">7 1 - 52 - 63</span></div> - <hr/> - <div class="view"><span id="test">123Abc<br/>def456</span></div> - <div class="view"><span id="control">123Abc<br/>def456</span></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-014.xht index a2ae83d12a9..e13b1f9a553 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-014.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-014.xht @@ -3,11 +3,11 @@ <head> <title>CSS Writing Modes Test: text-orientation - sideways</title> <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"/> - <link rel="help" title="5.1. Orienting Text: the‘text-orientation’property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/> + <link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/> <link rel="match" href="reference/text-orientation-014-ref.xht"/> <meta http-equiv="content-language" content="en"/> <meta name="flags" content="ahem"/> - <meta name="assert" content="This test checks that 'text-orientation: sideways' is equivalent to‘sideways-right’in‘vertical-rl’writing mode. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation."/> + <meta name="assert" content="This test checks that 'text-orientation: sideways' causes text to be set as if in a horizontal layout, but rotated 90° clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation."/> <style type="text/css"> .view_ahem { diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-parsing-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-parsing-001.xht index 70ec636de9c..72b11ff7e4b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-parsing-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-parsing-001.xht @@ -11,7 +11,6 @@ <div data-expected="upright" style="text-orientation: upright"></div> <div data-expected="sideways" style="text-orientation: sideways"></div> -<div data-expected="sideways-right" style="text-orientation: sideways-right"></div> <div style="text-orientation: upright"> <div data-expected="upright" title="text-orientation should inherit"></div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-parsing-svg1-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-parsing-sideways-right-001.xht index 08aaf2d4cae..d82dee97957 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-parsing-svg1-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-parsing-sideways-right-001.xht @@ -1,21 +1,18 @@ <!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 Writing Modes: parsing SVG 1.1 writing-mode values</title> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes: parsing text-orientation</title> <link href="kojiishi@gmail.com" rel="author" title="Koji Ishii" /> -<link href="https://drafts.csswg.org/css-writing-modes-3/#svg-writing-mode" rel="help" /> -<meta content="This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values." name="assert" /> -<meta content="dom svg may" name="flags" /> +<link href="https://drafts.csswg.org/css-writing-modes-3/#text-orientation" rel="help" /> +<meta content="This test asserts the parser and getComputedStyle works correctly for the text-orientation property." name="assert" /> +<meta content="dom may" name="flags" /> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> -</head><body><div data-expected="lr-tb" style="writing-mode: lr-tb"></div> -<div data-expected="rl-tb" style="writing-mode: rl-tb"></div> - -<div data-expected="tb-rl" style="writing-mode: tb-rl"></div> +</head><body><div data-expected="sideways" style="text-orientation: sideways-right"></div> <script> Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) { test(function () { - var actual = getComputedStyle(element).writingMode; + var actual = getComputedStyle(element).textOrientation; assert_equals(actual, element.dataset.expected); }, element.title || element.getAttribute("style")); }); diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001.xht index c67250d7cf9..bec13f6223f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001a.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001a.xht index 24c2547c964..fcbd80c604c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001a.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001a.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001b.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001b.xht index 23a207a14d5..5bd9bcd3fc0 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001b.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001b.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001c.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001c.xht index fa2640db154..baa9939785c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001c.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001c.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001d.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001d.xht index 88a41e10151..95118d89095 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001d.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001d.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001e.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001e.xht index f265c24ee94..0e3d5814d52 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001e.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001e.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001f.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001f.xht index 9b903da4b35..0e698ae9e11 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001f.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001f.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001g.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001g.xht index 1b66937fe9e..a785715bf6f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001g.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001g.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001h.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001h.xht index 1db967d411a..8c21bc7594c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001h.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001h.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001i.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001i.xht index 813accf44b4..0c1619b097d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001i.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001i.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001j.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001j.xht index 2e72ca24231..beae14e9aeb 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001j.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001j.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001k.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001k.xht index dc7ff0b88cf..db19e1137c3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001k.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001k.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001l.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001l.xht index 8dbbbaac447..a996ca18ef3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001l.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001l.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001m.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001m.xht index 2f3f40eaa06..34c70da0a9c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001m.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001m.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001n.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001n.xht index d211362f22c..1a4244231fd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001n.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001n.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001o.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001o.xht index ceb0f8630f6..02f20d97200 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001o.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-script-001o.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-001.xht index dc8746dd85c..064688d3f4b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-001.xht @@ -3,9 +3,9 @@ <head> <title>CSS Writing Modes Test: text-orientation - sideways in vertical-rl writing mode</title> <link rel="author" title="Kazuaki Takemura" href="mailto:takemura@networksoft.co.jp"/> - <link rel="help" title="5.1. Orienting Text" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/> + <link rel="help" title="5.1. Orienting Text" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/> <meta name="flags" content="font image"/> - <meta name="assert" content="This test checks that the same as [text-orientation: sideways-right], general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction."/> + <meta name="assert" content="This test checks that general horizontal text (include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction."/> <style type="text/css"><![CDATA[ @font-face { diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-right-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-right-001.xht deleted file mode 100644 index 6ec48b6c90f..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-right-001.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Writing Modes Test: text-orientation - sideways-right in vertical-rl writing mode</title> - <link rel="author" title="Kazuaki Takemura" href="mailto:takemura@networksoft.co.jp"/> - <link rel="help" title="5.1. Orienting Text" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/> - <meta name="flags" content="font image"/> - <meta name="assert" content="This test checks that general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction."/> - <style type="text/css"><![CDATA[ - @font-face - { - font-family: "DejaVuSerifBook"; - src: url("support/DejaVuSerif-webfont.woff") format("woff"); - /* Filesize: 18096 bytes (17.7 KBytes) */ - } - - div { - border: 1px solid gray; - float: left; - color: blue; - font-family: "DejaVuSerifBook"; - font-size: 30px; - line-height: 1.4; /* equivalent to 42px: - so that top-half-leading outside content is 6px - and bottom-half-leading outside content is 6px */ - margin: 10px; - } - - div#vertical - { - writing-mode: vertical-rl; - text-orientation: sideways-right; - } - - img {vertical-align: top;} - - ]]></style> - </head> - <body> - - <p>Test passes if both "Text sample" rectangles - have the same order, the same orientation and the same layout: - "Text sample" should be displayed rotates 90 degrees clockwise.</p> - - <div id="vertical">Ｔext sample</div> - - <div><img src="./support/text-orientation-sideways-right-001.png" width="42" height="184" alt="Image download support must be enabled"/></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht index 8c26f28062c..0f3fedf19fd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht @@ -32,17 +32,17 @@ <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(90 Tests)</td></tr> + <td>(89 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - Inline-level Alignment</a></th> - <td>(31 Tests)</td></tr> + <td>(30 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - Introduction to Vertical Text Layout</a></th> - <td>(29 Tests)</td></tr> + <td>(28 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - @@ -52,7 +52,7 @@ <tbody id="s7"> <tr><th><a href="chapter-7.xht">Chapter 7 - Abstract Box Layout</a></th> - <td>(485 Tests)</td></tr> + <td>(494 Tests)</td></tr> </tbody> <tbody id="s8"> <tr><th><a href="chapter-8.xht">Chapter 8 - diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-010.xht new file mode 100644 index 00000000000..efd4791c2d2 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-010.xht @@ -0,0 +1,36 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-mixed + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: mixed; + } + + span + { + vertical-align: super; + color: blue; + margin-top: -1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p> + + <div id="rl-mixed">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-012.xht new file mode 100644 index 00000000000..696464446d2 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-012.xht @@ -0,0 +1,36 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-upright + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: upright; + } + + span + { + vertical-align: super; + color: blue; + margin-top: -1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p> + + <div id="rl-upright">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-014.xht new file mode 100644 index 00000000000..021be1d81b1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-014.xht @@ -0,0 +1,36 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-sideways + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: sideways; + } + + span + { + vertical-align: super; + color: blue; + margin-top: -1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p> + + <div id="rl-sideways">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-016.xht new file mode 100644 index 00000000000..712481460ab --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-016.xht @@ -0,0 +1,36 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-mixed + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: mixed; + } + + span + { + vertical-align: sub; + color: blue; + margin-top: -1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p> + + <div id="rl-mixed">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-018.xht new file mode 100644 index 00000000000..1828a604ae5 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-018.xht @@ -0,0 +1,36 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-upright + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: upright; + } + + span + { + vertical-align: sub; + color: blue; + margin-top: -1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p> + + <div id="rl-upright">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-020.xht new file mode 100644 index 00000000000..3aa595a5f8a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-020.xht @@ -0,0 +1,36 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-sideways + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: sideways; + } + + span + { + vertical-align: sub; + color: blue; + margin-top: -1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p> + + <div id="rl-sideways">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-022.xht new file mode 100644 index 00000000000..e00751dfae5 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-022.xht @@ -0,0 +1,36 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent." /> + <link rel="match" href="reference/vertical-alignment-vrl-022-ref.xht" /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-upright + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: blue; + text-orientation: upright; + } + + span + { + font-size: 0.2em; + vertical-align: middle; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="rl-upright">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-024.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-024.xht new file mode 100644 index 00000000000..5e8a8afbe9f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-024.xht @@ -0,0 +1,36 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent." /> + <link rel="match" href="reference/vertical-alignment-vrl-022-ref.xht" /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-mixed + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: blue; + text-orientation: mixed; + } + + span + { + font-size: 0.2em; + vertical-align: middle; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="rl-mixed">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-026.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-026.xht new file mode 100644 index 00000000000..bbb515b9d84 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/vertical-alignment-vrl-026.xht @@ -0,0 +1,36 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent." /> + <link rel="match" href="reference/vertical-alignment-vrl-026-ref.xht" /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-sideways + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: blue; + text-orientation: sideways; + } + + span + { + font-size: 0.8em; + vertical-align: middle; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="rl-sideways">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-parsing-svg1-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-parsing-svg1-001.xht index b9be3a0f7b0..90381ae24ee 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-parsing-svg1-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/writing-mode-parsing-svg1-001.xht @@ -7,10 +7,13 @@ <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> -</head><body><div data-expected="lr" style="writing-mode: lr"></div> -<div data-expected="rl" style="writing-mode: rl"></div> +</head><body><div data-expected="horizontal-tb" style="writing-mode: lr"></div> +<div data-expected="horizontal-tb" style="writing-mode: lr-tb"></div> +<div data-expected="horizontal-tb" style="writing-mode: rl"></div> +<div data-expected="horizontal-tb" style="writing-mode: rl-tb"></div> -<div data-expected="tb" style="writing-mode: tb"></div> +<div data-expected="vertical-rl" style="writing-mode: tb"></div> +<div data-expected="vertical-rl" style="writing-mode: tb-rl"></div> <script> Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) { diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-2.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-2.xht index cf853a1987d..32a7b992ab4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-2.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-2.xht @@ -1345,10 +1345,10 @@ </ul> </td> </tr> - <tr id="table-progression-001-vlr-2.1" class=""> + <tr id="table-progression-vlr-001-2.1" class=""> <td> - <a href="table-progression-001-vlr.xht">table-progression-001-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-001.xht">table-progression-vlr-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> <td>vertical-lr Table Row/Rowgroup/Cell Ordering <ul class="assert"> @@ -1357,79 +1357,79 @@ </ul> </td> </tr> - <tr id="table-progression-001-vrl-2.1" class=""> + <tr id="table-progression-vlr-002-2.1" class=""> <td> - <a href="table-progression-001-vrl.xht">table-progression-001-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-002.xht">table-progression-vlr-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl Table Row/Rowgroup/Cell Ordering + <td>vertical-lr Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> - <tr id="table-progression-002-vlr-2.1" class=""> + <tr id="table-progression-vlr-003-2.1" class=""> <td> - <a href="table-progression-002-vlr.xht">table-progression-002-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-003.xht">table-progression-vlr-003</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr Table Column/Colgroup Ordering + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-002-vrl-2.1" class=""> + <tr id="table-progression-vlr-004-2.1" class=""> <td> - <a href="table-progression-002-vrl.xht">table-progression-002-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-004.xht">table-progression-vlr-004</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl Table Column/Colgroup Ordering + <td>vertical-lr upright orientation Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-003-vlr-2.1" class=""> + <tr id="table-progression-vrl-001-2.1" class=""> <td> - <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-001.xht">table-progression-vrl-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-rl Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> </ul> </td> </tr> - <tr id="table-progression-003-vrl-2.1" class=""> + <tr id="table-progression-vrl-002-2.1" class=""> <td> - <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-002.xht">table-progression-vrl-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-rl Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> - <tr id="table-progression-004-vlr-2.1" class=""> + <tr id="table-progression-vrl-003-2.1" class=""> <td> - <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-003.xht">table-progression-vrl-003</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-004-vrl-2.1" class=""> + <tr id="table-progression-vrl-004-2.1" class=""> <td> - <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-004.xht">table-progression-vrl-004</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> <td>vertical-rl upright orientation Table Column/Colgroup Ordering <ul class="assert"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht index 2c67433470d..6b51709a27c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (90 tests)</h2> + <h2>Introduction to Vertical Text (89 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -745,10 +745,10 @@ </ul> </td> </tr> - <tr id="table-progression-001-vlr-3.1" class="primary"> + <tr id="table-progression-vlr-001-3.1" class="primary"> <td><strong> - <a href="table-progression-001-vlr.xht">table-progression-001-vlr</a></strong></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-001.xht">table-progression-vlr-001</a></strong></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> <td>vertical-lr Table Row/Rowgroup/Cell Ordering <ul class="assert"> @@ -757,79 +757,79 @@ </ul> </td> </tr> - <tr id="table-progression-001-vrl-3.1" class="primary"> + <tr id="table-progression-vlr-002-3.1" class="primary"> <td><strong> - <a href="table-progression-001-vrl.xht">table-progression-001-vrl</a></strong></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-002.xht">table-progression-vlr-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl Table Row/Rowgroup/Cell Ordering + <td>vertical-lr Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> - <tr id="table-progression-002-vlr-3.1" class="primary"> + <tr id="table-progression-vlr-003-3.1" class="primary"> <td><strong> - <a href="table-progression-002-vlr.xht">table-progression-002-vlr</a></strong></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-003.xht">table-progression-vlr-003</a></strong></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr Table Column/Colgroup Ordering + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-002-vrl-3.1" class="primary"> + <tr id="table-progression-vlr-004-3.1" class="primary"> <td><strong> - <a href="table-progression-002-vrl.xht">table-progression-002-vrl</a></strong></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-004.xht">table-progression-vlr-004</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl Table Column/Colgroup Ordering + <td>vertical-lr upright orientation Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> - <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-003-vlr-3.1" class="primary"> + <tr id="table-progression-vrl-001-3.1" class="primary"> <td><strong> - <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></strong></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-001.xht">table-progression-vrl-001</a></strong></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-rl Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> </ul> </td> </tr> - <tr id="table-progression-003-vrl-3.1" class="primary"> + <tr id="table-progression-vrl-002-3.1" class="primary"> <td><strong> - <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></strong></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-002.xht">table-progression-vrl-002</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-rl Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> </ul> </td> </tr> - <tr id="table-progression-004-vlr-3.1" class="primary"> + <tr id="table-progression-vrl-003-3.1" class="primary"> <td><strong> - <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></strong></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-003.xht">table-progression-vrl-003</a></strong></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-004-vrl-3.1" class="primary"> + <tr id="table-progression-vrl-004-3.1" class="primary"> <td><strong> - <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></strong></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-004.xht">table-progression-vrl-004</a></strong></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> <td>vertical-rl upright orientation Table Column/Colgroup Ordering <ul class="assert"> @@ -1015,7 +1015,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#svg-writing-mode">3.1.1 SVG1.1 writing-mode Values</a></th></tr> - <!-- 2 tests --> + <!-- 1 tests --> <tr id="writing-mode-parsing-svg1-001-3.1.1" class="primary dom may svg script"> <td><strong> <a href="writing-mode-parsing-svg1-001.xht">writing-mode-parsing-svg1-001</a></strong></td> @@ -1027,17 +1027,6 @@ </ul> </td> </tr> - <tr id="writing-mode-parsing-svg1-002-3.1.1" class="primary dom may svg script"> - <td><strong> - <a href="writing-mode-parsing-svg1-002.xht">writing-mode-parsing-svg1-002</a></strong></td> - <td></td> - <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="svg" title="Requires SVG support">SVG</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> - <td>CSS Writing Modes: parsing SVG 1.1 writing-mode values - <ul class="assert"> - <li>This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values.</li> - </ul> - </td> - </tr> </tbody> <tbody id="s3.1.1.#inline-progression-direction"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-4.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-4.xht index ab467fc9288..5c9eb2e4517 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-4.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-4.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline-level Alignment (31 tests)</h2> + <h2>Inline-level Alignment (30 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -149,7 +149,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.3">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">4.3 Atomic Inline Baselines</a></th></tr> - <!-- 23 tests --> + <!-- 22 tests --> <tr id="baseline-inline-non-replaced-002-4.3" class="primary ahem"> <td><strong> <a href="baseline-inline-non-replaced-002.xht">baseline-inline-non-replaced-002</a></strong></td> @@ -282,17 +282,6 @@ </ul> </td> </tr> - <tr id="inline-block-alignment-008-4.3" class="primary ahem"> - <td><strong> - <a href="inline-block-alignment-008.xht">inline-block-alignment-008</a></strong></td> - <td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline block alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> <tr id="inline-block-alignment-orthogonal-vlr-003-4.3" class="primary ahem"> <td><strong> <a href="inline-block-alignment-orthogonal-vlr-003.xht">inline-block-alignment-orthogonal-vlr-003</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-5.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-5.xht index a6512290c2c..fb76b97174c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-5.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-5.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text Layout (29 tests)</h2> + <h2>Introduction to Vertical Text Layout (28 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -55,11 +55,11 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s5.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr> - <!-- 29 tests --> - <tr id="table-progression-003-vlr-5.1" class=""> + <!-- 28 tests --> + <tr id="table-progression-vlr-003-5.1" class=""> <td> - <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-003.xht">table-progression-vlr-003</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> @@ -67,32 +67,32 @@ </ul> </td> </tr> - <tr id="table-progression-003-vrl-5.1" class=""> + <tr id="table-progression-vlr-004-5.1" class=""> <td> - <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-004.xht">table-progression-vlr-004</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> - <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <td>vertical-lr upright orientation Table Column/Colgroup Ordering <ul class="assert"> - <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-004-vlr-5.1" class=""> + <tr id="table-progression-vrl-003-5.1" class=""> <td> - <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-003.xht">table-progression-vrl-003</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td></td> - <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering <ul class="assert"> - <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> - <tr id="table-progression-004-vrl-5.1" class=""> + <tr id="table-progression-vrl-004-5.1" class=""> <td> - <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-004.xht">table-progression-vrl-004</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td></td> <td>vertical-rl upright orientation Table Column/Colgroup Ordering <ul class="assert"> @@ -122,17 +122,6 @@ </ul> </td> </tr> - <tr id="text-orientation-012-5.1" class="primary ahem"> - <td><strong> - <a href="text-orientation-012.xht">text-orientation-012</a></strong></td> - <td><a href="reference/text-orientation-012-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text-orientation - sideways-right - <ul class="assert"> - <li>This test checks that 'text-orientation: sideways-right' causes text to be set as if in a horizontal layout, but rotated 90&deg; clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li> - </ul> - </td> - </tr> <tr id="text-orientation-014-5.1" class="primary ahem"> <td><strong> <a href="text-orientation-014.xht">text-orientation-014</a></strong></td> @@ -140,7 +129,7 @@ <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text-orientation - sideways <ul class="assert"> - <li>This test checks that 'text-orientation: sideways' is equivalent to&#8216;sideways-right&#8217;in&#8216;vertical-rl&#8217;writing mode. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li> + <li>This test checks that 'text-orientation: sideways' causes text to be set as if in a horizontal layout, but rotated 90&deg; clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation.</li> </ul> </td> </tr> @@ -166,6 +155,17 @@ </ul> </td> </tr> + <tr id="text-orientation-parsing-sideways-right-001-5.1" class="primary dom may script"> + <td><strong> + <a href="text-orientation-parsing-sideways-right-001.xht">text-orientation-parsing-sideways-right-001</a></strong></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSS Writing Modes: parsing text-orientation + <ul class="assert"> + <li>This test asserts the parser and getComputedStyle works correctly for the text-orientation property.</li> + </ul> + </td> + </tr> <tr id="text-orientation-script-001-5.1" class="primary combo dom font script"> <td><strong> <a href="text-orientation-script-001.xht">text-orientation-script-001</a></strong></td> @@ -349,18 +349,7 @@ <td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>text-orientation - sideways in vertical-rl writing mode <ul class="assert"> - <li>This test checks that the same as [text-orientation: sideways-right], general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.</li> - </ul> - </td> - </tr> - <tr id="text-orientation-sideways-right-001-5.1" class="primary font image"> - <td><strong> - <a href="text-orientation-sideways-right-001.xht">text-orientation-sideways-right-001</a></strong></td> - <td></td> - <td><abbr class="font" title="Requires a special font">Font</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> - <td>text-orientation - sideways-right in vertical-rl writing mode - <ul class="assert"> - <li>This test checks that general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.</li> + <li>This test checks that general horizontal text (include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-6.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-6.xht index 104ee24984d..167347a99a8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-6.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-6.xht @@ -349,69 +349,69 @@ <a href="#s6.4">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical">6.4 Abstract-to-Physical Mappings</a></th></tr> <!-- 12 tests --> - <tr id="text-decoration-sidewaysright-vlr-003-6.4" class=""> + <tr id="text-decoration-sideways-vlr-003-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vlr-003.xht">text-decoration-sidewaysright-vlr-003</a></td> + <a href="text-decoration-sideways-vlr-003.xht">text-decoration-sideways-vlr-003</a></td> <td></td> <td></td> - <td>'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vlr-005-6.4" class=""> + <tr id="text-decoration-sideways-vlr-005-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vlr-005.xht">text-decoration-sidewaysright-vlr-005</a></td> + <a href="text-decoration-sideways-vlr-005.xht">text-decoration-sideways-vlr-005</a></td> <td></td> <td></td> - <td>'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vlr-007-6.4" class=""> + <tr id="text-decoration-sideways-vlr-007-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vlr-007.xht">text-decoration-sidewaysright-vlr-007</a></td> + <a href="text-decoration-sideways-vlr-007.xht">text-decoration-sideways-vlr-007</a></td> <td></td> <td></td> - <td>'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-002-6.4" class=""> + <tr id="text-decoration-sideways-vrl-002-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vrl-002.xht">text-decoration-sidewaysright-vrl-002</a></td> + <a href="text-decoration-sideways-vrl-002.xht">text-decoration-sideways-vrl-002</a></td> <td></td> <td></td> - <td>'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-004-6.4" class=""> + <tr id="text-decoration-sideways-vrl-004-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vrl-004.xht">text-decoration-sidewaysright-vrl-004</a></td> + <a href="text-decoration-sideways-vrl-004.xht">text-decoration-sideways-vrl-004</a></td> <td></td> <td></td> - <td>'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-006-6.4" class=""> + <tr id="text-decoration-sideways-vrl-006-6.4" class=""> <td> - <a href="text-decoration-sidewaysright-vrl-006.xht">text-decoration-sidewaysright-vrl-006</a></td> + <a href="text-decoration-sideways-vrl-006.xht">text-decoration-sideways-vrl-006</a></td> <td></td> <td></td> - <td>'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-7.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-7.xht index dd2abbb290e..a2e4e773a75 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-7.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-7.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Abstract Box Layout (485 tests)</h2> + <h2>Abstract Box Layout (494 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -4681,70 +4681,70 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s7.5">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings">7.5 Line-Relative Mappings</a></th></tr> - <!-- 26 tests --> - <tr id="text-decoration-sidewaysright-vlr-003-7.5" class="primary"> + <!-- 35 tests --> + <tr id="text-decoration-sideways-vlr-003-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vlr-003.xht">text-decoration-sidewaysright-vlr-003</a></strong></td> + <a href="text-decoration-sideways-vlr-003.xht">text-decoration-sideways-vlr-003</a></strong></td> <td></td> <td></td> - <td>'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vlr-005-7.5" class="primary"> + <tr id="text-decoration-sideways-vlr-005-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vlr-005.xht">text-decoration-sidewaysright-vlr-005</a></strong></td> + <a href="text-decoration-sideways-vlr-005.xht">text-decoration-sideways-vlr-005</a></strong></td> <td></td> <td></td> - <td>'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vlr-007-7.5" class="primary"> + <tr id="text-decoration-sideways-vlr-007-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vlr-007.xht">text-decoration-sidewaysright-vlr-007</a></strong></td> + <a href="text-decoration-sideways-vlr-007.xht">text-decoration-sideways-vlr-007</a></strong></td> <td></td> <td></td> - <td>'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode + <td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode.</li> + <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-002-7.5" class="primary"> + <tr id="text-decoration-sideways-vrl-002-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vrl-002.xht">text-decoration-sidewaysright-vrl-002</a></strong></td> + <a href="text-decoration-sideways-vrl-002.xht">text-decoration-sideways-vrl-002</a></strong></td> <td></td> <td></td> - <td>'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-004-7.5" class="primary"> + <tr id="text-decoration-sideways-vrl-004-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vrl-004.xht">text-decoration-sidewaysright-vrl-004</a></strong></td> + <a href="text-decoration-sideways-vrl-004.xht">text-decoration-sideways-vrl-004</a></strong></td> <td></td> <td></td> - <td>'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> - <tr id="text-decoration-sidewaysright-vrl-006-7.5" class="primary"> + <tr id="text-decoration-sideways-vrl-006-7.5" class="primary"> <td><strong> - <a href="text-decoration-sidewaysright-vrl-006.xht">text-decoration-sidewaysright-vrl-006</a></strong></td> + <a href="text-decoration-sideways-vrl-006.xht">text-decoration-sideways-vrl-006</a></strong></td> <td></td> <td></td> - <td>'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode + <td>'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode <ul class="assert"> - <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode.</li> + <li>This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode.</li> </ul> </td> </tr> @@ -4968,6 +4968,105 @@ </ul> </td> </tr> + <tr id="vertical-alignment-vrl-010-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-010.xht">vertical-alignment-vrl-010</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-012-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-012.xht">vertical-alignment-vrl-012</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-014-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-014.xht">vertical-alignment-vrl-014</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-016-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-016.xht">vertical-alignment-vrl-016</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-018-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-018.xht">vertical-alignment-vrl-018</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-020-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-020.xht">vertical-alignment-vrl-020</a></strong></td> + <td></td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-022-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-022.xht">vertical-alignment-vrl-022</a></strong></td> + <td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-024-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-024.xht">vertical-alignment-vrl-024</a></strong></td> + <td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li> + </ul> + </td> + </tr> + <tr id="vertical-alignment-vrl-026-7.5" class="primary ahem"> + <td><strong> + <a href="vertical-alignment-vrl-026.xht">vertical-alignment-vrl-026</a></strong></td> + <td><a href="reference/vertical-alignment-vrl-026-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>vertical-align - 'top' and vertical-rl writing-mode + <ul class="assert"> + <li>This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s7.6"> <tr><th colspan="4" scope="rowgroup"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-reverse-wrap-reverse.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-reverse-wrap-reverse.xht index d7b48698f3b..ff3b5c9e0b9 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-reverse-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-reverse-wrap-reverse.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-reverse-wrap.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-reverse-wrap.xht index a0938455bf9..b4c230381e0 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-reverse-wrap.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-reverse-wrap.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-reverse.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-reverse.xht index b4ca1c84a14..52325c0e952 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-reverse.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-reverse.xht @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-wrap-reverse.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-wrap-reverse.xht index 36aee4caaf7..633ba9a5e57 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-wrap-reverse.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-wrap-reverse.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-wrap.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-wrap.xht index 49feeb202d0..4add33a971e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-wrap.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row-wrap.xht @@ -25,6 +25,7 @@ background: green; height: 3em; width: 1.5em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row.xht index 78073beae36..1f675920706 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/css-flexbox-row.xht @@ -23,6 +23,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; /* make sure UA that doesn't support writing mode and flexbox fails. */ float: right; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-004.xht index 021f0a2898d..90e5a6fc0b3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-004.xht @@ -23,14 +23,16 @@ <style type="text/css"><![CDATA[ form - { - font-size: 1.25em; - height: 13.5em; - margin-left: 0.7em; - writing-mode: vertical-rl; - } + { + font-size: 18px; + margin-left: 5em; + writing-mode: vertical-rl; + } - select { vertical-align: top; } + select + { + vertical-align: top; + } ]]></style> </head> @@ -39,7 +41,7 @@ <form action=""> <p><label>姓名 <input value="艾俐俐" size="10" /></label></p> - <p><label>语言 <select size="5"><option>English</option> + <p><label>语言 <select size="1"><option>English</option> <option>français</option> <option>فارسی</option> <option>中文</option> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-002.xht index d7570cedf7f..d027bfb6225 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-002.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-002-ref.xht" /> @@ -23,7 +23,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-003.xht index 3d34c41f12c..074d644565e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-003.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-003-ref.xht" /> @@ -23,7 +23,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-004.xht index f595a79aa2a..40e59920716 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-004.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-002-ref.xht" /> @@ -23,7 +23,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-005.xht index 70e03d51dc3..e78837e3683 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-005.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-003-ref.xht" /> @@ -23,7 +23,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-006.xht index 0a3dc21b403..93b7f6f1634 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-006.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> @@ -23,7 +23,6 @@ { color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-007.xht index c4203c3076f..63a9c5a1367 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-007.xht @@ -12,6 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> @@ -22,7 +23,6 @@ { color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-008.xht deleted file mode 100644 index cd58a75d98a..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-008.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test inline-block-alignment-008"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> - <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> - <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> - <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> - <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#rl-sideways-right - { - color: fuchsia; - font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; - writing-mode: vertical-rl; - text-orientation: sideways-right; - } - - div#inline-block - { - display: inline-block; - padding-left: 0.5em; /* computes to 60px */ - font-size: 2em; /* computes to 120px */ - /* - such padding-left declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - - span.block-descendant - { - display: block; - } - - span#fuchsia30 - { - padding-right: 4em; /* computes to 120px */ - font-size: 0.5em; /* computes to 30px */ - /* - such padding-right declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="rl-sideways-right">É<div id="inline-block"> - <span class="block-descendant">B</span> - <span class="block-descendant last-line-box">É</span> - </div><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/css-flexbox-row-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/css-flexbox-row-ref.xht index 0357fe55d14..c7989de8419 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/css-flexbox-row-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/css-flexbox-row-ref.xht @@ -12,6 +12,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; } </style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-001-ref.xht new file mode 100644 index 00000000000..431019d8365 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-001-ref.xht @@ -0,0 +1,93 @@ +<!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 Reference</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> + +<style> + table { + border-spacing: 0; + margin: 1em; + } + td { + width: 1em; + height: 1em; + border: solid gray; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + caption { background: green; } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table> + <caption></caption> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table> + <tbody><tr> + <td rowspan="2"> + </td><td class="orng"> + </td><td colspan="3"> + </td><td class="navy"> + </td></tr><tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan="2"> + </td><td class="blue"> + </td></tr><tr> + <td class="aqua"> + </td><td colspan="2" rowspan="2"> + </td><td rowspan="2"> + </td></tr><tr> + <td class="teal"> + </td><td class="purp"> +</td></tr></tbody></table> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-002-ref.xht new file mode 100644 index 00000000000..00313892019 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-002-ref.xht @@ -0,0 +1,69 @@ +<!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 Reference</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> + +<style> + table { + border-spacing: 0; + border: solid gray; + margin: 1em; + float: left; + } + td { + width: 1em; + height: 1em; + } + + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + + +<table class="reference"> + <tbody><tr><td class="navy"> + </td></tr><tr><td class="navy"> + </td></tr><tr><td class="blue"> + </td></tr><tr><td class="aqua"> + </td></tr><tr><td class="aqua"> +</td></tr></tbody></table> + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-orientation-012-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-orientation-012-ref.xht deleted file mode 100644 index 41b95dfcff3..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-orientation-012-ref.xht +++ /dev/null @@ -1,60 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Reftest Reference</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-orientation-012-ref"; } - @bottom-right { content: counter(page); } - } -</style> - <!-- reftest for text-orientation-012.xht --> - <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"/> - <meta http-equiv="content-language" content="en"/> - <style type="text/css"> - .view_ahem - { - background: pink; - border: 1px solid black; - color: blue; - font: 20px/1 "Ahem"; - height: 3em; - margin: 10px; - width: 3em; - white-space: pre; - } - .control_ahem - { - writing-mode: horizontal-tb; - } - .view - { - border: 1px solid gray; - font-size: 1.5em; - line-height: 1.5; - margin-bottom: 10px; - width: 3em; - writing-mode: vertical-rl; - } - .control - { - text-combine-upright: none; - } - </style> - </head> - <body lang="en"> - <p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong> and <strong>orientation</strong>.</p> - <div class="view_ahem"><span class="control_ahem">7 1 - 52 - 63</span></div> - <div class="view_ahem"><span class="control_ahem">7 1 - 52 - 63</span></div> - <hr/> - <div class="view"><span class="control">123Abc<br/>def456</span></div> - <div class="view"><span class="control">123Abc<br/>def456</span></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/vertical-alignment-vrl-022-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/vertical-alignment-vrl-022-ref.xht new file mode 100644 index 00000000000..0f3bbee1f36 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/vertical-alignment-vrl-022-ref.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test vertical-alignment-vrl-022-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <meta name="flags" content="image" /> + <style type="text/css"><![CDATA[ + img + { + padding-left: 60px; + vertical-align: top; + } + img + br + img + { + padding-left: 108px; /* 60 px (padding-left) + 48 px (the position of small blue box)*/ + } + ]]></style> + +</head> + +<body> + +<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + +<div> + <img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="12" height="12" alt="Image download support must be enabled" /> +</div> + +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/vertical-alignment-vrl-026-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/vertical-alignment-vrl-026-ref.xht new file mode 100644 index 00000000000..40622daf16e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/vertical-alignment-vrl-026-ref.xht @@ -0,0 +1,39 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test vertical-alignment-vrl-026-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <meta name="flags" content="image" /> + <style type="text/css"><![CDATA[ + img + { + padding-left: 60px; + vertical-align: top; + } + img + br + img + { + padding-left: 72px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/ + } + ]]></style> + +</head> + +<body> + +<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + +<div> + <img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="48" height="48" alt="Image download support must be enabled" /> +</div> + +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht index d0569d960c8..cb6600156a7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht @@ -4432,14 +4432,6 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="inline-block-alignment-008" class="ahem"> - <tr> - <td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout"> - <a href="inline-block-alignment-008.xht">inline-block-alignment-008</a></td> - <td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> <tbody id="inline-block-alignment-orthogonal-vlr-003" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment of inline-block in orthogonal flow"> @@ -5056,67 +5048,67 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="table-progression-001-vlr" class=""> + <tbody id="table-progression-vlr-001" class=""> <tr> <td rowspan="1" title="vertical-lr Table Row/Rowgroup/Cell Ordering"> - <a href="table-progression-001-vlr.xht">table-progression-001-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <a href="table-progression-vlr-001.xht">table-progression-vlr-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-001-vrl" class=""> + <tbody id="table-progression-vlr-002" class=""> <tr> - <td rowspan="1" title="vertical-rl Table Row/Rowgroup/Cell Ordering"> - <a href="table-progression-001-vrl.xht">table-progression-001-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-lr Table Column/Colgroup Ordering"> + <a href="table-progression-vlr-002.xht">table-progression-vlr-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-002-vlr" class=""> + <tbody id="table-progression-vlr-003" class=""> <tr> - <td rowspan="1" title="vertical-lr Table Column/Colgroup Ordering"> - <a href="table-progression-002-vlr.xht">table-progression-002-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-vlr-003.xht">table-progression-vlr-003</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-002-vrl" class=""> + <tbody id="table-progression-vlr-004" class=""> <tr> - <td rowspan="1" title="vertical-rl Table Column/Colgroup Ordering"> - <a href="table-progression-002-vrl.xht">table-progression-002-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-lr upright orientation Table Column/Colgroup Ordering"> + <a href="table-progression-vlr-004.xht">table-progression-vlr-004</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-003-vlr" class=""> + <tbody id="table-progression-vrl-001" class=""> <tr> - <td rowspan="1" title="vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering"> - <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-rl Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-vrl-001.xht">table-progression-vrl-001</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-003-vrl" class=""> + <tbody id="table-progression-vrl-002" class=""> <tr> - <td rowspan="1" title="vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering"> - <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></td> - <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-rl Table Column/Colgroup Ordering"> + <a href="table-progression-vrl-002.xht">table-progression-vrl-002</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-004-vlr" class=""> + <tbody id="table-progression-vrl-003" class=""> <tr> - <td rowspan="1" title="vertical-lr upright orientation Table Column/Colgroup Ordering"> - <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1" title="vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-vrl-003.xht">table-progression-vrl-003</a></td> + <td><a href="reference/table-progression-001-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="table-progression-004-vrl" class=""> + <tbody id="table-progression-vrl-004" class=""> <tr> <td rowspan="1" title="vertical-rl upright orientation Table Column/Colgroup Ordering"> - <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></td> - <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <a href="table-progression-vrl-004.xht">table-progression-vrl-004</a></td> + <td><a href="reference/table-progression-002-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -5584,14 +5576,6 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> - <tbody id="text-orientation-012" class="ahem"> - <tr> - <td rowspan="1" title="text-orientation - sideways-right"> - <a href="text-orientation-012.xht">text-orientation-012</a></td> - <td><a href="reference/text-orientation-012-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> <tbody id="text-orientation-014" class="ahem"> <tr> <td rowspan="1" title="text-orientation - sideways"> @@ -5800,6 +5784,30 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> + <tbody id="vertical-alignment-vrl-022" class="ahem"> + <tr> + <td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode"> + <a href="vertical-alignment-vrl-022.xht">vertical-alignment-vrl-022</a></td> + <td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="vertical-alignment-vrl-024" class="ahem"> + <tr> + <td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode"> + <a href="vertical-alignment-vrl-024.xht">vertical-alignment-vrl-024</a></td> + <td><a href="reference/vertical-alignment-vrl-022-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="vertical-alignment-vrl-026" class="ahem"> + <tr> + <td rowspan="1" title="vertical-align - 'top' and vertical-rl writing-mode"> + <a href="vertical-alignment-vrl-026.xht">vertical-alignment-vrl-026</a></td> + <td><a href="reference/vertical-alignment-vrl-026-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> <tbody id="writing-mode-horizontal-001l" class=""> <tr> <td rowspan="1" title="CSS Writing Modes: text-combine-upright in horizontal writing mode"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list index d096d1035ab..e2ca2dad05f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list @@ -550,7 +550,6 @@ inline-block-alignment-004.xht == reference/inline-block-alignment-002-ref.xht inline-block-alignment-005.xht == reference/inline-block-alignment-003-ref.xht inline-block-alignment-006.xht == reference/inline-block-alignment-006-ref.xht inline-block-alignment-007.xht == reference/inline-block-alignment-006-ref.xht -inline-block-alignment-008.xht == reference/inline-block-alignment-006-ref.xht inline-block-alignment-orthogonal-vlr-003.xht == reference/inline-block-alignment-orthogonal-vrl-002-ref.xht inline-block-alignment-orthogonal-vlr-005.xht == reference/inline-block-alignment-orthogonal-vrl-002-ref.xht inline-block-alignment-orthogonal-vrl-002.xht == reference/inline-block-alignment-orthogonal-vrl-002-ref.xht @@ -628,14 +627,14 @@ table-column-order-002.xht == reference/block-flow-direction-001-ref.xht table-column-order-003.xht == reference/block-flow-direction-001-ref.xht table-column-order-004.xht == reference/block-flow-direction-001-ref.xht table-column-order-005.xht == reference/block-flow-direction-001-ref.xht -table-progression-001-vlr.xht == table-progression-001-ref.orngtml -table-progression-001-vrl.xht == table-progression-001-ref.orngtml -table-progression-002-vlr.xht == table-progression-002-ref.orngtml -table-progression-002-vrl.xht == table-progression-002-ref.orngtml -table-progression-003-vlr.xht == table-progression-001-ref.orngtml -table-progression-003-vrl.xht == table-progression-001-ref.orngtml -table-progression-004-vlr.xht == table-progression-002-ref.orngtml -table-progression-004-vrl.xht == table-progression-002-ref.orngtml +table-progression-vlr-001.xht == reference/table-progression-001-ref.xht +table-progression-vlr-002.xht == reference/table-progression-002-ref.xht +table-progression-vlr-003.xht == reference/table-progression-001-ref.xht +table-progression-vlr-004.xht == reference/table-progression-002-ref.xht +table-progression-vrl-001.xht == reference/table-progression-001-ref.xht +table-progression-vrl-002.xht == reference/table-progression-002-ref.xht +table-progression-vrl-003.xht == reference/table-progression-001-ref.xht +table-progression-vrl-004.xht == reference/table-progression-002-ref.xht text-align-vlr-003.xht == reference/ref-filled-green-100px-square.xht text-align-vlr-005.xht == reference/ref-filled-green-100px-square.xht text-align-vlr-007.xht == reference/ref-filled-green-100px-square.xht @@ -694,7 +693,6 @@ text-indent-vrl-010.xht == reference/text-indent-vrl-010-ref.xht text-indent-vrl-012.xht == reference/text-indent-vrl-012-ref.xht text-indent-vrl-014.xht == reference/text-indent-vrl-010-ref.xht text-indent-vrl-016.xht == reference/text-indent-vrl-012-ref.xht -text-orientation-012.xht == reference/text-orientation-012-ref.xht text-orientation-014.xht == reference/text-orientation-014-ref.xht unicode-bidi-001.xht == reference/direction-002-ref.xht unicode-bidi-002.xht == reference/unicode-bidi-002-ref.xht @@ -721,6 +719,9 @@ vertical-alignment-006.xht == reference/vertical-alignment-006-ref.xht vertical-alignment-007.xht == reference/vertical-alignment-006-ref.xht vertical-alignment-008.xht == reference/vertical-alignment-008-ref.xht vertical-alignment-009.xht == reference/vertical-alignment-008-ref.xht +vertical-alignment-vrl-022.xht == reference/vertical-alignment-vrl-022-ref.xht +vertical-alignment-vrl-024.xht == reference/vertical-alignment-vrl-022-ref.xht +vertical-alignment-vrl-026.xht == reference/vertical-alignment-vrl-026-ref.xht writing-mode-horizontal-001l.xht == reference/writing-mode-horizontal-001l-ref.xht writing-mode-horizontal-001r.xht == reference/writing-mode-horizontal-001r-ref.xht writing-mode-stretch-001.xht == reference/writing-mode-stretch-001-ref.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-001-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vlr-001.xht index 4f2ef3415d1..37c979b49e1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-001-vlr.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vlr-001.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-lr Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-001-ref.orngtml" rel="match" /> +<link href="reference/table-progression-001-ref.xht" rel="match" /> <meta content="This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert" /> <meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> @@ -59,7 +59,7 @@ </p><table class="test"> <thead> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></thead><tfoot> @@ -88,7 +88,7 @@ <tr> <td class="teal"> </td><td class="aqua"> - </td><td colspan="2"> + </td><td colspan="2"> </td></tr></thead><tfoot> <tr> <td colspan="2"> @@ -132,5 +132,4 @@ <td class="teal"> </td><td class="purp"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-002-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vlr-002.xht index 4ea3b3fb4f0..e621d5bdd20 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-002-vlr.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vlr-002.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-lr Table Column/Colgroup Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-002-ref.orngtml" rel="match" /> +<link href="reference/table-progression-002-ref.xht" rel="match" /> <meta content="This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert" /> <meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> @@ -84,5 +84,4 @@ </td></tr><tr><td class="aqua"> </td></tr><tr><td class="aqua"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-003-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vlr-003.xht index 83b7dc8241b..49b230aa49a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-003-vlr.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vlr-003.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-001-ref.orngtml" rel="match" /> +<link href="reference/table-progression-001-ref.xht" rel="match" /> <meta content="This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> @@ -41,7 +41,7 @@ </p><table class="test"> <thead> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></thead><tfoot> @@ -68,7 +68,7 @@ <table class="test"> <thead> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></thead><tfoot> @@ -112,5 +112,4 @@ <td class="teal"> </td><td class="purp"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-004-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vlr-004.xht index bcc840e6c9e..86bae66a4b3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-004-vlr.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vlr-004.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-lr upright orientation Table Column/Colgroup Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-002-ref.orngtml" rel="match" /> +<link href="reference/table-progression-002-ref.xht" rel="match" /> <meta content="This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> @@ -73,5 +73,4 @@ </td></tr><tr><td class="aqua"> </td></tr><tr><td class="aqua"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-001-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vrl-001.xht index da278075005..3b3bcf3f3fd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-001-vrl.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vrl-001.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-rl Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-001-ref.orngtml" rel="match" /> +<link href="reference/table-progression-001-ref.xht" rel="match" /> <meta content="This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert" /> <meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> @@ -63,7 +63,7 @@ </td><td colspan="2"> </td></tr></thead><tfoot> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></tfoot><tbody> @@ -92,7 +92,7 @@ <tr> <td class="teal"> </td><td class="aqua"> - </td><td colspan="2"> + </td><td colspan="2"> </td></tr></tfoot><tbody> <tr> <td class="purp"> @@ -129,5 +129,4 @@ <td class="teal"> </td><td class="purp"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-002-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vrl-002.xht index 933f6539936..54ba7631bed 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-002-vrl.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vrl-002.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-rl Table Column/Colgroup Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-002-ref.orngtml" rel="match" /> +<link href="reference/table-progression-002-ref.xht" rel="match" /> <meta content="This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert" /> <meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> @@ -83,5 +83,4 @@ </td></tr><tr><td class="aqua"> </td></tr><tr><td class="aqua"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-003-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vrl-003.xht index 1ec2a45c556..246f907d2f8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-003-vrl.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vrl-003.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-001-ref.orngtml" rel="match" /> +<link href="reference/table-progression-001-ref.xht" rel="match" /> <meta content="This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> @@ -46,7 +46,7 @@ </td><td colspan="2"> </td></tr></thead><tfoot> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></tfoot><tbody> @@ -73,7 +73,7 @@ </td><td colspan="2"> </td></tr></thead><tfoot> <tr> - <td colspan="2"> + <td colspan="2"> </td><td class="aqua"> </td><td class="teal"> </td></tr></tfoot><tbody> @@ -112,5 +112,4 @@ <td class="teal"> </td><td class="purp"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-004-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vrl-004.xht index 9bb5a65cfdf..5e32240b55f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-004-vrl.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-vrl-004.xht @@ -1,7 +1,7 @@ <!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 Test: vertical-rl upright orientation Table Column/Colgroup Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="table-progression-002-ref.orngtml" rel="match" /> +<link href="reference/table-progression-002-ref.xht" rel="match" /> <meta content="This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> @@ -72,5 +72,4 @@ </td></tr><tr><td class="aqua"> </td></tr><tr><td class="aqua"> </td></tr></tbody></table> - </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-002.xht index ba8b7603692..5c3e64ec0fb 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-002.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> <link rel="match" href="reference/text-baseline-002-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> @@ -22,7 +22,6 @@ { color: orange; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-rl; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-003.xht index a680c71779d..377558ebf3e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-003.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> <link rel="match" href="reference/text-baseline-002-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline." /> @@ -22,7 +22,6 @@ { color: orange; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-lr; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-004.xht index 296138ec39a..5369f5c1d15 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-004.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> <link rel="match" href="reference/text-baseline-002-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline." /> @@ -22,7 +22,6 @@ { color: orange; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-rl; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-005.xht index ad5bd18c4a2..962b43b1640 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-005.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> <link rel="match" href="reference/text-baseline-002-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline." /> @@ -22,7 +22,6 @@ { color: orange; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-lr; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-006.xht index 2b212ec0023..c4d3b7c28a3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-006.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-02-20 --> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> <link rel="match" href="reference/text-baseline-006-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> @@ -22,7 +22,6 @@ { color: fuchsia; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-rl; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht index acff5d7373a..499eb02f60d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht @@ -12,6 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> <link rel="match" href="reference/text-baseline-006-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> @@ -21,7 +22,6 @@ { color: fuchsia; font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; writing-mode: vertical-lr; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sidewaysright-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sideways-vlr-003.xht index 792963e8f13..052a9edbaaf 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sidewaysright-vlr-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sideways-vlr-003.xht @@ -3,13 +3,13 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: 'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode</title> <style type="text/css"> @page { font: italic 8pt sans-serif; color: gray; margin: 7%; counter-increment: page; @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-decoration-sidewaysright-vlr-003"; } + @top-right { content: "Test text-decoration-sideways-vlr-003"; } @bottom-right { content: counter(page); } } </style> @@ -19,7 +19,7 @@ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings" /> <meta name="flags" content="" /> - <meta content="This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode." name="assert" /> + <meta content="This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode." name="assert" /> <style type="text/css"><![CDATA[ div @@ -27,7 +27,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: underline; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-lr; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sidewaysright-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sideways-vlr-005.xht index 50b0a2bdfa2..dfa4a44fdfe 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sidewaysright-vlr-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sideways-vlr-005.xht @@ -3,13 +3,13 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: 'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode</title> <style type="text/css"> @page { font: italic 8pt sans-serif; color: gray; margin: 7%; counter-increment: page; @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-decoration-sidewaysright-vlr-005"; } + @top-right { content: "Test text-decoration-sideways-vlr-005"; } @bottom-right { content: counter(page); } } </style> @@ -19,7 +19,7 @@ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings" /> <meta name="flags" content="" /> - <meta content="This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode." name="assert" /> + <meta content="This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode." name="assert" /> <style type="text/css"><![CDATA[ div @@ -27,7 +27,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: overline; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-lr; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sidewaysright-vlr-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sideways-vlr-007.xht index 328b3fe8818..c8f066997b8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sidewaysright-vlr-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sideways-vlr-007.xht @@ -3,13 +3,13 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: 'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-lr' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-lr' writing-mode</title> <style type="text/css"> @page { font: italic 8pt sans-serif; color: gray; margin: 7%; counter-increment: page; @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-decoration-sidewaysright-vlr-007"; } + @top-right { content: "Test text-decoration-sideways-vlr-007"; } @bottom-right { content: counter(page); } } </style> @@ -19,7 +19,7 @@ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings" /> <meta name="flags" content="" /> - <meta content="This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-lr' writing-mode." name="assert" /> + <meta content="This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-lr' writing-mode." name="assert" /> <style type="text/css"><![CDATA[ div @@ -27,7 +27,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: line-through; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-lr; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sidewaysright-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sideways-vrl-002.xht index 89a16999d78..95672db16c2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sidewaysright-vrl-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sideways-vrl-002.xht @@ -3,13 +3,13 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: 'text-decoration: underline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: underline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode</title> <style type="text/css"> @page { font: italic 8pt sans-serif; color: gray; margin: 7%; counter-increment: page; @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-decoration-sidewaysright-vrl-002"; } + @top-right { content: "Test text-decoration-sideways-vrl-002"; } @bottom-right { content: counter(page); } } </style> @@ -19,7 +19,7 @@ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings" /> <meta name="flags" content="" /> - <meta content="This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode." name="assert" /> + <meta content="This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode." name="assert" /> <style type="text/css"><![CDATA[ div @@ -27,7 +27,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: underline; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-rl; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sidewaysright-vrl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sideways-vrl-004.xht index 83c5513e1c9..6b58982d8fb 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sidewaysright-vrl-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sideways-vrl-004.xht @@ -3,13 +3,13 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: 'text-decoration: overline' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: overline' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode</title> <style type="text/css"> @page { font: italic 8pt sans-serif; color: gray; margin: 7%; counter-increment: page; @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-decoration-sidewaysright-vrl-004"; } + @top-right { content: "Test text-decoration-sideways-vrl-004"; } @bottom-right { content: counter(page); } } </style> @@ -19,7 +19,7 @@ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings" /> <meta name="flags" content="" /> - <meta content="This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode." name="assert" /> + <meta content="This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode." name="assert" /> <style type="text/css"><![CDATA[ div @@ -27,7 +27,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: overline; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-rl; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sidewaysright-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sideways-vrl-006.xht index 87c22330d90..8189604b34d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sidewaysright-vrl-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-decoration-sideways-vrl-006.xht @@ -3,13 +3,13 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: 'text-decoration: line-through' and 'text-orientation: sideways-right' in a 'vertical-rl' writing-mode</title> + <title>CSS Writing Modes Test: 'text-decoration: line-through' and 'text-orientation: sideways' in a 'vertical-rl' writing-mode</title> <style type="text/css"> @page { font: italic 8pt sans-serif; color: gray; margin: 7%; counter-increment: page; @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-decoration-sidewaysright-vrl-006"; } + @top-right { content: "Test text-decoration-sideways-vrl-006"; } @bottom-right { content: counter(page); } } </style> @@ -19,7 +19,7 @@ <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical" title="6.4 Abstract-to-Physical Mappings" /> <meta name="flags" content="" /> - <meta content="This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways-right' in a 'vertical-rl' writing-mode." name="assert" /> + <meta content="This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'sideways' in a 'vertical-rl' writing-mode." name="assert" /> <style type="text/css"><![CDATA[ div @@ -27,7 +27,7 @@ color: blue; font: 2.5em/1.5 serif; /* computes to 40px/60px */ text-decoration: line-through; - text-orientation: sideways-right; + text-orientation: sideways; writing-mode: vertical-rl; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-012.xht deleted file mode 100644 index ccd18504912..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-012.xht +++ /dev/null @@ -1,78 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Writing Modes Test: text-orientation - sideways-right</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-orientation-012"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"/> - <link rel="help" title="5.1. Orienting Text: the‘text-orientation’property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/> - <link rel="match" href="reference/text-orientation-012-ref.xht"/> - <meta http-equiv="content-language" content="en"/> - <meta name="flags" content="ahem"/> - <meta name="assert" content="This test checks that 'text-orientation: sideways-right' causes text to be set as if in a horizontal layout, but rotated 90° clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation."/> - <style type="text/css"> - .view_ahem - { - background: pink; - border: 1px solid black; - color: blue; - font: 20px/1 "Ahem"; - height: 3em; - margin: 10px; - width: 3em; - white-space: pre; - } - #test_ahem - { - text-orientation: sideways-right; /* The property to be tested */ - writing-mode: vertical-rl; - } - #control_ahem - { - writing-mode: horizontal-tb; - } - .view - { - border: 1px solid gray; - font-size: 1.5em; - line-height: 1.5; - margin-bottom: 10px; - width: 3em; - writing-mode: vertical-rl; - } - #test - { - text-orientation: sideways-right; /* The property to be tested */ - } - #control - { - text-combine-upright: none; - } - </style> - </head> - <body lang="en"> - <!-- - This test consists of a pair of sub-tests which complements each other. - Logically, the test should verify 1.block flow direction, 2.inline direction - and 3.glyph orientation. The "Ahem" sub-test comes first and checks 1. and 2. , - whereas "glyph" sub-test comes later and also checks 3. - --> - <p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong> and <strong>orientation</strong>.</p> - <div class="view_ahem"><span id="test_ahem">123 - 56 -7 </span></div> - <div class="view_ahem"><span id="control_ahem">7 1 - 52 - 63</span></div> - <hr/> - <div class="view"><span id="test">123Abc<br/>def456</span></div> - <div class="view"><span id="control">123Abc<br/>def456</span></div> - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-014.xht index f2bbc99aeca..a11013fb70c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-014.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-014.xht @@ -12,11 +12,11 @@ } </style> <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"/> - <link rel="help" title="5.1. Orienting Text: the‘text-orientation’property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/> + <link rel="help" title="5.1. Orienting Text: the 'text-orientation' property" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/> <link rel="match" href="reference/text-orientation-014-ref.xht"/> <meta http-equiv="content-language" content="en"/> <meta name="flags" content="ahem"/> - <meta name="assert" content="This test checks that 'text-orientation: sideways' is equivalent to‘sideways-right’in‘vertical-rl’writing mode. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation."/> + <meta name="assert" content="This test checks that 'text-orientation: sideways' causes text to be set as if in a horizontal layout, but rotated 90° clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation."/> <style type="text/css"> .view_ahem { diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-parsing-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-parsing-001.xht index 70ec636de9c..72b11ff7e4b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-parsing-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-parsing-001.xht @@ -11,7 +11,6 @@ <div data-expected="upright" style="text-orientation: upright"></div> <div data-expected="sideways" style="text-orientation: sideways"></div> -<div data-expected="sideways-right" style="text-orientation: sideways-right"></div> <div style="text-orientation: upright"> <div data-expected="upright" title="text-orientation should inherit"></div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-parsing-svg1-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-parsing-sideways-right-001.xht index 08aaf2d4cae..d82dee97957 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-parsing-svg1-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-parsing-sideways-right-001.xht @@ -1,21 +1,18 @@ <!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 Writing Modes: parsing SVG 1.1 writing-mode values</title> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes: parsing text-orientation</title> <link href="kojiishi@gmail.com" rel="author" title="Koji Ishii" /> -<link href="https://drafts.csswg.org/css-writing-modes-3/#svg-writing-mode" rel="help" /> -<meta content="This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values." name="assert" /> -<meta content="dom svg may" name="flags" /> +<link href="https://drafts.csswg.org/css-writing-modes-3/#text-orientation" rel="help" /> +<meta content="This test asserts the parser and getComputedStyle works correctly for the text-orientation property." name="assert" /> +<meta content="dom may" name="flags" /> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> -</head><body><div data-expected="lr-tb" style="writing-mode: lr-tb"></div> -<div data-expected="rl-tb" style="writing-mode: rl-tb"></div> - -<div data-expected="tb-rl" style="writing-mode: tb-rl"></div> +</head><body><div data-expected="sideways" style="text-orientation: sideways-right"></div> <script> Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) { test(function () { - var actual = getComputedStyle(element).writingMode; + var actual = getComputedStyle(element).textOrientation; assert_equals(actual, element.dataset.expected); }, element.title || element.getAttribute("style")); }); diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001.xht index c67250d7cf9..bec13f6223f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001a.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001a.xht index 24c2547c964..fcbd80c604c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001a.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001a.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001b.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001b.xht index 23a207a14d5..5bd9bcd3fc0 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001b.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001b.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001c.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001c.xht index fa2640db154..baa9939785c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001c.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001c.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001d.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001d.xht index 88a41e10151..95118d89095 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001d.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001d.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001e.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001e.xht index f265c24ee94..0e3d5814d52 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001e.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001e.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001f.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001f.xht index 9b903da4b35..0e698ae9e11 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001f.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001f.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001g.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001g.xht index 1b66937fe9e..a785715bf6f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001g.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001g.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001h.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001h.xht index 1db967d411a..8c21bc7594c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001h.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001h.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001i.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001i.xht index 813accf44b4..0c1619b097d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001i.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001i.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001j.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001j.xht index 2e72ca24231..beae14e9aeb 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001j.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001j.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001k.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001k.xht index dc7ff0b88cf..db19e1137c3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001k.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001k.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001l.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001l.xht index 8dbbbaac447..a996ca18ef3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001l.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001l.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001m.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001m.xht index 2f3f40eaa06..34c70da0a9c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001m.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001m.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001n.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001n.xht index d211362f22c..1a4244231fd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001n.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001n.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001o.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001o.xht index ceb0f8630f6..02f20d97200 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001o.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-script-001o.xht @@ -24,7 +24,7 @@ text-orientation: upright; } .R { - text-orientation: sideways-right; + text-orientation: sideways; } #details { margin: 1em .5em; diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-001.xht index 62a0daed6d5..265e220d8aa 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-001.xht @@ -12,9 +12,9 @@ } </style> <link rel="author" title="Kazuaki Takemura" href="mailto:takemura@networksoft.co.jp"/> - <link rel="help" title="5.1. Orienting Text" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/> + <link rel="help" title="5.1. Orienting Text" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/> <meta name="flags" content="font image"/> - <meta name="assert" content="This test checks that the same as [text-orientation: sideways-right], general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction."/> + <meta name="assert" content="This test checks that general horizontal text (include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction."/> <style type="text/css"><![CDATA[ @font-face { diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-right-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-right-001.xht deleted file mode 100644 index d4c7906087e..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-right-001.xht +++ /dev/null @@ -1,59 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Writing Modes Test: text-orientation - sideways-right in vertical-rl writing mode</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } - @top-right { content: "Test text-orientation-sideways-right-001"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Kazuaki Takemura" href="mailto:takemura@networksoft.co.jp"/> - <link rel="help" title="5.1. Orienting Text" href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation"/> - <meta name="flags" content="font image"/> - <meta name="assert" content="This test checks that general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction."/> - <style type="text/css"><![CDATA[ - @font-face - { - font-family: "DejaVuSerifBook"; - src: url("support/DejaVuSerif-webfont.woff") format("woff"); - /* Filesize: 18096 bytes (17.7 KBytes) */ - } - - div { - border: 1px solid gray; - float: left; - color: blue; - font-family: "DejaVuSerifBook"; - font-size: 30px; - line-height: 1.4; /* equivalent to 42px: - so that top-half-leading outside content is 6px - and bottom-half-leading outside content is 6px */ - margin: 10px; - } - - div#vertical - { - writing-mode: vertical-rl; - text-orientation: sideways-right; - } - - img {vertical-align: top;} - - ]]></style> - </head> - <body> - - <p>Test passes if both "Text sample" rectangles - have the same order, the same orientation and the same layout: - "Text sample" should be displayed rotates 90 degrees clockwise.</p> - - <div id="vertical">Ｔext sample</div> - - <div><img src="./support/text-orientation-sideways-right-001.png" width="42" height="184" alt="Image download support must be enabled"/></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht index 8c26f28062c..0f3fedf19fd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht @@ -32,17 +32,17 @@ <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(90 Tests)</td></tr> + <td>(89 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - Inline-level Alignment</a></th> - <td>(31 Tests)</td></tr> + <td>(30 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - Introduction to Vertical Text Layout</a></th> - <td>(29 Tests)</td></tr> + <td>(28 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - @@ -52,7 +52,7 @@ <tbody id="s7"> <tr><th><a href="chapter-7.xht">Chapter 7 - Abstract Box Layout</a></th> - <td>(485 Tests)</td></tr> + <td>(494 Tests)</td></tr> </tbody> <tbody id="s8"> <tr><th><a href="chapter-8.xht">Chapter 8 - diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-010.xht new file mode 100644 index 00000000000..4fcbe39ca41 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-010.xht @@ -0,0 +1,45 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test vertical-alignment-vrl-010"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'super', the baseline of the box is shifted to the right." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-mixed + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: mixed; + } + + span + { + vertical-align: super; + color: blue; + margin-top: -1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p> + + <div id="rl-mixed">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-012.xht new file mode 100644 index 00000000000..cb5d0b4a0d9 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-012.xht @@ -0,0 +1,45 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test vertical-alignment-vrl-012"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'super', the baseline of the box is shifted to the right." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-upright + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: upright; + } + + span + { + vertical-align: super; + color: blue; + margin-top: -1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p> + + <div id="rl-upright">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-014.xht new file mode 100644 index 00000000000..ac0ef726a12 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-014.xht @@ -0,0 +1,45 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test vertical-alignment-vrl-014"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'super', the baseline of the box is shifted to the right." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-sideways + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: sideways; + } + + span + { + vertical-align: super; + color: blue; + margin-top: -1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are an orange rectangle on the left and a blue square on the right.</p> + + <div id="rl-sideways">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-016.xht new file mode 100644 index 00000000000..e7045f8a9fb --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-016.xht @@ -0,0 +1,45 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test vertical-alignment-vrl-016"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-mixed + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: mixed; + } + + span + { + vertical-align: sub; + color: blue; + margin-top: -1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p> + + <div id="rl-mixed">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-018.xht new file mode 100644 index 00000000000..65f9ada76f5 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-018.xht @@ -0,0 +1,45 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test vertical-alignment-vrl-018"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-upright + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: upright; + } + + span + { + vertical-align: sub; + color: blue; + margin-top: -1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p> + + <div id="rl-upright">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-020.xht new file mode 100644 index 00000000000..805c3d01f19 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-020.xht @@ -0,0 +1,45 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test vertical-alignment-vrl-020"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left." /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-sideways + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: orange; + text-orientation: sideways; + } + + span + { + vertical-align: sub; + color: blue; + margin-top: -1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are a blue square on the left and an orange rectangle on the right.</p> + + <div id="rl-sideways">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-022.xht new file mode 100644 index 00000000000..b9290791f3b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-022.xht @@ -0,0 +1,45 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test vertical-alignment-vrl-022"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent." /> + <link rel="match" href="reference/vertical-alignment-vrl-022-ref.xht" /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-upright + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: blue; + text-orientation: upright; + } + + span + { + font-size: 0.2em; + vertical-align: middle; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="rl-upright">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-024.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-024.xht new file mode 100644 index 00000000000..1112f823dbc --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-024.xht @@ -0,0 +1,45 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test vertical-alignment-vrl-024"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent." /> + <link rel="match" href="reference/vertical-alignment-vrl-022-ref.xht" /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-mixed + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: blue; + text-orientation: mixed; + } + + span + { + font-size: 0.2em; + vertical-align: middle; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="rl-mixed">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-026.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-026.xht new file mode 100644 index 00000000000..fba197bbe17 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/vertical-alignment-vrl-026.xht @@ -0,0 +1,45 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Writing Modes Test: vertical-align - 'top' and vertical-rl writing-mode</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test vertical-alignment-vrl-026"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="help" title="7.5 Line-Relative Mappings" href="http://www.w3.org/TR/css-writing-modes-3/#line-mappings" /> + <link rel="help" title="10.8.1 Leading and half-leading" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading" /> + <meta name="assert" content="This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent." /> + <link rel="match" href="reference/vertical-alignment-vrl-026-ref.xht" /> + <meta name="flags" content="ahem" /> + <style type="text/css"><![CDATA[ + div#rl-sideways + { + writing-mode: vertical-rl; + font: 60px/3 Ahem; /* computes to 60px/180px */ + color: blue; + text-orientation: sideways; + } + + span + { + font-size: 0.8em; + vertical-align: middle; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + + <div id="rl-sideways">X<span>X</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-parsing-svg1-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-parsing-svg1-001.xht index b9be3a0f7b0..90381ae24ee 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-parsing-svg1-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/writing-mode-parsing-svg1-001.xht @@ -7,10 +7,13 @@ <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> -</head><body><div data-expected="lr" style="writing-mode: lr"></div> -<div data-expected="rl" style="writing-mode: rl"></div> +</head><body><div data-expected="horizontal-tb" style="writing-mode: lr"></div> +<div data-expected="horizontal-tb" style="writing-mode: lr-tb"></div> +<div data-expected="horizontal-tb" style="writing-mode: rl"></div> +<div data-expected="horizontal-tb" style="writing-mode: rl-tb"></div> -<div data-expected="tb" style="writing-mode: tb"></div> +<div data-expected="vertical-rl" style="writing-mode: tb"></div> +<div data-expected="vertical-rl" style="writing-mode: tb-rl"></div> <script> Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) { diff --git a/tests/wpt/css-tests/css21_dev/html4/adjacent-000.htm b/tests/wpt/css-tests/css21_dev/html4/adjacent-000.htm index 15dae050767..e6a270a3be4 100644 --- a/tests/wpt/css-tests/css21_dev/html4/adjacent-000.htm +++ b/tests/wpt/css-tests/css21_dev/html4/adjacent-000.htm @@ -4,6 +4,7 @@ <title>CSS Test: Selectors: Adjacent selectors</title> <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"> + <link rel="match" href="reference/adjacent-000-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="Browsers should apply each rule to the adjacent element"> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/html4/adjacent-001.htm b/tests/wpt/css-tests/css21_dev/html4/adjacent-001.htm index e4ab61fe1e9..81c6411e615 100644 --- a/tests/wpt/css-tests/css21_dev/html4/adjacent-001.htm +++ b/tests/wpt/css-tests/css21_dev/html4/adjacent-001.htm @@ -4,10 +4,11 @@ <title>CSS Test: Selectors: Adjacent selectors without the space separator</title> <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"> + <link rel="match" href="reference/adjacent-000-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="Browsers should apply each rule to the adjacent element also without the space separator"> <style type="text/css"> -body > p {color: silver} +body > p {color: gray} p+p {color: purple} p+div {color: black} diff --git a/tests/wpt/css-tests/css21_dev/html4/adjacent-002.htm b/tests/wpt/css-tests/css21_dev/html4/adjacent-002.htm index a016f4d67a4..9b469b30340 100644 --- a/tests/wpt/css-tests/css21_dev/html4/adjacent-002.htm +++ b/tests/wpt/css-tests/css21_dev/html4/adjacent-002.htm @@ -4,10 +4,11 @@ <title>CSS Test: Selectors: Adjacent selectors with the universal selector</title> <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"> + <link rel="match" href="reference/adjacent-000-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="Browsers should apply each rule to the adjacent element when combined with the universal selector"> <style type="text/css"> -body > p {color: silver} +body > p {color: gray} body > p + * {color: purple} p + p + * {color: black} diff --git a/tests/wpt/css-tests/css21_dev/html4/chapter-18.htm b/tests/wpt/css-tests/css21_dev/html4/chapter-18.htm index a3f1f0ab5bf..890e2286c0e 100644 --- a/tests/wpt/css-tests/css21_dev/html4/chapter-18.htm +++ b/tests/wpt/css-tests/css21_dev/html4/chapter-18.htm @@ -13,7 +13,7 @@ <body> <h1>CSS 2.1 Conformance Test Suite</h1> - <h2>User interface (357 tests)</h2> + <h2>User interface (361 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -899,7 +899,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s18.4">+</a> <a href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">18.4 Dynamic outlines: the 'outline' property</a></th></tr> - <!-- 310 tests --> + <!-- 314 tests --> <tr id="outline-001-18.4" class=""> <td> <a href="outline-001.htm">outline-001</a></td> @@ -3199,6 +3199,50 @@ </ul> </td> </tr> + <tr id="outline-style-001-18.4" class=""> + <td> + <a href="outline-style-001.htm">outline-style-001</a></td> + <td><a href="reference/no-red-filler-text-ref.htm">=</a> </td> + <td></td> + <td>Outline-style set to 'none' + <ul class="assert"> + <li>Outline style 'none' results in no outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-002-18.4" class=""> + <td> + <a href="outline-style-002.htm">outline-style-002</a></td> + <td></td> + <td></td> + <td>Outline-style set to 'dotted' + <ul class="assert"> + <li>Outline style 'dotted' results in a dotted outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-003-18.4" class=""> + <td> + <a href="outline-style-003.htm">outline-style-003</a></td> + <td></td> + <td></td> + <td>Outline-style set to 'dashed' + <ul class="assert"> + <li>Outline style 'dashed' results in a dashed outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-004-18.4" class=""> + <td> + <a href="outline-style-004.htm">outline-style-004</a></td> + <td></td> + <td></td> + <td>Outline-style set to 'solid' + <ul class="assert"> + <li>Outline style 'solid' results in a solid outline.</li> + </ul> + </td> + </tr> <tr id="outline-style-005-18.4" class=""> <td> <a href="outline-style-005.htm">outline-style-005</a></td> @@ -6463,7 +6507,51 @@ </tr> </tbody> <tbody id="s18.4.#propdef-outline-style"> - <!-- 21 tests --> + <!-- 25 tests --> + <tr id="outline-style-001-18.4.#propdef-outline-style" class="primary"> + <td><strong> + <a href="outline-style-001.htm">outline-style-001</a></strong></td> + <td><a href="reference/no-red-filler-text-ref.htm">=</a> </td> + <td></td> + <td>Outline-style set to 'none' + <ul class="assert"> + <li>Outline style 'none' results in no outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-002-18.4.#propdef-outline-style" class="primary"> + <td><strong> + <a href="outline-style-002.htm">outline-style-002</a></strong></td> + <td></td> + <td></td> + <td>Outline-style set to 'dotted' + <ul class="assert"> + <li>Outline style 'dotted' results in a dotted outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-003-18.4.#propdef-outline-style" class="primary"> + <td><strong> + <a href="outline-style-003.htm">outline-style-003</a></strong></td> + <td></td> + <td></td> + <td>Outline-style set to 'dashed' + <ul class="assert"> + <li>Outline style 'dashed' results in a dashed outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-004-18.4.#propdef-outline-style" class="primary"> + <td><strong> + <a href="outline-style-004.htm">outline-style-004</a></strong></td> + <td></td> + <td></td> + <td>Outline-style set to 'solid' + <ul class="assert"> + <li>Outline style 'solid' results in a solid outline.</li> + </ul> + </td> + </tr> <tr id="outline-style-005-18.4.#propdef-outline-style" class="primary"> <td><strong> <a href="outline-style-005.htm">outline-style-005</a></strong></td> diff --git a/tests/wpt/css-tests/css21_dev/html4/chapter-5.htm b/tests/wpt/css-tests/css21_dev/html4/chapter-5.htm index 6f02eb508cf..bb21f2a0bc1 100644 --- a/tests/wpt/css-tests/css21_dev/html4/chapter-5.htm +++ b/tests/wpt/css-tests/css21_dev/html4/chapter-5.htm @@ -408,7 +408,7 @@ <tr id="descendent-selector-007-5.5" class="primary"> <td><strong> <a href="descendent-selector-007.htm">descendent-selector-007</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-002-ref.htm">=</a> </td> <td></td> <td>Grandchild selection <ul class="assert"> @@ -419,7 +419,7 @@ <tr id="descendent-selector-008-5.5" class="primary"> <td><strong> <a href="descendent-selector-008.htm">descendent-selector-008</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-004-ref.htm">=</a> </td> <td></td> <td>Descendent selector with ID attribute does not match elements without the ID attribute <ul class="assert"> @@ -430,7 +430,7 @@ <tr id="descendent-selector-009-5.5" class="primary"> <td><strong> <a href="descendent-selector-009.htm">descendent-selector-009</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-002-ref.htm">=</a> </td> <td></td> <td>Descendent selector with ID attribute <ul class="assert"> @@ -441,7 +441,7 @@ <tr id="descendent-selector-010-5.5" class="primary"> <td><strong> <a href="descendent-selector-010.htm">descendent-selector-010</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-002-ref.htm">=</a> </td> <td></td> <td>Descendent selector and tabs <ul class="assert"> @@ -452,7 +452,7 @@ <tr id="descendent-selector-011-5.5" class="primary"> <td><strong> <a href="descendent-selector-011.htm">descendent-selector-011</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-002-ref.htm">=</a> </td> <td></td> <td>Descendent selector and newlines <ul class="assert"> @@ -472,7 +472,7 @@ <tr id="child-selector-001-5.6" class="primary"> <td><strong> <a href="child-selector-001.htm">child-selector-001</a></strong></td> - <td></td> + <td><a href="reference/child-selector-001-ref.htm">=</a> </td> <td></td> <td>Child selector does not match when there is no matching parent <ul class="assert"> @@ -483,7 +483,7 @@ <tr id="child-selector-002-5.6" class="primary"> <td><strong> <a href="child-selector-002.htm">child-selector-002</a></strong></td> - <td></td> + <td><a href="reference/child-selector-002-ref.htm">=</a> </td> <td></td> <td>Child selector without direct child <ul class="assert"> @@ -494,7 +494,7 @@ <tr id="child-selector-003-5.6" class="primary"> <td><strong> <a href="child-selector-003.htm">child-selector-003</a></strong></td> - <td></td> + <td><a href="reference/child-selector-003-ref.htm">=</a> </td> <td></td> <td>Child selector <ul class="assert"> @@ -514,7 +514,7 @@ <tr id="adjacent-000-5.7" class="primary"> <td><strong> <a href="adjacent-000.htm">adjacent-000</a></strong></td> - <td></td> + <td><a href="reference/adjacent-000-ref.htm">=</a> </td> <td></td> <td>Selectors: Adjacent selectors <ul class="assert"> @@ -525,7 +525,7 @@ <tr id="adjacent-001-5.7" class="primary"> <td><strong> <a href="adjacent-001.htm">adjacent-001</a></strong></td> - <td></td> + <td><a href="reference/adjacent-000-ref.htm">=</a> </td> <td></td> <td>Selectors: Adjacent selectors without the space separator <ul class="assert"> @@ -536,7 +536,7 @@ <tr id="adjacent-002-5.7" class="primary"> <td><strong> <a href="adjacent-002.htm">adjacent-002</a></strong></td> - <td></td> + <td><a href="reference/adjacent-000-ref.htm">=</a> </td> <td></td> <td>Selectors: Adjacent selectors with the universal selector <ul class="assert"> @@ -591,7 +591,7 @@ <tr id="dynamic-sibling-combinator-001-5.7" class="primary dom"> <td><strong> <a href="dynamic-sibling-combinator-001.htm">dynamic-sibling-combinator-001</a></strong></td> - <td></td> + <td><a href="reference/dynamic-sibling-combinator-001-ref.htm">=</a> </td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> <td>Testing dynamic changes and the '+' combinator <ul class="assert"> @@ -635,7 +635,7 @@ <tr id="sibling-selector-001-5.7" class="primary"> <td><strong> <a href="sibling-selector-001.htm">sibling-selector-001</a></strong></td> - <td></td> + <td><a href="reference/sibling-selector-001-ref.htm">=</a> </td> <td></td> <td>Simple sibling selector <ul class="assert"> @@ -657,7 +657,7 @@ <tr id="sibling-selector-003-5.7" class="primary"> <td><strong> <a href="sibling-selector-003.htm">sibling-selector-003</a></strong></td> - <td></td> + <td><a href="reference/sibling-selector-003-ref.htm">=</a> </td> <td></td> <td>Sibling selector with non element node <ul class="assert"> @@ -872,7 +872,7 @@ <tr id="dynamic-sibling-combinator-001-5.8" class="dom"> <td> <a href="dynamic-sibling-combinator-001.htm">dynamic-sibling-combinator-001</a></td> - <td></td> + <td><a href="reference/dynamic-sibling-combinator-001-ref.htm">=</a> </td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> <td>Testing dynamic changes and the '+' combinator <ul class="assert"> diff --git a/tests/wpt/css-tests/css21_dev/html4/chapter-8.htm b/tests/wpt/css-tests/css21_dev/html4/chapter-8.htm index 63d37cf401a..1d0d07c1e2a 100644 --- a/tests/wpt/css-tests/css21_dev/html4/chapter-8.htm +++ b/tests/wpt/css-tests/css21_dev/html4/chapter-8.htm @@ -41834,10 +41834,10 @@ </tbody> <tbody id="s8.5.3.#value-def-border-style"> <!-- 4 tests --> - <tr id="outline-style-001-8.5.3.#value-def-border-style" class=""> + <tr id="outline-style-011-8.5.3.#value-def-border-style" class=""> <td> - <a href="outline-style-001.htm">outline-style-001</a></td> - <td><a href="reference/outline-style-001-ref.htm">=</a> </td> + <a href="outline-style-011.htm">outline-style-011</a></td> + <td><a href="reference/outline-style-011-ref.htm">=</a> </td> <td></td> <td>outline-style - dotted (basic) <ul class="assert"> @@ -41845,10 +41845,10 @@ </ul> </td> </tr> - <tr id="outline-style-002-8.5.3.#value-def-border-style" class=""> + <tr id="outline-style-012-8.5.3.#value-def-border-style" class=""> <td> - <a href="outline-style-002.htm">outline-style-002</a></td> - <td><a href="reference/outline-style-002-ref.htm">=</a> </td> + <a href="outline-style-012.htm">outline-style-012</a></td> + <td><a href="reference/outline-style-012-ref.htm">=</a> </td> <td></td> <td>outline-style - inherit (basic) <ul class="assert"> @@ -41856,10 +41856,10 @@ </ul> </td> </tr> - <tr id="outline-style-003-8.5.3.#value-def-border-style" class=""> + <tr id="outline-style-013-8.5.3.#value-def-border-style" class=""> <td> - <a href="outline-style-003.htm">outline-style-003</a></td> - <td><a href="reference/outline-style-003-ref.htm">=</a> </td> + <a href="outline-style-013.htm">outline-style-013</a></td> + <td><a href="reference/outline-style-013-ref.htm">=</a> </td> <td></td> <td>outline-style - dashed (basic) <ul class="assert"> @@ -41867,10 +41867,10 @@ </ul> </td> </tr> - <tr id="outline-style-004-8.5.3.#value-def-border-style" class=""> + <tr id="outline-style-014-8.5.3.#value-def-border-style" class=""> <td> - <a href="outline-style-004.htm">outline-style-004</a></td> - <td><a href="reference/outline-style-004-ref.htm">=</a> </td> + <a href="outline-style-014.htm">outline-style-014</a></td> + <td><a href="reference/outline-style-014-ref.htm">=</a> </td> <td></td> <td>outline-style - double (basic) <ul class="assert"> diff --git a/tests/wpt/css-tests/css21_dev/html4/chapter-9.htm b/tests/wpt/css-tests/css21_dev/html4/chapter-9.htm index 434db22f213..4484f946bc5 100644 --- a/tests/wpt/css-tests/css21_dev/html4/chapter-9.htm +++ b/tests/wpt/css-tests/css21_dev/html4/chapter-9.htm @@ -13,7 +13,7 @@ <body> <h1>CSS 2.1 Conformance Test Suite</h1> - <h2>Visual formatting model (1245 tests)</h2> + <h2>Visual formatting model (1244 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -1338,7 +1338,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s9.2.2">+</a> <a href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">9.2.2 Inline-level elements and inline boxes</a></th></tr> - <!-- 19 tests --> + <!-- 18 tests --> <tr id="inline-block-alignment-002-9.2.2" class="ahem"> <td> <a href="inline-block-alignment-002.htm">inline-block-alignment-002</a></td> @@ -1405,17 +1405,6 @@ </ul> </td> </tr> - <tr id="inline-block-alignment-008-9.2.2" class="ahem"> - <td> - <a href="inline-block-alignment-008.htm">inline-block-alignment-008</a></td> - <td><a href="reference/inline-block-alignment-006-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline block alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> <tr id="inlines-002-9.2.2" class="primary"> <td><strong> <a href="inlines-002.htm">inlines-002</a></strong></td> diff --git a/tests/wpt/css-tests/css21_dev/html4/child-selector-001.htm b/tests/wpt/css-tests/css21_dev/html4/child-selector-001.htm index a7ce4e32576..bdc21fb8588 100644 --- a/tests/wpt/css-tests/css21_dev/html4/child-selector-001.htm +++ b/tests/wpt/css-tests/css21_dev/html4/child-selector-001.htm @@ -4,6 +4,7 @@ <title>CSS Test: Child selector does not match when there is no matching parent</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors"> + <link rel="match" href="reference/child-selector-001-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="Child selectors only apply when parent and child elements match."> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/html4/child-selector-002.htm b/tests/wpt/css-tests/css21_dev/html4/child-selector-002.htm index dd9df5c3bfc..8b039908678 100644 --- a/tests/wpt/css-tests/css21_dev/html4/child-selector-002.htm +++ b/tests/wpt/css-tests/css21_dev/html4/child-selector-002.htm @@ -4,6 +4,7 @@ <title>CSS Test: Child selector without direct child</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors"> + <link rel="match" href="reference/child-selector-002-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="Child selectors only apply to child elements when there is a direct parent child relationship."> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/html4/child-selector-003.htm b/tests/wpt/css-tests/css21_dev/html4/child-selector-003.htm index 10100d7db39..728eabdfbf1 100644 --- a/tests/wpt/css-tests/css21_dev/html4/child-selector-003.htm +++ b/tests/wpt/css-tests/css21_dev/html4/child-selector-003.htm @@ -4,6 +4,7 @@ <title>CSS Test: Child selector</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors"> + <link rel="match" href="reference/child-selector-003-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="Child selectors apply to child elements."> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/html4/descendent-selector-007.htm b/tests/wpt/css-tests/css21_dev/html4/descendent-selector-007.htm index a4bb260bb16..6abbed0ee14 100644 --- a/tests/wpt/css-tests/css21_dev/html4/descendent-selector-007.htm +++ b/tests/wpt/css-tests/css21_dev/html4/descendent-selector-007.htm @@ -4,6 +4,7 @@ <title>CSS Test: Grandchild selection</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors"> + <link rel="match" href="reference/descendent-selector-002-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="Grandchild selection is applied only to elements which are grandchildren."> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/html4/descendent-selector-008.htm b/tests/wpt/css-tests/css21_dev/html4/descendent-selector-008.htm index 23678bcc228..340186586fb 100644 --- a/tests/wpt/css-tests/css21_dev/html4/descendent-selector-008.htm +++ b/tests/wpt/css-tests/css21_dev/html4/descendent-selector-008.htm @@ -4,6 +4,7 @@ <title>CSS Test: Descendent selector with ID attribute does not match elements without the ID attribute</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors"> + <link rel="match" href="reference/descendent-selector-004-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="Descendent selector with attribute applies only to applicable elements."> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/html4/descendent-selector-009.htm b/tests/wpt/css-tests/css21_dev/html4/descendent-selector-009.htm index 5a6ec0b430e..c035cde6afe 100644 --- a/tests/wpt/css-tests/css21_dev/html4/descendent-selector-009.htm +++ b/tests/wpt/css-tests/css21_dev/html4/descendent-selector-009.htm @@ -4,6 +4,7 @@ <title>CSS Test: Descendent selector with ID attribute</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors"> + <link rel="match" href="reference/descendent-selector-002-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="Descendent selector with attribute applies only to applicable elements."> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/html4/descendent-selector-010.htm b/tests/wpt/css-tests/css21_dev/html4/descendent-selector-010.htm index bb733142f43..5873e0692a4 100644 --- a/tests/wpt/css-tests/css21_dev/html4/descendent-selector-010.htm +++ b/tests/wpt/css-tests/css21_dev/html4/descendent-selector-010.htm @@ -4,6 +4,7 @@ <title>CSS Test: Descendent selector and tabs</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors"> + <link rel="match" href="reference/descendent-selector-002-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="A descendant selector can be separated by a tab."> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/html4/descendent-selector-011.htm b/tests/wpt/css-tests/css21_dev/html4/descendent-selector-011.htm index 87e066952fa..c50e554d7ab 100644 --- a/tests/wpt/css-tests/css21_dev/html4/descendent-selector-011.htm +++ b/tests/wpt/css-tests/css21_dev/html4/descendent-selector-011.htm @@ -4,6 +4,7 @@ <title>CSS Test: Descendent selector and newlines</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors"> + <link rel="match" href="reference/descendent-selector-002-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="A descendant selector can be separated by a newline."> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/html4/dynamic-sibling-combinator-001.htm b/tests/wpt/css-tests/css21_dev/html4/dynamic-sibling-combinator-001.htm index 19bf3738863..25c820cce96 100644 --- a/tests/wpt/css-tests/css21_dev/html4/dynamic-sibling-combinator-001.htm +++ b/tests/wpt/css-tests/css21_dev/html4/dynamic-sibling-combinator-001.htm @@ -6,6 +6,7 @@ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors"> + <link rel="match" href="reference/dynamic-sibling-combinator-001-ref.htm"> <meta name="flags" content="dom"> <meta name="assert" content="Dynamically changing an attribute should cause selectors using '+' to match as needed."> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-002.htm b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-002.htm index de6eaa37b81..7cdb9a7b601 100644 --- a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-002.htm +++ b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-002.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> <link rel="match" href="reference/inline-block-alignment-002-ref.htm"> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-003.htm b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-003.htm index 6b7b50449b2..ff778438416 100644 --- a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-003.htm +++ b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-003.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> <link rel="match" href="reference/inline-block-alignment-003-ref.htm"> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-004.htm b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-004.htm index 00c88f730e1..50b0c61410e 100644 --- a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-004.htm +++ b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-004.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> <link rel="match" href="reference/inline-block-alignment-002-ref.htm"> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-005.htm b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-005.htm index cb46666626a..13d3cf03637 100644 --- a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-005.htm +++ b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-005.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> <link rel="match" href="reference/inline-block-alignment-003-ref.htm"> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-006.htm b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-006.htm index 42c2a958ca9..a39aaa4396c 100644 --- a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-006.htm +++ b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-006.htm @@ -3,7 +3,7 @@ <head> <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-21 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> <link rel="match" href="reference/inline-block-alignment-006-ref.htm"> @@ -14,7 +14,6 @@ { color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-007.htm b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-007.htm index 9e5074b06b3..d3980423dc7 100644 --- a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-007.htm +++ b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-007.htm @@ -3,6 +3,7 @@ <head> <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> <link rel="match" href="reference/inline-block-alignment-006-ref.htm"> @@ -13,7 +14,6 @@ { color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-008.htm b/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-008.htm deleted file mode 100644 index 086d702833c..00000000000 --- a/tests/wpt/css-tests/css21_dev/html4/inline-block-alignment-008.htm +++ /dev/null @@ -1,61 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-21 --> - <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> - <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> - <link rel="match" href="reference/inline-block-alignment-006-ref.htm"> - <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline."> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#rl-sideways-right - { - color: fuchsia; - font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; - writing-mode: vertical-rl; - text-orientation: sideways-right; - } - - div#inline-block - { - display: inline-block; - padding-left: 0.5em; /* computes to 60px */ - font-size: 2em; /* computes to 120px */ - /* - such padding-left declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - - span.block-descendant - { - display: block; - } - - span#fuchsia30 - { - padding-right: 4em; /* computes to 120px */ - font-size: 0.5em; /* computes to 30px */ - /* - such padding-right declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - </style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="rl-sideways-right">É<div id="inline-block"> - <span class="block-descendant">B</span> - <span class="block-descendant last-line-box">É</span> - </div><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/outline-style-001.htm b/tests/wpt/css-tests/css21_dev/html4/outline-style-001.htm index 9c2265131fd..9eddbcf7633 100644 --- a/tests/wpt/css-tests/css21_dev/html4/outline-style-001.htm +++ b/tests/wpt/css-tests/css21_dev/html4/outline-style-001.htm @@ -1,25 +1,23 @@ -<!DOCTYPE html> -<html><head><meta charset="utf-8"> -<title>CSS Basic User Interface Test: outline-style - dotted (basic)</title> -<link href="http://www.intel.com/" rel="author" title="Intel"> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan"> -<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property"> -<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help"> -<link href="reference/outline-style-001-ref.htm" rel="match"> -<meta content="" name="flags"> -<meta content="Test checks that the outline style is dotted when outline-style set dotted" name="assert"> -<style> - #test { - height: 100px; - margin: 30px; - outline-color: green; - outline-style: dotted; - outline-width: 4px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a blank square with <strong>a green dotted</strong> border.</p> - <div id="test"></div> - -</body></html>
\ No newline at end of file +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Test: Outline-style set to 'none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style"> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines"> + <link rel="match" href="reference/no-red-filler-text-ref.htm"> + <meta name="flags" content=""> + <meta name="assert" content="Outline style 'none' results in no outline."> + <style type="text/css"> + div + { + outline-style: none; + outline-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/outline-style-002.htm b/tests/wpt/css-tests/css21_dev/html4/outline-style-002.htm index e1dd74648ee..59aa33edf65 100644 --- a/tests/wpt/css-tests/css21_dev/html4/outline-style-002.htm +++ b/tests/wpt/css-tests/css21_dev/html4/outline-style-002.htm @@ -1,35 +1,24 @@ -<!DOCTYPE html> -<html><head><meta charset="utf-8"> -<title>CSS Basic User Interface Test: outline-style - inherit (basic)</title> -<link href="http://www.intel.com/" rel="author" title="Intel"> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan"> -<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property"> -<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help"> -<link href="reference/outline-style-002-ref.htm" rel="match"> -<meta content="" name="flags"> -<meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert"> -<style> - #parent { - height: 110px; - margin: 30px; - outline-color: blue; - outline-style: dotted; - outline-width: 4px; - padding: 20px; - width: 110px; - } - #child { - height: 110px; - outline-color: green; - outline-style: inherit; - outline-width: 4px; - width: 110px; - } -</style> -</head><body> - <p>Test passes if there is a blank square with <strong>a green dotted</strong> border centered inside a blue dotted border.</p> - <div id="parent"> - <div id="child"></div> - </div> - -</body></html>
\ No newline at end of file +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Test: Outline-style set to 'dotted'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style"> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines"> + <meta name="flags" content=""> + <meta name="assert" content="Outline style 'dotted' results in a dotted outline."> + <style type="text/css"> + div + { + height: 1in; + outline-style: dotted; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/outline-style-003.htm b/tests/wpt/css-tests/css21_dev/html4/outline-style-003.htm index ae33c18e796..314c96f3171 100644 --- a/tests/wpt/css-tests/css21_dev/html4/outline-style-003.htm +++ b/tests/wpt/css-tests/css21_dev/html4/outline-style-003.htm @@ -1,25 +1,24 @@ -<!DOCTYPE html> -<html><head><meta charset="utf-8"> -<title>CSS Basic User Interface Test: outline-style - dashed (basic)</title> -<link href="http://www.intel.com/" rel="author" title="Intel"> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan"> -<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property"> -<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help"> -<link href="reference/outline-style-003-ref.htm" rel="match"> -<meta content="" name="flags"> -<meta content="Test checks that the outline style is dashed when outline-style set dashed" name="assert"> -<style> - #test { - height: 150px; - margin: 30px; - outline-color: green; - outline-style: dashed; - outline-width: 2px; - width: 150px; - } -</style> -</head><body> - <p>Test passes if there is a blank square whose border is <strong>green dashed</strong>.</p> - <div id="test"></div> - -</body></html>
\ No newline at end of file +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Test: Outline-style set to 'dashed'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style"> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines"> + <meta name="flags" content=""> + <meta name="assert" content="Outline style 'dashed' results in a dashed outline."> + <style type="text/css"> + div + { + height: 1in; + outline-style: dashed; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a dashed box below.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/outline-style-004.htm b/tests/wpt/css-tests/css21_dev/html4/outline-style-004.htm index 90f920acc4f..19a13037dd3 100644 --- a/tests/wpt/css-tests/css21_dev/html4/outline-style-004.htm +++ b/tests/wpt/css-tests/css21_dev/html4/outline-style-004.htm @@ -1,25 +1,24 @@ -<!DOCTYPE html> -<html><head><meta charset="utf-8"> -<title>CSS Basic User Interface Test: outline-style - double (basic)</title> -<link href="http://www.intel.com/" rel="author" title="Intel"> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan"> -<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property"> -<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help"> -<link href="reference/outline-style-004-ref.htm" rel="match"> -<meta content="" name="flags"> -<meta content="Test checks that the outline style is two solid lines when outline-style set double" name="assert"> -<style> - #test { - height: 150px; - margin: 30px; - outline-color: green; - outline-style: double; - outline-width: 4px; - width: 150px; - } -</style> -</head><body> - <p>Test passes if there is a blank square whose border is <strong>two green solid lines</strong>.</p> - <div id="test"></div> - -</body></html>
\ No newline at end of file +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Test: Outline-style set to 'solid'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style"> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines"> + <meta name="flags" content=""> + <meta name="assert" content="Outline style 'solid' results in a solid outline."> + <style type="text/css"> + div + { + height: 1in; + outline-style: solid; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/outline-style-011.htm b/tests/wpt/css-tests/css21_dev/html4/outline-style-011.htm new file mode 100644 index 00000000000..1aeac780ee1 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/outline-style-011.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: outline-style - dotted (basic)</title> +<link href="http://www.intel.com/" rel="author" title="Intel"> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan"> +<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property"> +<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help"> +<link href="reference/outline-style-011-ref.htm" rel="match"> +<meta content="" name="flags"> +<meta content="Test checks that the outline style is dotted when outline-style set dotted" name="assert"> +<style> + #test { + height: 100px; + margin: 30px; + outline-color: green; + outline-style: dotted; + outline-width: 4px; + width: 100px; + } +</style> +</head><body> + <p>Test passes if there is a blank square with <strong>a green dotted</strong> border.</p> + <div id="test"></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/outline-style-012.htm b/tests/wpt/css-tests/css21_dev/html4/outline-style-012.htm new file mode 100644 index 00000000000..14234606f15 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/outline-style-012.htm @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: outline-style - inherit (basic)</title> +<link href="http://www.intel.com/" rel="author" title="Intel"> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan"> +<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property"> +<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help"> +<link href="reference/outline-style-012-ref.htm" rel="match"> +<meta content="" name="flags"> +<meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert"> +<style> + #parent { + height: 110px; + margin: 30px; + outline-color: blue; + outline-style: dotted; + outline-width: 4px; + padding: 20px; + width: 110px; + } + #child { + height: 110px; + outline-color: green; + outline-style: inherit; + outline-width: 4px; + width: 110px; + } +</style> +</head><body> + <p>Test passes if there is a blank square with <strong>a green dotted</strong> border centered inside a blue dotted border.</p> + <div id="parent"> + <div id="child"></div> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/outline-style-013.htm b/tests/wpt/css-tests/css21_dev/html4/outline-style-013.htm new file mode 100644 index 00000000000..41e41723eac --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/outline-style-013.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: outline-style - dashed (basic)</title> +<link href="http://www.intel.com/" rel="author" title="Intel"> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan"> +<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property"> +<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help"> +<link href="reference/outline-style-013-ref.htm" rel="match"> +<meta content="" name="flags"> +<meta content="Test checks that the outline style is dashed when outline-style set dashed" name="assert"> +<style> + #test { + height: 150px; + margin: 30px; + outline-color: green; + outline-style: dashed; + outline-width: 2px; + width: 150px; + } +</style> +</head><body> + <p>Test passes if there is a blank square whose border is <strong>green dashed</strong>.</p> + <div id="test"></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/outline-style-014.htm b/tests/wpt/css-tests/css21_dev/html4/outline-style-014.htm new file mode 100644 index 00000000000..d344800b5e9 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/outline-style-014.htm @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html><head><meta charset="utf-8"> +<title>CSS Basic User Interface Test: outline-style - double (basic)</title> +<link href="http://www.intel.com/" rel="author" title="Intel"> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan"> +<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property"> +<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help"> +<link href="reference/outline-style-014-ref.htm" rel="match"> +<meta content="" name="flags"> +<meta content="Test checks that the outline style is two solid lines when outline-style set double" name="assert"> +<style> + #test { + height: 150px; + margin: 30px; + outline-color: green; + outline-style: double; + outline-width: 4px; + width: 150px; + } +</style> +</head><body> + <p>Test passes if there is a blank square whose border is <strong>two green solid lines</strong>.</p> + <div id="test"></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/adjacent-000-ref.htm b/tests/wpt/css-tests/css21_dev/html4/reference/adjacent-000-ref.htm new file mode 100644 index 00000000000..ff98bd56831 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/reference/adjacent-000-ref.htm @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"> +<style type="text/css"> +.gray { + color: gray; +} +.purple { + color: purple; +} +.black { + color: black; +} +.blue { + color: blue; +} +</style> +</head> +<body> +<p class="gray">Filler text.</p> +<p class="purple">This text should be purple.</p> +<div class="black">This text should be black.</div> +<h4 class="blue">This text should be blue.</h4> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/child-selector-001-ref.htm b/tests/wpt/css-tests/css21_dev/html4/reference/child-selector-001-ref.htm new file mode 100644 index 00000000000..be85b6c09c6 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/reference/child-selector-001-ref.htm @@ -0,0 +1,11 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"> +</head> +<body> +<p>Test passes if there is no red visible on the page.</p> +<h1>Filler Text</h1> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/child-selector-002-ref.htm b/tests/wpt/css-tests/css21_dev/html4/reference/child-selector-002-ref.htm new file mode 100644 index 00000000000..62800f26832 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/reference/child-selector-002-ref.htm @@ -0,0 +1,11 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"> +</head> +<body> +<p>Test passes if there is no red visible on the page.</p> +<div><blockquote><h1>Filler Text</h1></blockquote></div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/child-selector-003-ref.htm b/tests/wpt/css-tests/css21_dev/html4/reference/child-selector-003-ref.htm new file mode 100644 index 00000000000..83b588a5ba2 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/reference/child-selector-003-ref.htm @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"> +<style type="text/css"> +h1 { + color: green; +} +</style> +</head> +<body> +<p>Test passes if the "Filler Text" below is green.</p> +<div><h1>Filler Text</h1></div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/dynamic-sibling-combinator-001-ref.htm b/tests/wpt/css-tests/css21_dev/html4/reference/dynamic-sibling-combinator-001-ref.htm new file mode 100644 index 00000000000..65613295333 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/reference/dynamic-sibling-combinator-001-ref.htm @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"> +<style type="text/css"> +div { + color: green; +} +</style> +</head> +<body> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-001-ref.htm b/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-011-ref.htm index 07affa566e5..07affa566e5 100644 --- a/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-001-ref.htm +++ b/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-011-ref.htm diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-002-ref.htm b/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-012-ref.htm index ebad6d9b9b4..ebad6d9b9b4 100644 --- a/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-002-ref.htm +++ b/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-012-ref.htm diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-003-ref.htm b/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-013-ref.htm index c40631f0d4a..c40631f0d4a 100644 --- a/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-003-ref.htm +++ b/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-013-ref.htm diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-004-ref.htm b/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-014-ref.htm index 947a4882cbb..947a4882cbb 100644 --- a/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-004-ref.htm +++ b/tests/wpt/css-tests/css21_dev/html4/reference/outline-style-014-ref.htm diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/sibling-selector-001-ref.htm b/tests/wpt/css-tests/css21_dev/html4/reference/sibling-selector-001-ref.htm new file mode 100644 index 00000000000..22a1364bda0 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/reference/sibling-selector-001-ref.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"> +<style type="text/css"> +.green { + color: green; +} +</style> +</head> +<body> +<p>Test passes if the first line of "Filler Text" below is green, but the second line of "Filler Text" below is black.</p> +<div class="green">Filler Text</div> +<div>Filler Text</div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/sibling-selector-003-ref.htm b/tests/wpt/css-tests/css21_dev/html4/reference/sibling-selector-003-ref.htm new file mode 100644 index 00000000000..f3c76d12caf --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/reference/sibling-selector-003-ref.htm @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"> +<style type="text/css"> +.green { + color: green; +} +</style> +</head> +<body> +<p>Test passes if the first line of "Filler Text" below is black, but the second line of "Filler Text" below is green.</p> +<div>Filler Text</div> +<div class="green">Filler Text</div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css21_dev/html4/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css21_dev/html4/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css21_dev/html4/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css21_dev/html4/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css21_dev/html4/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css21_dev/html4/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/support/background-iframes-001.html b/tests/wpt/css-tests/css21_dev/html4/reference/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css21_dev/html4/reference/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css21_dev/html4/reference/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css21_dev/html4/reftest-toc.htm b/tests/wpt/css-tests/css21_dev/html4/reftest-toc.htm index afa2fd60a00..66c917c82d9 100644 --- a/tests/wpt/css-tests/css21_dev/html4/reftest-toc.htm +++ b/tests/wpt/css-tests/css21_dev/html4/reftest-toc.htm @@ -3144,6 +3144,30 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="adjacent-000" class=""> + <tr> + <td rowspan="1" title="Selectors: Adjacent selectors"> + <a href="adjacent-000.htm">adjacent-000</a></td> + <td><a href="reference/adjacent-000-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="adjacent-001" class=""> + <tr> + <td rowspan="1" title="Selectors: Adjacent selectors without the space separator"> + <a href="adjacent-001.htm">adjacent-001</a></td> + <td><a href="reference/adjacent-000-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="adjacent-002" class=""> + <tr> + <td rowspan="1" title="Selectors: Adjacent selectors with the universal selector"> + <a href="adjacent-002.htm">adjacent-002</a></td> + <td><a href="reference/adjacent-000-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="adjacent-floats-001" class=""> <tr> <td rowspan="1" title="Multiple floated boxes adjacent to each other"> @@ -21012,6 +21036,30 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="child-selector-001" class=""> + <tr> + <td rowspan="1" title="Child selector does not match when there is no matching parent"> + <a href="child-selector-001.htm">child-selector-001</a></td> + <td><a href="reference/child-selector-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="child-selector-002" class=""> + <tr> + <td rowspan="1" title="Child selector without direct child"> + <a href="child-selector-002.htm">child-selector-002</a></td> + <td><a href="reference/child-selector-002-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="child-selector-003" class=""> + <tr> + <td rowspan="1" title="Child selector"> + <a href="child-selector-003.htm">child-selector-003</a></td> + <td><a href="reference/child-selector-003-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="class-selector-001" class=""> <tr> <td rowspan="1" title="Class selectors with only a partial match of 'class' attribute"> @@ -24004,6 +24052,46 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="descendent-selector-007" class=""> + <tr> + <td rowspan="1" title="Grandchild selection"> + <a href="descendent-selector-007.htm">descendent-selector-007</a></td> + <td><a href="reference/descendent-selector-002-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="descendent-selector-008" class=""> + <tr> + <td rowspan="1" title="Descendent selector with ID attribute does not match elements without the ID attribute"> + <a href="descendent-selector-008.htm">descendent-selector-008</a></td> + <td><a href="reference/descendent-selector-004-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="descendent-selector-009" class=""> + <tr> + <td rowspan="1" title="Descendent selector with ID attribute"> + <a href="descendent-selector-009.htm">descendent-selector-009</a></td> + <td><a href="reference/descendent-selector-002-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="descendent-selector-010" class=""> + <tr> + <td rowspan="1" title="Descendent selector and tabs"> + <a href="descendent-selector-010.htm">descendent-selector-010</a></td> + <td><a href="reference/descendent-selector-002-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="descendent-selector-011" class=""> + <tr> + <td rowspan="1" title="Descendent selector and newlines"> + <a href="descendent-selector-011.htm">descendent-selector-011</a></td> + <td><a href="reference/descendent-selector-002-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="direction-001" class=""> <tr> <td rowspan="1" title="Direction set to 'ltr'"> @@ -24292,6 +24380,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="dynamic-sibling-combinator-001" class="dom"> + <tr> + <td rowspan="1" title="Testing dynamic changes and the '+' combinator"> + <a href="dynamic-sibling-combinator-001.htm">dynamic-sibling-combinator-001</a></td> + <td><a href="reference/dynamic-sibling-combinator-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + </tr> + </tbody> <tbody id="dynamic-top-change-001" class="dom"> <tr> <td rowspan="1" title="Inheriting 'top' changes from relpos grandparent"> @@ -29196,14 +29292,6 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="inline-block-alignment-008" class="ahem"> - <tr> - <td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout"> - <a href="inline-block-alignment-008.htm">inline-block-alignment-008</a></td> - <td><a href="reference/inline-block-alignment-006-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> <tbody id="inline-block-height-001" class=""> <tr> <td rowspan="1" title="Test for height:auto on inline-block"> @@ -37849,33 +37937,41 @@ </tbody> <tbody id="outline-style-001" class=""> <tr> - <td rowspan="1" title="outline-style - dotted (basic)"> + <td rowspan="1" title="Outline-style set to 'none'"> <a href="outline-style-001.htm">outline-style-001</a></td> - <td><a href="reference/outline-style-001-ref.htm">=</a> </td> + <td><a href="reference/no-red-filler-text-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="outline-style-011" class=""> + <tr> + <td rowspan="1" title="outline-style - dotted (basic)"> + <a href="outline-style-011.htm">outline-style-011</a></td> + <td><a href="reference/outline-style-011-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-002" class=""> + <tbody id="outline-style-012" class=""> <tr> <td rowspan="1" title="outline-style - inherit (basic)"> - <a href="outline-style-002.htm">outline-style-002</a></td> - <td><a href="reference/outline-style-002-ref.htm">=</a> </td> + <a href="outline-style-012.htm">outline-style-012</a></td> + <td><a href="reference/outline-style-012-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-003" class=""> + <tbody id="outline-style-013" class=""> <tr> <td rowspan="1" title="outline-style - dashed (basic)"> - <a href="outline-style-003.htm">outline-style-003</a></td> - <td><a href="reference/outline-style-003-ref.htm">=</a> </td> + <a href="outline-style-013.htm">outline-style-013</a></td> + <td><a href="reference/outline-style-013-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-004" class=""> + <tbody id="outline-style-014" class=""> <tr> <td rowspan="1" title="outline-style - double (basic)"> - <a href="outline-style-004.htm">outline-style-004</a></td> - <td><a href="reference/outline-style-004-ref.htm">=</a> </td> + <a href="outline-style-014.htm">outline-style-014</a></td> + <td><a href="reference/outline-style-014-ref.htm">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -43391,6 +43487,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="sibling-selector-001" class=""> + <tr> + <td rowspan="1" title="Simple sibling selector"> + <a href="sibling-selector-001.htm">sibling-selector-001</a></td> + <td><a href="reference/sibling-selector-001-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="sibling-selector-002" class=""> <tr> <td rowspan="1" title="Sibling selector with non-element node"> @@ -43399,6 +43503,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="sibling-selector-003" class=""> + <tr> + <td rowspan="1" title="Sibling selector with non element node"> + <a href="sibling-selector-003.htm">sibling-selector-003</a></td> + <td><a href="reference/sibling-selector-003-ref.htm">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="sort-by-order-001" class=""> <tr> <td rowspan="1" title="Casdading order - sort by order specified"> diff --git a/tests/wpt/css-tests/css21_dev/html4/reftest.list b/tests/wpt/css-tests/css21_dev/html4/reftest.list index b4dd00eec33..6af23b15c15 100644 --- a/tests/wpt/css-tests/css21_dev/html4/reftest.list +++ b/tests/wpt/css-tests/css21_dev/html4/reftest.list @@ -418,6 +418,9 @@ abspos-width-002.htm == reference/ref-if-there-is-no-red.htm abspos-width-003.htm == reference/ref-if-there-is-no-red.htm abspos-width-004.htm == reference/ref-filled-green-100px-square.htm abspos-width-005.htm == reference/abspos-width-005-ref.htm +adjacent-000.htm == reference/adjacent-000-ref.htm +adjacent-001.htm == reference/adjacent-000-ref.htm +adjacent-002.htm == reference/adjacent-000-ref.htm adjacent-floats-001.htm == reference/adjacent-floats-001-ref.htm after-content-display-001.htm == reference/after-content-display-001-ref.htm after-content-display-002.htm == reference/after-content-display-002-ref.htm @@ -2662,6 +2665,9 @@ case-sensitive-005.htm == reference/case-sensitive-005-ref.htm case-sensitive-006.htm == reference/filler-text-below-green.htm case-sensitive-007.htm == reference/no-red-filler-text-ref.htm charset-attr-001.htm == reference/at-charset-ref.htm +child-selector-001.htm == reference/child-selector-001-ref.htm +child-selector-002.htm == reference/child-selector-002-ref.htm +child-selector-003.htm == reference/child-selector-003-ref.htm class-selector-001.htm == reference/no-red-filler-text-ref.htm class-selector-002.htm == reference/filler-text-below-green.htm class-selector-003.htm == reference/filler-text-below-green.htm @@ -3036,6 +3042,11 @@ descendent-selector-003.htm == reference/descendent-selector-002-ref.htm descendent-selector-004.htm == reference/descendent-selector-004-ref.htm descendent-selector-005.htm == reference/no-red-filler-text-ref.htm descendent-selector-006.htm == reference/descendent-selector-004-ref.htm +descendent-selector-007.htm == reference/descendent-selector-002-ref.htm +descendent-selector-008.htm == reference/descendent-selector-004-ref.htm +descendent-selector-009.htm == reference/descendent-selector-002-ref.htm +descendent-selector-010.htm == reference/descendent-selector-002-ref.htm +descendent-selector-011.htm == reference/descendent-selector-002-ref.htm direction-001.htm == reference/direction-001-ref.htm direction-002.htm == reference/direction-002-ref.htm direction-003.htm == reference/direction-002-ref.htm @@ -3072,6 +3083,7 @@ display-change-001.htm == reference/display-change-001-ref.htm display-none-001.htm == reference/ref-if-there-is-no-red.htm display-none-002.htm == reference/ref-if-there-is-no-red.htm display-none-003.htm == reference/ref-if-there-is-no-red.htm +dynamic-sibling-combinator-001.htm == reference/dynamic-sibling-combinator-001-ref.htm dynamic-top-change-001.htm == reference/dynamic-top-change-001-ref.htm dynamic-top-change-002.htm == reference/dynamic-top-change-002-ref.htm dynamic-top-change-003.htm == reference/dynamic-top-change-002-ref.htm @@ -3689,7 +3701,6 @@ inline-block-alignment-004.htm == reference/inline-block-alignment-002-ref.htm inline-block-alignment-005.htm == reference/inline-block-alignment-003-ref.htm inline-block-alignment-006.htm == reference/inline-block-alignment-006-ref.htm inline-block-alignment-007.htm == reference/inline-block-alignment-006-ref.htm -inline-block-alignment-008.htm == reference/inline-block-alignment-006-ref.htm inline-block-height-001.htm == reference/inline-block-height-001-ref.htm inline-block-height-002.htm == reference/inline-block-height-002-ref.htm inline-block-non-replaced-height-001.htm == reference/height-percentage-001-ref.htm @@ -4783,10 +4794,11 @@ outline-color-115.htm == reference/outline-color-115-ref.htm outline-color-applies-to-005.htm == reference/no-red-on-blank-page-ref.htm outline-color-applies-to-006.htm == reference/no-red-on-blank-page-ref.htm outline-layout-006.htm == reference/outline-layout-006-ref.htm -outline-style-001.htm == reference/outline-style-001-ref.htm -outline-style-002.htm == reference/outline-style-002-ref.htm -outline-style-003.htm == reference/outline-style-003-ref.htm -outline-style-004.htm == reference/outline-style-004-ref.htm +outline-style-001.htm == reference/no-red-filler-text-ref.htm +outline-style-011.htm == reference/outline-style-011-ref.htm +outline-style-012.htm == reference/outline-style-012-ref.htm +outline-style-013.htm == reference/outline-style-013-ref.htm +outline-style-014.htm == reference/outline-style-014-ref.htm outline-style-applies-to-005.htm == reference/no-red-on-blank-page-ref.htm outline-style-applies-to-006.htm == reference/no-red-on-blank-page-ref.htm outline-width-002.htm == reference/no-red-filler-text-ref.htm @@ -5476,7 +5488,9 @@ shand-font-000.htm == reference/shand-font-000-ref.htm shand-font-001.htm == reference/shand-font-000-ref.htm shand-font-002.htm == reference/shand-font-002-ref.htm shand-font-003.htm == reference/shand-font-002-ref.htm +sibling-selector-001.htm == reference/sibling-selector-001-ref.htm sibling-selector-002.htm == reference/filler-text-below-green.htm +sibling-selector-003.htm == reference/sibling-selector-003-ref.htm sort-by-order-001.htm == reference/ref-filled-green-100px-square.htm specificity-001.htm == reference/filler-text-below-green.htm specificity-002.htm == reference/filler-text-below-green.htm diff --git a/tests/wpt/css-tests/css21_dev/html4/sibling-selector-001.htm b/tests/wpt/css-tests/css21_dev/html4/sibling-selector-001.htm index cd9bdf4c013..1d037425d68 100644 --- a/tests/wpt/css-tests/css21_dev/html4/sibling-selector-001.htm +++ b/tests/wpt/css-tests/css21_dev/html4/sibling-selector-001.htm @@ -4,6 +4,7 @@ <title>CSS Test: Simple sibling selector</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"> + <link rel="match" href="reference/sibling-selector-001-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="Sibling selector only applies to immediate siblings."> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/html4/sibling-selector-003.htm b/tests/wpt/css-tests/css21_dev/html4/sibling-selector-003.htm index 67eb34ffa2e..827ff08f034 100644 --- a/tests/wpt/css-tests/css21_dev/html4/sibling-selector-003.htm +++ b/tests/wpt/css-tests/css21_dev/html4/sibling-selector-003.htm @@ -4,6 +4,7 @@ <title>CSS Test: Sibling selector with non element node</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"> + <link rel="match" href="reference/sibling-selector-003-ref.htm"> <meta name="flags" content=""> <meta name="assert" content="Sibling selector only applies to immediate siblings ignoring text nodes."> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/html4/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css21_dev/html4/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css21_dev/html4/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css21_dev/html4/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css21_dev/html4/support/adobe-fonts/README.md b/tests/wpt/css-tests/css21_dev/html4/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css21_dev/html4/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css21_dev/html4/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css21_dev/html4/support/background-iframes-001.html b/tests/wpt/css-tests/css21_dev/html4/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css21_dev/html4/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css21_dev/html4/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css21_dev/html4/toc.htm b/tests/wpt/css-tests/css21_dev/html4/toc.htm index 58db03dc955..f7e2db0aa74 100644 --- a/tests/wpt/css-tests/css21_dev/html4/toc.htm +++ b/tests/wpt/css-tests/css21_dev/html4/toc.htm @@ -62,7 +62,7 @@ <tbody id="s9"> <tr><th><a href="chapter-9.htm">Chapter 9 - Visual formatting model</a></th> - <td>(1245 Tests)</td></tr> + <td>(1244 Tests)</td></tr> </tbody> <tbody id="s10"> <tr><th><a href="chapter-10.htm">Chapter 10 - @@ -107,7 +107,7 @@ <tbody id="s18"> <tr><th><a href="chapter-18.htm">Chapter 18 - User interface</a></th> - <td>(357 Tests)</td></tr> + <td>(361 Tests)</td></tr> </tbody> <tbody id="sA"> <tr><th><a href="chapter-A.htm">Appendix A - diff --git a/tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data index d9e57b31d9f..73a8303a161 100644 --- a/tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data @@ -850,12 +850,12 @@ html4/active-selector-001.htm 9e49a33e0c1ff421a2b6d858e3ee0bdcf284c8af ? xhtml1/active-selector-001.xht 9e49a33e0c1ff421a2b6d858e3ee0bdcf284c8af ? html4/active-selector-002.htm 8f4e01b74b84dc944061956b1334c4851eeb52ee ? xhtml1/active-selector-002.xht 8f4e01b74b84dc944061956b1334c4851eeb52ee ? -html4/adjacent-000.htm 22d0adbe1f1adad33305968ef32ef3a895a5bb27 ? -xhtml1/adjacent-000.xht 22d0adbe1f1adad33305968ef32ef3a895a5bb27 ? -html4/adjacent-001.htm 4e32c22548c9c55005c2d9e2e3d3c879ea6f683b ? -xhtml1/adjacent-001.xht 4e32c22548c9c55005c2d9e2e3d3c879ea6f683b ? -html4/adjacent-002.htm 3611ed0df2dd2faa22857e6002247c1845d03436 ? -xhtml1/adjacent-002.xht 3611ed0df2dd2faa22857e6002247c1845d03436 ? +html4/adjacent-000.htm 70c310042e8f3810462cbc9e68433c667ad96253 ? +xhtml1/adjacent-000.xht 70c310042e8f3810462cbc9e68433c667ad96253 ? +html4/adjacent-001.htm 51d1ade32db8b6d86be1a09b9b908098175abcf7 ? +xhtml1/adjacent-001.xht 51d1ade32db8b6d86be1a09b9b908098175abcf7 ? +html4/adjacent-002.htm 89739314c664545c196aded4b6a8afe809e4e83a ? +xhtml1/adjacent-002.xht 89739314c664545c196aded4b6a8afe809e4e83a ? html4/adjacent-floats-001.htm 71c4bd3cc8b10d80cc88d766e7325de34aa22c0d ? xhtml1/adjacent-floats-001.xht 71c4bd3cc8b10d80cc88d766e7325de34aa22c0d ? html4/after-content-display-001.htm 2269b8460673fa857c7b1dbff9626d1dba2aa7e5 ? @@ -7967,12 +7967,12 @@ html4/character-representation-001.htm be552db550fab7dfe2355cf0514c553564e40983 xhtml1/character-representation-001.xht be552db550fab7dfe2355cf0514c553564e40983 ? html4/charset-attr-001.htm acbad1e1f81a6bf4e4e0a77351260b08f088857c ? xhtml1/charset-attr-001.xht acbad1e1f81a6bf4e4e0a77351260b08f088857c ? -html4/child-selector-001.htm 5373125f6a34c51997a4a0d97ee594baed2cdae0 ? -xhtml1/child-selector-001.xht 5373125f6a34c51997a4a0d97ee594baed2cdae0 ? -html4/child-selector-002.htm ae31a875ac14d8895b1835f9587b007c6dec7dcf ? -xhtml1/child-selector-002.xht ae31a875ac14d8895b1835f9587b007c6dec7dcf ? -html4/child-selector-003.htm 1e3fc9a7435995d23948338e3a6eade652704ed2 ? -xhtml1/child-selector-003.xht 1e3fc9a7435995d23948338e3a6eade652704ed2 ? +html4/child-selector-001.htm e74d084cafa330ba44b3fa4935a51ace20522aab ? +xhtml1/child-selector-001.xht e74d084cafa330ba44b3fa4935a51ace20522aab ? +html4/child-selector-002.htm ffa3d6fb824d29ce6374c84680b25abf7dbd68d5 ? +xhtml1/child-selector-002.xht ffa3d6fb824d29ce6374c84680b25abf7dbd68d5 ? +html4/child-selector-003.htm 4e6dd27df589c4b370fe7b3a2502659cc740c236 ? +xhtml1/child-selector-003.xht 4e6dd27df589c4b370fe7b3a2502659cc740c236 ? html4/class-000.htm feaa5f51f46dbcd45b429e56f0b4e5f5e6073332 ? xhtml1/class-000.xht feaa5f51f46dbcd45b429e56f0b4e5f5e6073332 ? html4/class-001.htm ac8deeedd6513548ef489691ad6946d213706a6e ? @@ -8045,10 +8045,10 @@ html4/clear-applies-to-014.htm 7518d846393c237fb767a4501c048619179aed0b ? xhtml1/clear-applies-to-014.xht 7518d846393c237fb767a4501c048619179aed0b ? html4/clear-applies-to-015.htm b69c912fb6454e98931d2d5ac3ca7d78af6c1e79 ? xhtml1/clear-applies-to-015.xht b69c912fb6454e98931d2d5ac3ca7d78af6c1e79 ? -html4/clear-applies-to-016.htm df178dddc1ff24449725edf26b7ebc26031b9441 ? -xhtml1/clear-applies-to-016.xht df178dddc1ff24449725edf26b7ebc26031b9441 ? -html4/clear-applies-to-017.htm 3dedbf8605cf5fe6af6694798c6938826bbdbd7a ? -xhtml1/clear-applies-to-017.xht 3dedbf8605cf5fe6af6694798c6938826bbdbd7a ? +html4/clear-applies-to-016.htm 1e9463c66f63daed3b6f18f3a53f0847240456a9 ? +xhtml1/clear-applies-to-016.xht 1e9463c66f63daed3b6f18f3a53f0847240456a9 ? +html4/clear-applies-to-017.htm fc6ae170318cca695ce0c85dfbbe1dac09ea8a28 ? +xhtml1/clear-applies-to-017.xht fc6ae170318cca695ce0c85dfbbe1dac09ea8a28 ? html4/clear-clearance-calculation-001.htm 26e029071d4d4e5e3391e45998247b25a20c78c4 ? xhtml1/clear-clearance-calculation-001.xht 26e029071d4d4e5e3391e45998247b25a20c78c4 ? html4/clear-clearance-calculation-002.htm b881a3de8ae7c5e0f54586f774b18f1d170ec459 ? @@ -9645,16 +9645,16 @@ html4/descendent-selector-005.htm 631da3319277f5ce15d01649a10ef2d8a044fa27 ? xhtml1/descendent-selector-005.xht 631da3319277f5ce15d01649a10ef2d8a044fa27 ? html4/descendent-selector-006.htm ffdeb0583f1d6f25d825bff85757715107f18b7d ? xhtml1/descendent-selector-006.xht ffdeb0583f1d6f25d825bff85757715107f18b7d ? -html4/descendent-selector-007.htm 9b3284e0cb3a8833f6a10c90716f9b6856caecbb ? -xhtml1/descendent-selector-007.xht 9b3284e0cb3a8833f6a10c90716f9b6856caecbb ? -html4/descendent-selector-008.htm 19b5c529fefa7740ee50680d2587f5b0c0a28ac7 ? -xhtml1/descendent-selector-008.xht 19b5c529fefa7740ee50680d2587f5b0c0a28ac7 ? -html4/descendent-selector-009.htm 415d77c4a17c0b71454887306265e45b749c96e3 ? -xhtml1/descendent-selector-009.xht 415d77c4a17c0b71454887306265e45b749c96e3 ? -html4/descendent-selector-010.htm 60cbf144f2dcf3684c56d2a331a364665fe2d85e ? -xhtml1/descendent-selector-010.xht 60cbf144f2dcf3684c56d2a331a364665fe2d85e ? -html4/descendent-selector-011.htm fdea727ce236ad65a84836337de518100b64fd37 ? -xhtml1/descendent-selector-011.xht fdea727ce236ad65a84836337de518100b64fd37 ? +html4/descendent-selector-007.htm b6b24cae365807934412ef73ea63ed0608adf4db ? +xhtml1/descendent-selector-007.xht b6b24cae365807934412ef73ea63ed0608adf4db ? +html4/descendent-selector-008.htm 830439a344ca8665c36dcda4b121e83d081037c3 ? +xhtml1/descendent-selector-008.xht 830439a344ca8665c36dcda4b121e83d081037c3 ? +html4/descendent-selector-009.htm bd0258f0bb69f7fbbc03fdfa2399c3e5400365be ? +xhtml1/descendent-selector-009.xht bd0258f0bb69f7fbbc03fdfa2399c3e5400365be ? +html4/descendent-selector-010.htm 4298915fe30ba0c4962936efed01b95c8a4dbd6a ? +xhtml1/descendent-selector-010.xht 4298915fe30ba0c4962936efed01b95c8a4dbd6a ? +html4/descendent-selector-011.htm c7329435e015cf9e6915e209a977b049ed111b00 ? +xhtml1/descendent-selector-011.xht c7329435e015cf9e6915e209a977b049ed111b00 ? html4/direction-001.htm 5c033add1932eaf0595c610990a862bf6a6a3bdb ? xhtml1/direction-001.xht 5c033add1932eaf0595c610990a862bf6a6a3bdb ? html4/direction-002.htm 12b697880ef31320cb3a92589d76ee9f85be6546 ? @@ -9811,8 +9811,8 @@ html4/dynamic-pseudo-classes-002.htm 4b461791e733d6a7d916755a7a3ef9b2f57e2486 ? xhtml1/dynamic-pseudo-classes-002.xht 4b461791e733d6a7d916755a7a3ef9b2f57e2486 ? html4/dynamic-pseudo-classes-003.htm 7df392937fb47490b4891c295ab1fbfba3bdf0c3 ? xhtml1/dynamic-pseudo-classes-003.xht 7df392937fb47490b4891c295ab1fbfba3bdf0c3 ? -html4/dynamic-sibling-combinator-001.htm dcb9bdf2edfeef9bd955a92909a4c41dbd1d4cd3 ? -xhtml1/dynamic-sibling-combinator-001.xht dcb9bdf2edfeef9bd955a92909a4c41dbd1d4cd3 ? +html4/dynamic-sibling-combinator-001.htm 3c70073beb3a51bec740f783b2d3ee9fa24d4314 ? +xhtml1/dynamic-sibling-combinator-001.xht 3c70073beb3a51bec740f783b2d3ee9fa24d4314 ? html4/dynamic-top-change-001.htm 790837722013c8c796b5ce3a293a4fb6913afeda ? xhtml1/dynamic-top-change-001.xht 790837722013c8c796b5ce3a293a4fb6913afeda ? html4/dynamic-top-change-002.htm 5c3212697552ab2cde5549530d16826690dd41cf ? @@ -12688,20 +12688,18 @@ html4/inline-block-004.htm 3fe38b99cfa327f3213cc7d33e647a741ac8e83c ? xhtml1/inline-block-004.xht 3fe38b99cfa327f3213cc7d33e647a741ac8e83c ? html4/inline-block-005.htm c472c1ddc01d782a148417310a78261d99fa6cff ? xhtml1/inline-block-005.xht c472c1ddc01d782a148417310a78261d99fa6cff ? -html4/inline-block-alignment-002.htm b93f39f73d1a2639f5ab2b25a07a2749558142d1 ? -xhtml1/inline-block-alignment-002.xht b93f39f73d1a2639f5ab2b25a07a2749558142d1 ? -html4/inline-block-alignment-003.htm 132f5e6d8e244e6acf61cd929f59d15801085fbb ? -xhtml1/inline-block-alignment-003.xht 132f5e6d8e244e6acf61cd929f59d15801085fbb ? -html4/inline-block-alignment-004.htm f254f9b4e72bd5cfdff0411c9ed832c0d7c437ef ? -xhtml1/inline-block-alignment-004.xht f254f9b4e72bd5cfdff0411c9ed832c0d7c437ef ? -html4/inline-block-alignment-005.htm f22e9acf9997492e59bf06af71f147cf3a7ef60b ? -xhtml1/inline-block-alignment-005.xht f22e9acf9997492e59bf06af71f147cf3a7ef60b ? -html4/inline-block-alignment-006.htm d331ddb7afc3bbe931b343cfec50b6f142a10f55 ? -xhtml1/inline-block-alignment-006.xht d331ddb7afc3bbe931b343cfec50b6f142a10f55 ? -html4/inline-block-alignment-007.htm 6a9ee7d303ff1d49a6841edfb93f3abe04297ec7 ? -xhtml1/inline-block-alignment-007.xht 6a9ee7d303ff1d49a6841edfb93f3abe04297ec7 ? -html4/inline-block-alignment-008.htm 0c74b7bbf813193c08885b3d85823e5a2b4fb435 ? -xhtml1/inline-block-alignment-008.xht 0c74b7bbf813193c08885b3d85823e5a2b4fb435 ? +html4/inline-block-alignment-002.htm b2e78cfd22c01d1bc9f11956e0f4557d80575d7f ? +xhtml1/inline-block-alignment-002.xht b2e78cfd22c01d1bc9f11956e0f4557d80575d7f ? +html4/inline-block-alignment-003.htm d7647e588b01fba800f62acfa2e05adc325f0819 ? +xhtml1/inline-block-alignment-003.xht d7647e588b01fba800f62acfa2e05adc325f0819 ? +html4/inline-block-alignment-004.htm 72a2c479f89c577ea51ba811126bf8b7684c7cee ? +xhtml1/inline-block-alignment-004.xht 72a2c479f89c577ea51ba811126bf8b7684c7cee ? +html4/inline-block-alignment-005.htm fe339fdfd90a9a0a2a7525655bdda3bfc83f62f7 ? +xhtml1/inline-block-alignment-005.xht fe339fdfd90a9a0a2a7525655bdda3bfc83f62f7 ? +html4/inline-block-alignment-006.htm 3e7ef54d69fd5eabf807ed15bc3167d0d8ed1cdb ? +xhtml1/inline-block-alignment-006.xht 3e7ef54d69fd5eabf807ed15bc3167d0d8ed1cdb ? +html4/inline-block-alignment-007.htm d125533103fbe5fe4ce3f7fcf9af7fb242502b57 ? +xhtml1/inline-block-alignment-007.xht d125533103fbe5fe4ce3f7fcf9af7fb242502b57 ? html4/inline-block-height-001.htm 16420343ff1b3e203ff5c995965add545595a9a6 ? xhtml1/inline-block-height-001.xht 16420343ff1b3e203ff5c995965add545595a9a6 ? html4/inline-block-height-002.htm 13f6f7d3e9b65cb978c256d0f064517e544579c9 ? @@ -16003,14 +16001,14 @@ html4/outline-pseudo-selector-002.htm e6e45ffb2fc10cfd231f40451dfafae872e0732c ? xhtml1/outline-pseudo-selector-002.xht e6e45ffb2fc10cfd231f40451dfafae872e0732c ? html4/outline-pseudo-selector-003.htm b6b9b38d233b4cac110284bc74cff7c15d7547e9 ? xhtml1/outline-pseudo-selector-003.xht b6b9b38d233b4cac110284bc74cff7c15d7547e9 ? -html4/outline-style-001.htm 9b6764e372cceab67dda037ff6138d0e911b1dec ? -xhtml1/outline-style-001.xht 9b6764e372cceab67dda037ff6138d0e911b1dec ? -html4/outline-style-002.htm 695fbf49c18c77abfca3e5c42c9359ab9afdf1f1 ? -xhtml1/outline-style-002.xht 695fbf49c18c77abfca3e5c42c9359ab9afdf1f1 ? -html4/outline-style-003.htm c26ebdb81d867b5d1d8ff893a632b8c738c934b7 ? -xhtml1/outline-style-003.xht c26ebdb81d867b5d1d8ff893a632b8c738c934b7 ? -html4/outline-style-004.htm 7027b5a477a5790afef0521288df069305856abc ? -xhtml1/outline-style-004.xht 7027b5a477a5790afef0521288df069305856abc ? +html4/outline-style-001.htm 6be690c083fd81cd4d188323e86cd51ff8097a70 ? +xhtml1/outline-style-001.xht 6be690c083fd81cd4d188323e86cd51ff8097a70 ? +html4/outline-style-002.htm 00ab7636a2e44169e9743a74cc0bfc1ad8b38431 ? +xhtml1/outline-style-002.xht 00ab7636a2e44169e9743a74cc0bfc1ad8b38431 ? +html4/outline-style-003.htm d9a502d2aabe83afad5dd1eeac9264b7d4f2b514 ? +xhtml1/outline-style-003.xht d9a502d2aabe83afad5dd1eeac9264b7d4f2b514 ? +html4/outline-style-004.htm 62afcda89ba75c14efd5aab6a61c41179ee89d88 ? +xhtml1/outline-style-004.xht 62afcda89ba75c14efd5aab6a61c41179ee89d88 ? html4/outline-style-005.htm 6f4b7620f29c5b303a92559f80a3c38547e5bea2 ? xhtml1/outline-style-005.xht 6f4b7620f29c5b303a92559f80a3c38547e5bea2 ? html4/outline-style-006.htm db49bb84e183a1958ec32a029b00d4462312f3f9 ? @@ -16023,6 +16021,14 @@ html4/outline-style-009.htm 2c73b087e949e8d54d78e32caa24e2c56c594b28 ? xhtml1/outline-style-009.xht 2c73b087e949e8d54d78e32caa24e2c56c594b28 ? html4/outline-style-010.htm 5c0c62497a03bcbbc06f215a22ea04aacc48a76f ? xhtml1/outline-style-010.xht 5c0c62497a03bcbbc06f215a22ea04aacc48a76f ? +html4/outline-style-011.htm 23252c963318135cd2b9a9591741c77f5372fb79 ? +xhtml1/outline-style-011.xht 23252c963318135cd2b9a9591741c77f5372fb79 ? +html4/outline-style-012.htm 0c82cbd1d2692d211242ea93142a58407ccb4b03 ? +xhtml1/outline-style-012.xht 0c82cbd1d2692d211242ea93142a58407ccb4b03 ? +html4/outline-style-013.htm d5914561233854207699be98d528a8be2dbf0bf2 ? +xhtml1/outline-style-013.xht d5914561233854207699be98d528a8be2dbf0bf2 ? +html4/outline-style-014.htm 3e3ee5a78b0992797f164d84f553cf5b2edf26a7 ? +xhtml1/outline-style-014.xht 3e3ee5a78b0992797f164d84f553cf5b2edf26a7 ? html4/outline-style-applies-to-001.htm f9aa77c49b5d2f21e21fe1838ca9fab7f3d7aef3 ? xhtml1/outline-style-applies-to-001.xht f9aa77c49b5d2f21e21fe1838ca9fab7f3d7aef3 ? html4/outline-style-applies-to-002.htm 63480d82c4b0f0037d6f950dcea0d23ca0b2dd4e ? @@ -17969,12 +17975,12 @@ html4/shand-font-003.htm d6235e095c4e75ca1b551736057ccdc8d102d74b ? xhtml1/shand-font-003.xht d6235e095c4e75ca1b551736057ccdc8d102d74b ? html4/shape-spaces-001.htm a7894745b4534dcf60ccf4c8857fbbec1c9b980b ? xhtml1/shape-spaces-001.xht a7894745b4534dcf60ccf4c8857fbbec1c9b980b ? -html4/sibling-selector-001.htm 47023ffaaeb4739f93acff95b831fa5c1515883e ? -xhtml1/sibling-selector-001.xht 47023ffaaeb4739f93acff95b831fa5c1515883e ? +html4/sibling-selector-001.htm c4a7fb63b4560ddcd78c5c1f39ecd46b5aeb7f0a ? +xhtml1/sibling-selector-001.xht c4a7fb63b4560ddcd78c5c1f39ecd46b5aeb7f0a ? html4/sibling-selector-002.htm 3f9a076334e7e604e64693aa3c4574bce241d9c4 ? xhtml1/sibling-selector-002.xht 3f9a076334e7e604e64693aa3c4574bce241d9c4 ? -html4/sibling-selector-003.htm 90f105e8528e43a573c9f32658c1f699ba2f5457 ? -xhtml1/sibling-selector-003.xht 90f105e8528e43a573c9f32658c1f699ba2f5457 ? +html4/sibling-selector-003.htm 73a46ed4c667955b012f4966b1dd68cf6632831f ? +xhtml1/sibling-selector-003.xht 73a46ed4c667955b012f4966b1dd68cf6632831f ? html4/sort-by-order-001.htm 0b9c79021abff380f49675c4865ee7ea8cc10ce0 ? xhtml1/sort-by-order-001.xht 0b9c79021abff380f49675c4865ee7ea8cc10ce0 ? html4/specificity-001.htm 5c49e39530814449e1153e8157cb3228471d2e04 ? diff --git a/tests/wpt/css-tests/css21_dev/testinfo.data b/tests/wpt/css-tests/css21_dev/testinfo.data index bec62913e22..73b568680c1 100644 --- a/tests/wpt/css-tests/css21_dev/testinfo.data +++ b/tests/wpt/css-tests/css21_dev/testinfo.data @@ -437,9 +437,9 @@ abspos-width-005 reference/abspos-width-005-ref Absolute Positioning: max-width abspos-zero-width-001 Absolute positioned elements still affect scrolling mechanism image http://www.w3.org/TR/CSS21/visufx.html#overflow,http://www.w3.org/TR/CSS21/visudet.html#the-height-property,http://www.w3.org/TR/CSS21/visudet.html#the-width-property,http://www.w3.org/TR/CSS21/visuren.html#choose-position 4749b1397485039464302b2a65b7ed4d17ffc17b `Microsoft`<http://www.microsoft.com/> Zero width absolute positioned elements still affects scrolling mechanism even though they are out of flow of the content. active-selector-001 Active pseudo-class matching interact http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes 9e49a33e0c1ff421a2b6d858e3ee0bdcf284c8af `Microsoft`<http://www.microsoft.com/> Active pseudo-class selector matches any element which has been activated until it has been deactivated. active-selector-002 :active (basic test) interact http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes 8f4e01b74b84dc944061956b1334c4851eeb52ee `Ian Hickson`<mailto:ian@hixie.ch> -adjacent-000 Selectors: Adjacent selectors http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors 22d0adbe1f1adad33305968ef32ef3a895a5bb27 `Gabriele Romanato`<mailto:gabriele.romanato@gmail.com> Browsers should apply each rule to the adjacent element -adjacent-001 Selectors: Adjacent selectors without the space separator http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors 4e32c22548c9c55005c2d9e2e3d3c879ea6f683b `Gabriele Romanato`<mailto:gabriele.romanato@gmail.com> Browsers should apply each rule to the adjacent element also without the space separator -adjacent-002 Selectors: Adjacent selectors with the universal selector http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors 3611ed0df2dd2faa22857e6002247c1845d03436 `Gabriele Romanato`<mailto:gabriele.romanato@gmail.com> Browsers should apply each rule to the adjacent element when combined with the universal selector +adjacent-000 reference/adjacent-000-ref Selectors: Adjacent selectors http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors 70c310042e8f3810462cbc9e68433c667ad96253 `Gabriele Romanato`<mailto:gabriele.romanato@gmail.com> Browsers should apply each rule to the adjacent element +adjacent-001 reference/adjacent-000-ref Selectors: Adjacent selectors without the space separator http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors 51d1ade32db8b6d86be1a09b9b908098175abcf7 `Gabriele Romanato`<mailto:gabriele.romanato@gmail.com> Browsers should apply each rule to the adjacent element also without the space separator +adjacent-002 reference/adjacent-000-ref Selectors: Adjacent selectors with the universal selector http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors 89739314c664545c196aded4b6a8afe809e4e83a `Gabriele Romanato`<mailto:gabriele.romanato@gmail.com> Browsers should apply each rule to the adjacent element when combined with the universal selector adjacent-floats-001 reference/adjacent-floats-001-ref Multiple floated boxes adjacent to each other http://www.w3.org/TR/CSS21/visuren.html#floats 71c4bd3cc8b10d80cc88d766e7325de34aa22c0d `Microsoft`<http://www.microsoft.com/> Floated boxes are allowed to be next to each other. after-content-display-001 reference/after-content-display-001-ref :after generated content - display inline http://www.w3.org/TR/CSS21/generate.html#before-after-content,http://www.w3.org/TR/CSS21/visuren.html#display-prop 2269b8460673fa857c7b1dbff9626d1dba2aa7e5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. after-content-display-002 reference/after-content-display-002-ref :after generated content - display block http://www.w3.org/TR/CSS21/generate.html#before-after-content,http://www.w3.org/TR/CSS21/visuren.html#display-prop 2f6c1816968fb5b598a20d9f8028d5fbb8369ff1 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. @@ -4004,9 +4004,9 @@ character-encoding-037 Stylesheet encodings: KOI8-R http http://www.w3.org/TR/C character-encoding-038 Stylesheet encodings: malformed UTF-8 http http://www.w3.org/TR/CSS21/syndata.html#charset 3320d0ad2eb836edcd23b9fda6c4f4b227efdcb6 `Ian Hickson`<mailto:ian@hixie.ch> character-representation-001 Character representation in other encoding http://www.w3.org/TR/CSS21/syndata.html#escaping be552db550fab7dfe2355cf0514c553564e40983 `Microsoft`<http://www.microsoft.com/> Characters in the stylesheet that cannot be represented in the current character encoding are written as escaped references to ISO 10646 characters. charset-attr-001 reference/at-charset-ref @charset test-attribute http://www.w3.org/TR/CSS21/syndata.html#charset,http://www.w3.org/TR/html40/struct/links.html#adef-charset acbad1e1f81a6bf4e4e0a77351260b08f088857c `Boris Zbarsky`<mailto:bzbarsky@mit.edu>,`Mozilla Corporation`<http://mozilla.com/> -child-selector-001 Child selector does not match when there is no matching parent http://www.w3.org/TR/CSS21/selector.html#child-selectors 5373125f6a34c51997a4a0d97ee594baed2cdae0 `Microsoft`<http://www.microsoft.com/> Child selectors only apply when parent and child elements match. -child-selector-002 Child selector without direct child http://www.w3.org/TR/CSS21/selector.html#child-selectors ae31a875ac14d8895b1835f9587b007c6dec7dcf `Microsoft`<http://www.microsoft.com/> Child selectors only apply to child elements when there is a direct parent child relationship. -child-selector-003 Child selector http://www.w3.org/TR/CSS21/selector.html#child-selectors 1e3fc9a7435995d23948338e3a6eade652704ed2 `Microsoft`<http://www.microsoft.com/> Child selectors apply to child elements. +child-selector-001 reference/child-selector-001-ref Child selector does not match when there is no matching parent http://www.w3.org/TR/CSS21/selector.html#child-selectors e74d084cafa330ba44b3fa4935a51ace20522aab `Microsoft`<http://www.microsoft.com/> Child selectors only apply when parent and child elements match. +child-selector-002 reference/child-selector-002-ref Child selector without direct child http://www.w3.org/TR/CSS21/selector.html#child-selectors ffa3d6fb824d29ce6374c84680b25abf7dbd68d5 `Microsoft`<http://www.microsoft.com/> Child selectors only apply to child elements when there is a direct parent child relationship. +child-selector-003 reference/child-selector-003-ref Child selector http://www.w3.org/TR/CSS21/selector.html#child-selectors 4e6dd27df589c4b370fe7b3a2502659cc740c236 `Microsoft`<http://www.microsoft.com/> Child selectors apply to child elements. class-000 Selectors: Class selectors http://www.w3.org/TR/CSS21/selector.html#class-html feaa5f51f46dbcd45b429e56f0b4e5f5e6073332 `Gabriele Romanato`<mailto:gabriele.romanato@gmail.com> Browsers should apply each rule to the elements which have the specified class class-001 Selectors: Class selectors with the universal selector http://www.w3.org/TR/CSS21/selector.html#class-html ac8deeedd6513548ef489691ad6946d213706a6e `Gabriele Romanato`<mailto:gabriele.romanato@gmail.com> Browsers should apply each rule to the elements which have the specified class class-002 Selectors: Class selectors: Multiple classes http://www.w3.org/TR/CSS21/selector.html#class-html 232eb0491acda7de68a2d0152f48ffac1e74a7a0 `Gabriele Romanato`<mailto:gabriele.romanato@gmail.com> Browsers should apply each rule to the elements which have the specified class or classes @@ -4043,8 +4043,8 @@ clear-applies-to-012 reference/clear-applies-to-001-ref Clear applied to element clear-applies-to-013 reference/clear-applies-to-009-ref Clear applied to element with 'display' set to 'table' http://www.w3.org/TR/CSS21/visuren.html#propdef-clear,http://www.w3.org/TR/CSS21/visuren.html#flow-control 3336c3ce740025a5ebf7ed0f9ab43460590d305e `Microsoft`<http://www.microsoft.com/> The 'clear' property does apply to elements with a display of 'table'. clear-applies-to-014 reference/clear-applies-to-001-ref Clear applied to element with 'display' set to 'inline-table' http://www.w3.org/TR/CSS21/visuren.html#propdef-clear,http://www.w3.org/TR/CSS21/visuren.html#flow-control 7518d846393c237fb767a4501c048619179aed0b `Microsoft`<http://www.microsoft.com/> The 'clear' property does not apply to elements with a display of 'inline-table'. clear-applies-to-015 reference/clear-applies-to-001-ref Clear applied to element with 'display' set to 'table-caption' http://www.w3.org/TR/CSS21/visuren.html#propdef-clear,http://www.w3.org/TR/CSS21/visuren.html#flow-control b69c912fb6454e98931d2d5ac3ca7d78af6c1e79 `Microsoft`<http://www.microsoft.com/> The 'clear' property does not apply to elements with a display of 'table-caption' because an anonymous table wrapper box will be generated for a misparented table-caption element and such anonymous table wrapper box creates a block formatting context. Clear will not apply to floats outside a block formatting context. -clear-applies-to-016 reference/clear-applies-to-009-ref 'clear' applied to the table wrapper box (has 1 caption at top) http://www.w3.org/TR/CSS21/visuren.html#flow-control df178dddc1ff24449725edf26b7ebc26031b9441 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> The 'clear' property apply to elements with a display of 'table' and is applied to the table wrapper box and not on the table box. In this test, the table wrapper box has a table caption placed before the table box. -clear-applies-to-017 reference/clear-applies-to-009-ref 'clear' applied to the table wrapper box (has 1 caption at bottom) http://www.w3.org/TR/CSS21/visuren.html#flow-control 3dedbf8605cf5fe6af6694798c6938826bbdbd7a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> The 'clear' property apply to elements with a display of 'table' and is applied to the table wrapper box and not on the table box. In this test, the table wrapper box has a table caption placed after the table box. +clear-applies-to-016 reference/clear-applies-to-009-ref 'clear' applied to the table wrapper box (has 1 caption at top) http://www.w3.org/TR/CSS21/visuren.html#flow-control 1e9463c66f63daed3b6f18f3a53f0847240456a9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> The 'clear' property apply to elements with a display of 'table' and is applied to the table wrapper box and not on the table box. In this test, the table wrapper box has a table caption placed before the table box. +clear-applies-to-017 reference/clear-applies-to-009-ref 'clear' applied to the table wrapper box (has 1 caption at bottom) http://www.w3.org/TR/CSS21/visuren.html#flow-control fc6ae170318cca695ce0c85dfbbe1dac09ea8a28 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> The 'clear' property apply to elements with a display of 'table' and is applied to the table wrapper box and not on the table box. In this test, the table wrapper box has a table caption placed after the table box. clear-clearance-calculation-001 reference/clear-clearance-calculation-001-ref Clearance calculations - clear box non-collapsing margins with larger margings than clearance ahem,image http://www.w3.org/TR/CSS21/visuren.html#flow-control 26e029071d4d4e5e3391e45998247b25a20c78c4 `Microsoft`<http://www.microsoft.com/> When a cleared element has more top margin than the height of the floated element the margin is collpased with previous in-flow children. The element is then placed at the point of the resulting collapsed margin. clear-clearance-calculation-002 reference/clear-clearance-calculation-002-ref Clearance calculations - clear box non-collapsing margins with larger clearance than margins ahem,image http://www.w3.org/TR/CSS21/visuren.html#flow-control b881a3de8ae7c5e0f54586f774b18f1d170ec459 `Microsoft`<http://www.microsoft.com/> If after margin collapsing the position of the cleared element is above or hypothetically positioned within the layout position of the float. Then the cleared element is positioned directly below the floated element. clear-clearance-calculation-003 reference/clear-clearance-calculation-003-ref Clearance calculations - clear box collapsing margins http://www.w3.org/TR/CSS21/visuren.html#flow-control 411cf0928f58c1e6370dc1d48ed892ef950403b4 `Microsoft`<http://www.microsoft.com/> When a cleared element has more top margin than the height of the floated element the margin is collpased with previous in-flow children. The element is then placed at the point of the resulting collapsed margin. @@ -4847,11 +4847,11 @@ descendent-selector-003 reference/descendent-selector-002-ref Descendent selecto descendent-selector-004 reference/descendent-selector-004-ref Descendent selector with incorrect parent element http://www.w3.org/TR/CSS21/selector.html#descendant-selectors 81faee404c0c54087551e73a81e058832bfc97d3 `Microsoft`<http://www.microsoft.com/> Descendent selectors are applied only to descendents where the parent element matches. descendent-selector-005 reference/no-red-filler-text-ref Grandchild selection with no children http://www.w3.org/TR/CSS21/selector.html#descendant-selectors 631da3319277f5ce15d01649a10ef2d8a044fa27 `Microsoft`<http://www.microsoft.com/> Grandchild selection is applied only to elements which have grandchildren. descendent-selector-006 reference/descendent-selector-004-ref Grandchild selection with no grandchildren http://www.w3.org/TR/CSS21/selector.html#descendant-selectors ffdeb0583f1d6f25d825bff85757715107f18b7d `Microsoft`<http://www.microsoft.com/> Grandchild selection is applied only to elements which have grandchildren. -descendent-selector-007 Grandchild selection http://www.w3.org/TR/CSS21/selector.html#descendant-selectors 9b3284e0cb3a8833f6a10c90716f9b6856caecbb `Microsoft`<http://www.microsoft.com/> Grandchild selection is applied only to elements which are grandchildren. -descendent-selector-008 Descendent selector with ID attribute does not match elements without the ID attribute http://www.w3.org/TR/CSS21/selector.html#descendant-selectors 19b5c529fefa7740ee50680d2587f5b0c0a28ac7 `Microsoft`<http://www.microsoft.com/> Descendent selector with attribute applies only to applicable elements. -descendent-selector-009 Descendent selector with ID attribute http://www.w3.org/TR/CSS21/selector.html#descendant-selectors 415d77c4a17c0b71454887306265e45b749c96e3 `Microsoft`<http://www.microsoft.com/> Descendent selector with attribute applies only to applicable elements. -descendent-selector-010 Descendent selector and tabs http://www.w3.org/TR/CSS21/selector.html#descendant-selectors 60cbf144f2dcf3684c56d2a331a364665fe2d85e `Microsoft`<http://www.microsoft.com/> A descendant selector can be separated by a tab. -descendent-selector-011 Descendent selector and newlines http://www.w3.org/TR/CSS21/selector.html#descendant-selectors fdea727ce236ad65a84836337de518100b64fd37 `Microsoft`<http://www.microsoft.com/> A descendant selector can be separated by a newline. +descendent-selector-007 reference/descendent-selector-002-ref Grandchild selection http://www.w3.org/TR/CSS21/selector.html#descendant-selectors b6b24cae365807934412ef73ea63ed0608adf4db `Microsoft`<http://www.microsoft.com/> Grandchild selection is applied only to elements which are grandchildren. +descendent-selector-008 reference/descendent-selector-004-ref Descendent selector with ID attribute does not match elements without the ID attribute http://www.w3.org/TR/CSS21/selector.html#descendant-selectors 830439a344ca8665c36dcda4b121e83d081037c3 `Microsoft`<http://www.microsoft.com/> Descendent selector with attribute applies only to applicable elements. +descendent-selector-009 reference/descendent-selector-002-ref Descendent selector with ID attribute http://www.w3.org/TR/CSS21/selector.html#descendant-selectors bd0258f0bb69f7fbbc03fdfa2399c3e5400365be `Microsoft`<http://www.microsoft.com/> Descendent selector with attribute applies only to applicable elements. +descendent-selector-010 reference/descendent-selector-002-ref Descendent selector and tabs http://www.w3.org/TR/CSS21/selector.html#descendant-selectors 4298915fe30ba0c4962936efed01b95c8a4dbd6a `Microsoft`<http://www.microsoft.com/> A descendant selector can be separated by a tab. +descendent-selector-011 reference/descendent-selector-002-ref Descendent selector and newlines http://www.w3.org/TR/CSS21/selector.html#descendant-selectors c7329435e015cf9e6915e209a977b049ed111b00 `Microsoft`<http://www.microsoft.com/> A descendant selector can be separated by a newline. direction-001 reference/direction-001-ref Direction set to 'ltr' http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/CSS21/visuren.html#propdef-direction,http://www.w3.org/TR/CSS21/visuren.html#direction 5c033add1932eaf0595c610990a862bf6a6a3bdb `Microsoft`<http://www.microsoft.com/> The 'direction' property set to 'ltr' sets the direction of an element to left-to-right. direction-002 reference/direction-002-ref Direction set to 'rtl' http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/CSS21/visuren.html#propdef-direction,http://www.w3.org/TR/CSS21/visuren.html#direction 12b697880ef31320cb3a92589d76ee9f85be6546 `Microsoft`<http://www.microsoft.com/> The 'direction' property set to 'rtl' sets the direction of an element to right-to-left. direction-003 reference/direction-002-ref Direction set to 'inherit' sets a value that is inherited from parent element http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/CSS21/visuren.html#propdef-direction,http://www.w3.org/TR/CSS21/visuren.html#direction c5e4860af47173b24a7778a2b12ee81fc49585e1 `Microsoft`<http://www.microsoft.com/> The 'direction' property set to 'inherit' sets a direction value to the same as the parent element. @@ -4930,7 +4930,7 @@ dynamic-pseudo-classes-000 Selectors: The dynamic pseudo-classes: :hover on lin dynamic-pseudo-classes-001 Selectors: The dynamic pseudo-classes: :hover on different elements interact http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes 40608841619742df7534b7b89764da1065b6c30d `Gabriele Romanato`<mailto:gabriele.romanato@gmail.com> Browsers should honour the change of state in the elements dynamic-pseudo-classes-002 Selectors: The dynamic pseudo-classes: :active interact http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes 4b461791e733d6a7d916755a7a3ef9b2f57e2486 `Gabriele Romanato`<mailto:gabriele.romanato@gmail.com> Browsers should honour the change of state in the elements dynamic-pseudo-classes-003 Selectors: The dynamic pseudo-classes: :focus interact http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes 7df392937fb47490b4891c295ab1fbfba3bdf0c3 `Gabriele Romanato`<mailto:gabriele.romanato@gmail.com> Browsers should honour the change of state in the elements -dynamic-sibling-combinator-001 Testing dynamic changes and the '+' combinator dom http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors,http://www.w3.org/TR/CSS21/selector.html#attribute-selectors dcb9bdf2edfeef9bd955a92909a4c41dbd1d4cd3 `Boris Zbarsky`<mailto:bzbarsky@mit.edu> Dynamically changing an attribute should cause selectors using '+' to match as needed. +dynamic-sibling-combinator-001 reference/dynamic-sibling-combinator-001-ref Testing dynamic changes and the '+' combinator dom http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors,http://www.w3.org/TR/CSS21/selector.html#attribute-selectors 3c70073beb3a51bec740f783b2d3ee9fa24d4314 `Boris Zbarsky`<mailto:bzbarsky@mit.edu> Dynamically changing an attribute should cause selectors using '+' to match as needed. dynamic-top-change-001 reference/dynamic-top-change-001-ref Inheriting 'top' changes from relpos grandparent dom http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit,http://www.w3.org/TR/CSS21/visuren.html#position-props,http://www.w3.org/TR/CSS21/visuren.html#propdef-position 790837722013c8c796b5ce3a293a4fb6913afeda `Boris Zbarsky`<mailto:bzbarsky@mit.edu> The position of a positioned element which inherits its 'top' value from its relatively positioned grandparent changes when the grandparent's 'top' value is changed. dynamic-top-change-002 reference/dynamic-top-change-002-ref Inheriting 'top' changes from parent table-row through anonymous table boxes dom http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit,http://www.w3.org/TR/CSS21/visuren.html#position-props,http://www.w3.org/TR/CSS21/visuren.html#propdef-position 5c3212697552ab2cde5549530d16826690dd41cf `Boris Zbarsky`<mailto:bzbarsky@mit.edu> The position of a positioned element which inherits its 'top' value from its parent changes when the parent's 'top' value is changed even if the parent is display:table-row. dynamic-top-change-003 reference/dynamic-top-change-002-ref Inheriting 'top' changes from parent table through anonymous table boxes dom http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit,http://www.w3.org/TR/CSS21/visuren.html#position-props,http://www.w3.org/TR/CSS21/visuren.html#propdef-position 8abfc64640781c84b91ae9aeba90754aab3afcae `Boris Zbarsky`<mailto:bzbarsky@mit.edu> The position of a positioned element which inherits its 'top' value from its parent changes when the parent's 'top' value is changed even if the parent is display:table. @@ -6371,13 +6371,12 @@ inline-block-002 inline-block: width interact http://www.w3.org/TR/CSS21/visude inline-block-003 inline-block: width interact http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width 714ae4cbb8048832f658096a82b423ebc8964e06 `Ian Hickson`<mailto:ian@hixie.ch> inline-block-004 inline-block: width interact http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width 3fe38b99cfa327f3213cc7d33e647a741ac8e83c `Ian Hickson`<mailto:ian@hixie.ch> inline-block-005 inline-block: width interact http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width c472c1ddc01d782a148417310a78261d99fa6cff `Ian Hickson`<mailto:ian@hixie.ch> -inline-block-alignment-002 reference/inline-block-alignment-002-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes b93f39f73d1a2639f5ab2b25a07a2749558142d1 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. -inline-block-alignment-003 reference/inline-block-alignment-003-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 132f5e6d8e244e6acf61cd929f59d15801085fbb `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. -inline-block-alignment-004 reference/inline-block-alignment-002-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes f254f9b4e72bd5cfdff0411c9ed832c0d7c437ef `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. -inline-block-alignment-005 reference/inline-block-alignment-003-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes f22e9acf9997492e59bf06af71f147cf3a7ef60b `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. -inline-block-alignment-006 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes d331ddb7afc3bbe931b343cfec50b6f142a10f55 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. -inline-block-alignment-007 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 6a9ee7d303ff1d49a6841edfb93f3abe04297ec7 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. -inline-block-alignment-008 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 0c74b7bbf813193c08885b3d85823e5a2b4fb435 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline. +inline-block-alignment-002 reference/inline-block-alignment-002-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes b2e78cfd22c01d1bc9f11956e0f4557d80575d7f `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. +inline-block-alignment-003 reference/inline-block-alignment-003-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes d7647e588b01fba800f62acfa2e05adc325f0819 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline. +inline-block-alignment-004 reference/inline-block-alignment-002-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 72a2c479f89c577ea51ba811126bf8b7684c7cee `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. +inline-block-alignment-005 reference/inline-block-alignment-003-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes fe339fdfd90a9a0a2a7525655bdda3bfc83f62f7 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. +inline-block-alignment-006 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 3e7ef54d69fd5eabf807ed15bc3167d0d8ed1cdb `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. +inline-block-alignment-007 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes d125533103fbe5fe4ce3f7fcf9af7fb242502b57 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. inline-block-height-001 reference/inline-block-height-001-ref Test for height:auto on inline-block http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height 16420343ff1b3e203ff5c995965add545595a9a6 `L. David Baron`<http://dbaron.org/>,`Mozilla Corporation`<http://mozilla.com/> inline-block-height-002 reference/inline-block-height-002-ref Test for height:<length> on inline-block http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height 13f6f7d3e9b65cb978c256d0f064517e544579c9 `L. David Baron`<http://dbaron.org/>,`Mozilla Corporation`<http://mozilla.com/> inline-block-non-replaced-height-001 reference/height-percentage-001-ref Inline-block non-replaced element with 'margin-top', margin-bottom' set to 'auto' and 'height' relying on the descendants http://www.w3.org/TR/CSS21/visudet.html#block-root-margin 3df4a8af7efd3439cc337a14a533ccb6df6a0578 `Microsoft`<http://www.microsoft.com/> If 'height' is 'auto' on an inline-block non-replaced element then the 'height' depends on the descendants. @@ -8037,16 +8036,20 @@ outline-overlap-001 Outline overlaps with other elements http://www.w3.org/TR/ outline-pseudo-selector-001 Outline specified with the ':focus' selector interact http://www.w3.org/TR/CSS21/ui.html#outline-focus f881d87785d587129c4f111d6bb4b366f7a579c7 `Microsoft`<http://www.microsoft.com/> Outline works with the ':focus' selectors. outline-pseudo-selector-002 Outline specified with the ':hover' selector interact http://www.w3.org/TR/CSS21/ui.html#outline-focus e6e45ffb2fc10cfd231f40451dfafae872e0732c `Microsoft`<http://www.microsoft.com/> Outline works with the ':hover' selector. outline-pseudo-selector-003 Outline specified with the ':active' selector interact http://www.w3.org/TR/CSS21/ui.html#outline-focus b6b9b38d233b4cac110284bc74cff7c15d7547e9 `Microsoft`<http://www.microsoft.com/> Outline works with the ':active' selectors. -outline-style-001 reference/outline-style-001-ref outline-style - dotted (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style 9b6764e372cceab67dda037ff6138d0e911b1dec `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline style is dotted when outline-style set dotted -outline-style-002 reference/outline-style-002-ref outline-style - inherit (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style 695fbf49c18c77abfca3e5c42c9359ab9afdf1f1 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit -outline-style-003 reference/outline-style-003-ref outline-style - dashed (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style c26ebdb81d867b5d1d8ff893a632b8c738c934b7 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline style is dashed when outline-style set dashed -outline-style-004 reference/outline-style-004-ref outline-style - double (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style 7027b5a477a5790afef0521288df069305856abc `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline style is two solid lines when outline-style set double +outline-style-001 reference/no-red-filler-text-ref Outline-style set to 'none' http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines 6be690c083fd81cd4d188323e86cd51ff8097a70 `Microsoft`<http://www.microsoft.com/> Outline style 'none' results in no outline. +outline-style-002 Outline-style set to 'dotted' http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines 00ab7636a2e44169e9743a74cc0bfc1ad8b38431 `Microsoft`<http://www.microsoft.com/> Outline style 'dotted' results in a dotted outline. +outline-style-003 Outline-style set to 'dashed' http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines d9a502d2aabe83afad5dd1eeac9264b7d4f2b514 `Microsoft`<http://www.microsoft.com/> Outline style 'dashed' results in a dashed outline. +outline-style-004 Outline-style set to 'solid' http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines 62afcda89ba75c14efd5aab6a61c41179ee89d88 `Microsoft`<http://www.microsoft.com/> Outline style 'solid' results in a solid outline. outline-style-005 Outline-style set to 'double' http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines 6f4b7620f29c5b303a92559f80a3c38547e5bea2 `Microsoft`<http://www.microsoft.com/> Outline style 'double' results in a double-line outline. outline-style-006 Outline-style set to 'groove' http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines db49bb84e183a1958ec32a029b00d4462312f3f9 `Microsoft`<http://www.microsoft.com/> Outline style 'groove' results in a carved outline. outline-style-007 Outline-style set to 'ridge' http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines b962b2f013208caf3101f664b5825b95ae792489 `Microsoft`<http://www.microsoft.com/> Outline style 'ridge' results in a ridged outline (as if it were a bump around the box). outline-style-008 Outline-style set to 'inset' http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines 036f18bbbdefb850486eaad86086a7348c7ae11b `Microsoft`<http://www.microsoft.com/> Outline style 'inset' results in a sunken box. outline-style-009 Outline-style set to 'outset' http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines 2c73b087e949e8d54d78e32caa24e2c56c594b28 `Microsoft`<http://www.microsoft.com/> Outline style 'outset' results in a raised box. outline-style-010 Outline-style set to 'inherit' http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines 5c0c62497a03bcbbc06f215a22ea04aacc48a76f `Microsoft`<http://www.microsoft.com/> Outline-style with value 'inherit' uses its parent's outline-style value. +outline-style-011 reference/outline-style-011-ref outline-style - dotted (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style 23252c963318135cd2b9a9591741c77f5372fb79 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline style is dotted when outline-style set dotted +outline-style-012 reference/outline-style-012-ref outline-style - inherit (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style 0c82cbd1d2692d211242ea93142a58407ccb4b03 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit +outline-style-013 reference/outline-style-013-ref outline-style - dashed (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style d5914561233854207699be98d528a8be2dbf0bf2 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline style is dashed when outline-style set dashed +outline-style-014 reference/outline-style-014-ref outline-style - double (basic) http://www.w3.org/TR/css3-ui/#outline-style,http://www.w3.org/TR/CSS21/box.html#value-def-border-style 3e3ee5a78b0992797f164d84f553cf5b2edf26a7 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the outline style is two solid lines when outline-style set double outline-style-applies-to-001 Outline-style applied to element with display table-row-group http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines f9aa77c49b5d2f21e21fe1838ca9fab7f3d7aef3 `Microsoft`<http://www.microsoft.com/> The 'outline-style' property applies to elements with a display of table-row-group. outline-style-applies-to-002 Outline-style applied to element with display table-header-group http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines 63480d82c4b0f0037d6f950dcea0d23ca0b2dd4e `Microsoft`<http://www.microsoft.com/> The 'outline-style' property applies to elements with a display of table-header-group. outline-style-applies-to-003 Outline-style applied to element with display table-footer-group http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style,http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines 4b9e474a5b814a69d5c83746ee4b01b31096a49a `Microsoft`<http://www.microsoft.com/> The 'outline-style' property applies to elements with a display of table-footer-group. @@ -9021,9 +9024,9 @@ shand-font-001 reference/shand-font-000-ref Shorthand Properties (font) http:// shand-font-002 reference/shand-font-002-ref Shorthand Properties (font) http://www.w3.org/TR/CSS21/about.html#shorthand ffb598ae994e3f9036fd606b811e4b6338c65c1f `L. David Baron`<http://dbaron.org/> shand-font-003 reference/shand-font-002-ref Shorthand Properties (font) http://www.w3.org/TR/CSS21/about.html#shorthand d6235e095c4e75ca1b551736057ccdc8d102d74b `L. David Baron`<http://dbaron.org/> shape-spaces-001 Clip with 'rect()' function values separated may http://www.w3.org/TR/CSS21/visufx.html#clipping a7894745b4534dcf60ccf4c8857fbbec1c9b980b `Microsoft`<http://www.microsoft.com/> User agent may also support separation of the 'rect()' function values 'top', 'right', 'bottom', and 'left' with spaces. -sibling-selector-001 Simple sibling selector http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors 47023ffaaeb4739f93acff95b831fa5c1515883e `Microsoft`<http://www.microsoft.com/> Sibling selector only applies to immediate siblings. +sibling-selector-001 reference/sibling-selector-001-ref Simple sibling selector http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors c4a7fb63b4560ddcd78c5c1f39ecd46b5aeb7f0a `Microsoft`<http://www.microsoft.com/> Sibling selector only applies to immediate siblings. sibling-selector-002 reference/filler-text-below-green Sibling selector with non-element node http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors 3f9a076334e7e604e64693aa3c4574bce241d9c4 `Microsoft`<http://www.microsoft.com/> Sibling selector only applies to immediate siblings ignoring non-element nodes. -sibling-selector-003 Sibling selector with non element node http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors 90f105e8528e43a573c9f32658c1f699ba2f5457 `Microsoft`<http://www.microsoft.com/> Sibling selector only applies to immediate siblings ignoring text nodes. +sibling-selector-003 reference/sibling-selector-003-ref Sibling selector with non element node http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors 73a46ed4c667955b012f4966b1dd68cf6632831f `Microsoft`<http://www.microsoft.com/> Sibling selector only applies to immediate siblings ignoring text nodes. sort-by-order-001 reference/ref-filled-green-100px-square Casdading order - sort by order specified http://www.w3.org/TR/CSS21/cascade.html#cascading-order 0b9c79021abff380f49675c4865ee7ea8cc10ce0 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> If 2 declarations have the same media, the same importance (normal or !important), the same origin (author, user or user agent) and the same specificity, then the latter specified wins. specificity-001 reference/filler-text-below-green Calculating specificity - Specificity 0010 vs. 0001 http://www.w3.org/TR/CSS21/cascade.html#specificity 5c49e39530814449e1153e8157cb3228471d2e04 `Microsoft`<http://www.microsoft.com/> The attribute selector has an higher specificity over the element selector - specificity 0010 takes precedence over 0001. specificity-002 reference/filler-text-below-green Calculating specificity - Inline Style http://www.w3.org/TR/CSS21/cascade.html#specificity 97ece2c1c7b29b0bb8694a2615a6cf208f71c06c `Microsoft`<http://www.microsoft.com/> Specificity of the inline style trumps all other selectors. diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/adjacent-000.xht b/tests/wpt/css-tests/css21_dev/xhtml1/adjacent-000.xht index ca4ae77336a..172870feef2 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/adjacent-000.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/adjacent-000.xht @@ -4,6 +4,7 @@ <title>CSS Test: Selectors: Adjacent selectors</title> <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com"/> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"/> + <link rel="match" href="reference/adjacent-000-ref.xht"/> <meta name="flags" content=""/> <meta name="assert" content="Browsers should apply each rule to the adjacent element"/> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/adjacent-001.xht b/tests/wpt/css-tests/css21_dev/xhtml1/adjacent-001.xht index f537183ae77..b3e85a8fd15 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/adjacent-001.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/adjacent-001.xht @@ -4,10 +4,11 @@ <title>CSS Test: Selectors: Adjacent selectors without the space separator</title> <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com"/> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"/> + <link rel="match" href="reference/adjacent-000-ref.xht"/> <meta name="flags" content=""/> <meta name="assert" content="Browsers should apply each rule to the adjacent element also without the space separator"/> <style type="text/css"> -body > p {color: silver} +body > p {color: gray} p+p {color: purple} p+div {color: black} diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/adjacent-002.xht b/tests/wpt/css-tests/css21_dev/xhtml1/adjacent-002.xht index ceec2d1edbb..c1e7ed63038 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/adjacent-002.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/adjacent-002.xht @@ -4,10 +4,11 @@ <title>CSS Test: Selectors: Adjacent selectors with the universal selector</title> <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com"/> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"/> + <link rel="match" href="reference/adjacent-000-ref.xht"/> <meta name="flags" content=""/> <meta name="assert" content="Browsers should apply each rule to the adjacent element when combined with the universal selector"/> <style type="text/css"> -body > p {color: silver} +body > p {color: gray} body > p + * {color: purple} p + p + * {color: black} diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/chapter-18.xht b/tests/wpt/css-tests/css21_dev/xhtml1/chapter-18.xht index e4109b40951..c15e07a1eb7 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/chapter-18.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/chapter-18.xht @@ -13,7 +13,7 @@ <body> <h1>CSS 2.1 Conformance Test Suite</h1> - <h2>User interface (357 tests)</h2> + <h2>User interface (361 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -888,7 +888,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s18.4">+</a> <a href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">18.4 Dynamic outlines: the 'outline' property</a></th></tr> - <!-- 310 tests --> + <!-- 314 tests --> <tr id="outline-001-18.4" class=""> <td> <a href="outline-001.xht">outline-001</a></td> @@ -3188,6 +3188,50 @@ </ul> </td> </tr> + <tr id="outline-style-001-18.4" class=""> + <td> + <a href="outline-style-001.xht">outline-style-001</a></td> + <td><a href="reference/no-red-filler-text-ref.xht">=</a> </td> + <td></td> + <td>Outline-style set to 'none' + <ul class="assert"> + <li>Outline style 'none' results in no outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-002-18.4" class=""> + <td> + <a href="outline-style-002.xht">outline-style-002</a></td> + <td></td> + <td></td> + <td>Outline-style set to 'dotted' + <ul class="assert"> + <li>Outline style 'dotted' results in a dotted outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-003-18.4" class=""> + <td> + <a href="outline-style-003.xht">outline-style-003</a></td> + <td></td> + <td></td> + <td>Outline-style set to 'dashed' + <ul class="assert"> + <li>Outline style 'dashed' results in a dashed outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-004-18.4" class=""> + <td> + <a href="outline-style-004.xht">outline-style-004</a></td> + <td></td> + <td></td> + <td>Outline-style set to 'solid' + <ul class="assert"> + <li>Outline style 'solid' results in a solid outline.</li> + </ul> + </td> + </tr> <tr id="outline-style-005-18.4" class=""> <td> <a href="outline-style-005.xht">outline-style-005</a></td> @@ -6452,7 +6496,51 @@ </tr> </tbody> <tbody id="s18.4.#propdef-outline-style"> - <!-- 21 tests --> + <!-- 25 tests --> + <tr id="outline-style-001-18.4.#propdef-outline-style" class="primary"> + <td><strong> + <a href="outline-style-001.xht">outline-style-001</a></strong></td> + <td><a href="reference/no-red-filler-text-ref.xht">=</a> </td> + <td></td> + <td>Outline-style set to 'none' + <ul class="assert"> + <li>Outline style 'none' results in no outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-002-18.4.#propdef-outline-style" class="primary"> + <td><strong> + <a href="outline-style-002.xht">outline-style-002</a></strong></td> + <td></td> + <td></td> + <td>Outline-style set to 'dotted' + <ul class="assert"> + <li>Outline style 'dotted' results in a dotted outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-003-18.4.#propdef-outline-style" class="primary"> + <td><strong> + <a href="outline-style-003.xht">outline-style-003</a></strong></td> + <td></td> + <td></td> + <td>Outline-style set to 'dashed' + <ul class="assert"> + <li>Outline style 'dashed' results in a dashed outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-004-18.4.#propdef-outline-style" class="primary"> + <td><strong> + <a href="outline-style-004.xht">outline-style-004</a></strong></td> + <td></td> + <td></td> + <td>Outline-style set to 'solid' + <ul class="assert"> + <li>Outline style 'solid' results in a solid outline.</li> + </ul> + </td> + </tr> <tr id="outline-style-005-18.4.#propdef-outline-style" class="primary"> <td><strong> <a href="outline-style-005.xht">outline-style-005</a></strong></td> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/chapter-5.xht b/tests/wpt/css-tests/css21_dev/xhtml1/chapter-5.xht index 9ed823a7ade..62ca8bb300b 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/chapter-5.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/chapter-5.xht @@ -408,7 +408,7 @@ <tr id="descendent-selector-007-5.5" class="primary"> <td><strong> <a href="descendent-selector-007.xht">descendent-selector-007</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> <td></td> <td>Grandchild selection <ul class="assert"> @@ -419,7 +419,7 @@ <tr id="descendent-selector-008-5.5" class="primary"> <td><strong> <a href="descendent-selector-008.xht">descendent-selector-008</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-004-ref.xht">=</a> </td> <td></td> <td>Descendent selector with ID attribute does not match elements without the ID attribute <ul class="assert"> @@ -430,7 +430,7 @@ <tr id="descendent-selector-009-5.5" class="primary"> <td><strong> <a href="descendent-selector-009.xht">descendent-selector-009</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> <td></td> <td>Descendent selector with ID attribute <ul class="assert"> @@ -441,7 +441,7 @@ <tr id="descendent-selector-010-5.5" class="primary"> <td><strong> <a href="descendent-selector-010.xht">descendent-selector-010</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> <td></td> <td>Descendent selector and tabs <ul class="assert"> @@ -452,7 +452,7 @@ <tr id="descendent-selector-011-5.5" class="primary"> <td><strong> <a href="descendent-selector-011.xht">descendent-selector-011</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> <td></td> <td>Descendent selector and newlines <ul class="assert"> @@ -472,7 +472,7 @@ <tr id="child-selector-001-5.6" class="primary"> <td><strong> <a href="child-selector-001.xht">child-selector-001</a></strong></td> - <td></td> + <td><a href="reference/child-selector-001-ref.xht">=</a> </td> <td></td> <td>Child selector does not match when there is no matching parent <ul class="assert"> @@ -483,7 +483,7 @@ <tr id="child-selector-002-5.6" class="primary"> <td><strong> <a href="child-selector-002.xht">child-selector-002</a></strong></td> - <td></td> + <td><a href="reference/child-selector-002-ref.xht">=</a> </td> <td></td> <td>Child selector without direct child <ul class="assert"> @@ -494,7 +494,7 @@ <tr id="child-selector-003-5.6" class="primary"> <td><strong> <a href="child-selector-003.xht">child-selector-003</a></strong></td> - <td></td> + <td><a href="reference/child-selector-003-ref.xht">=</a> </td> <td></td> <td>Child selector <ul class="assert"> @@ -514,7 +514,7 @@ <tr id="adjacent-000-5.7" class="primary"> <td><strong> <a href="adjacent-000.xht">adjacent-000</a></strong></td> - <td></td> + <td><a href="reference/adjacent-000-ref.xht">=</a> </td> <td></td> <td>Selectors: Adjacent selectors <ul class="assert"> @@ -525,7 +525,7 @@ <tr id="adjacent-001-5.7" class="primary"> <td><strong> <a href="adjacent-001.xht">adjacent-001</a></strong></td> - <td></td> + <td><a href="reference/adjacent-000-ref.xht">=</a> </td> <td></td> <td>Selectors: Adjacent selectors without the space separator <ul class="assert"> @@ -536,7 +536,7 @@ <tr id="adjacent-002-5.7" class="primary"> <td><strong> <a href="adjacent-002.xht">adjacent-002</a></strong></td> - <td></td> + <td><a href="reference/adjacent-000-ref.xht">=</a> </td> <td></td> <td>Selectors: Adjacent selectors with the universal selector <ul class="assert"> @@ -591,7 +591,7 @@ <tr id="dynamic-sibling-combinator-001-5.7" class="primary dom"> <td><strong> <a href="dynamic-sibling-combinator-001.xht">dynamic-sibling-combinator-001</a></strong></td> - <td></td> + <td><a href="reference/dynamic-sibling-combinator-001-ref.xht">=</a> </td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> <td>Testing dynamic changes and the '+' combinator <ul class="assert"> @@ -635,7 +635,7 @@ <tr id="sibling-selector-001-5.7" class="primary"> <td><strong> <a href="sibling-selector-001.xht">sibling-selector-001</a></strong></td> - <td></td> + <td><a href="reference/sibling-selector-001-ref.xht">=</a> </td> <td></td> <td>Simple sibling selector <ul class="assert"> @@ -657,7 +657,7 @@ <tr id="sibling-selector-003-5.7" class="primary"> <td><strong> <a href="sibling-selector-003.xht">sibling-selector-003</a></strong></td> - <td></td> + <td><a href="reference/sibling-selector-003-ref.xht">=</a> </td> <td></td> <td>Sibling selector with non element node <ul class="assert"> @@ -861,7 +861,7 @@ <tr id="dynamic-sibling-combinator-001-5.8" class="dom"> <td> <a href="dynamic-sibling-combinator-001.xht">dynamic-sibling-combinator-001</a></td> - <td></td> + <td><a href="reference/dynamic-sibling-combinator-001-ref.xht">=</a> </td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> <td>Testing dynamic changes and the '+' combinator <ul class="assert"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/chapter-8.xht b/tests/wpt/css-tests/css21_dev/xhtml1/chapter-8.xht index d630a8dd043..79aaca2f493 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/chapter-8.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/chapter-8.xht @@ -41823,10 +41823,10 @@ </tbody> <tbody id="s8.5.3.#value-def-border-style"> <!-- 4 tests --> - <tr id="outline-style-001-8.5.3.#value-def-border-style" class=""> + <tr id="outline-style-011-8.5.3.#value-def-border-style" class=""> <td> - <a href="outline-style-001.xht">outline-style-001</a></td> - <td><a href="reference/outline-style-001-ref.xht">=</a> </td> + <a href="outline-style-011.xht">outline-style-011</a></td> + <td><a href="reference/outline-style-011-ref.xht">=</a> </td> <td></td> <td>outline-style - dotted (basic) <ul class="assert"> @@ -41834,10 +41834,10 @@ </ul> </td> </tr> - <tr id="outline-style-002-8.5.3.#value-def-border-style" class=""> + <tr id="outline-style-012-8.5.3.#value-def-border-style" class=""> <td> - <a href="outline-style-002.xht">outline-style-002</a></td> - <td><a href="reference/outline-style-002-ref.xht">=</a> </td> + <a href="outline-style-012.xht">outline-style-012</a></td> + <td><a href="reference/outline-style-012-ref.xht">=</a> </td> <td></td> <td>outline-style - inherit (basic) <ul class="assert"> @@ -41845,10 +41845,10 @@ </ul> </td> </tr> - <tr id="outline-style-003-8.5.3.#value-def-border-style" class=""> + <tr id="outline-style-013-8.5.3.#value-def-border-style" class=""> <td> - <a href="outline-style-003.xht">outline-style-003</a></td> - <td><a href="reference/outline-style-003-ref.xht">=</a> </td> + <a href="outline-style-013.xht">outline-style-013</a></td> + <td><a href="reference/outline-style-013-ref.xht">=</a> </td> <td></td> <td>outline-style - dashed (basic) <ul class="assert"> @@ -41856,10 +41856,10 @@ </ul> </td> </tr> - <tr id="outline-style-004-8.5.3.#value-def-border-style" class=""> + <tr id="outline-style-014-8.5.3.#value-def-border-style" class=""> <td> - <a href="outline-style-004.xht">outline-style-004</a></td> - <td><a href="reference/outline-style-004-ref.xht">=</a> </td> + <a href="outline-style-014.xht">outline-style-014</a></td> + <td><a href="reference/outline-style-014-ref.xht">=</a> </td> <td></td> <td>outline-style - double (basic) <ul class="assert"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/chapter-9.xht b/tests/wpt/css-tests/css21_dev/xhtml1/chapter-9.xht index 06511988a70..219bd37459e 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/chapter-9.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/chapter-9.xht @@ -13,7 +13,7 @@ <body> <h1>CSS 2.1 Conformance Test Suite</h1> - <h2>Visual formatting model (1245 tests)</h2> + <h2>Visual formatting model (1244 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -1338,7 +1338,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s9.2.2">+</a> <a href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">9.2.2 Inline-level elements and inline boxes</a></th></tr> - <!-- 19 tests --> + <!-- 18 tests --> <tr id="inline-block-alignment-002-9.2.2" class="ahem"> <td> <a href="inline-block-alignment-002.xht">inline-block-alignment-002</a></td> @@ -1405,17 +1405,6 @@ </ul> </td> </tr> - <tr id="inline-block-alignment-008-9.2.2" class="ahem"> - <td> - <a href="inline-block-alignment-008.xht">inline-block-alignment-008</a></td> - <td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline block alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> <tr id="inlines-002-9.2.2" class="primary"> <td><strong> <a href="inlines-002.xht">inlines-002</a></strong></td> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/child-selector-001.xht b/tests/wpt/css-tests/css21_dev/xhtml1/child-selector-001.xht index 04154c671ef..3af78a39ee1 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/child-selector-001.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/child-selector-001.xht @@ -4,6 +4,7 @@ <title>CSS Test: Child selector does not match when there is no matching parent</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors" /> + <link rel="match" href="reference/child-selector-001-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Child selectors only apply when parent and child elements match." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/child-selector-002.xht b/tests/wpt/css-tests/css21_dev/xhtml1/child-selector-002.xht index d5e6274c452..1b943f9066a 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/child-selector-002.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/child-selector-002.xht @@ -4,6 +4,7 @@ <title>CSS Test: Child selector without direct child</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors" /> + <link rel="match" href="reference/child-selector-002-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Child selectors only apply to child elements when there is a direct parent child relationship." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/child-selector-003.xht b/tests/wpt/css-tests/css21_dev/xhtml1/child-selector-003.xht index 81acf51072a..11bc191592a 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/child-selector-003.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/child-selector-003.xht @@ -4,6 +4,7 @@ <title>CSS Test: Child selector</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors" /> + <link rel="match" href="reference/child-selector-003-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Child selectors apply to child elements." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-007.xht b/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-007.xht index 52c8e4b4b39..10f25d257e9 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-007.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-007.xht @@ -4,6 +4,7 @@ <title>CSS Test: Grandchild selection</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" /> + <link rel="match" href="reference/descendent-selector-002-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Grandchild selection is applied only to elements which are grandchildren." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-008.xht b/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-008.xht index 2e40e30f5fd..a00c9703033 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-008.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-008.xht @@ -4,6 +4,7 @@ <title>CSS Test: Descendent selector with ID attribute does not match elements without the ID attribute</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" /> + <link rel="match" href="reference/descendent-selector-004-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Descendent selector with attribute applies only to applicable elements." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-009.xht b/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-009.xht index c13eda4b883..45bcf99f69f 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-009.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-009.xht @@ -4,6 +4,7 @@ <title>CSS Test: Descendent selector with ID attribute</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" /> + <link rel="match" href="reference/descendent-selector-002-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Descendent selector with attribute applies only to applicable elements." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-010.xht b/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-010.xht index 87b352dbd5d..bbf2407f824 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-010.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-010.xht @@ -4,6 +4,7 @@ <title>CSS Test: Descendent selector and tabs</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" /> + <link rel="match" href="reference/descendent-selector-002-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="A descendant selector can be separated by a tab." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-011.xht b/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-011.xht index b5ad94bce5f..6575837f0f2 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-011.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/descendent-selector-011.xht @@ -4,6 +4,7 @@ <title>CSS Test: Descendent selector and newlines</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" /> + <link rel="match" href="reference/descendent-selector-002-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="A descendant selector can be separated by a newline." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/dynamic-sibling-combinator-001.xht b/tests/wpt/css-tests/css21_dev/xhtml1/dynamic-sibling-combinator-001.xht index 2710be0aa93..eb0cd1ef9cf 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/dynamic-sibling-combinator-001.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/dynamic-sibling-combinator-001.xht @@ -6,6 +6,7 @@ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" /> + <link rel="match" href="reference/dynamic-sibling-combinator-001-ref.xht" /> <meta name="flags" content="dom" /> <meta name="assert" content="Dynamically changing an attribute should cause selectors using '+' to match as needed." /> <style type="text/css"><![CDATA[ diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-002.xht b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-002.xht index ef13e9e70c7..f895c437231 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-002.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-002.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-002-ref.xht" /> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-003.xht b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-003.xht index 824cecba8d6..bdd4606b05e 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-003.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-003.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-003-ref.xht" /> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-004.xht b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-004.xht index 0127a60979e..21994f1c33d 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-004.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-004.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-002-ref.xht" /> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-005.xht b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-005.xht index 8a688187220..21e945128b3 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-005.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-005.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline-block alignment - central alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-003-ref.xht" /> @@ -14,7 +14,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-006.xht b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-006.xht index 8d5ecfe3859..e5c766a2687 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-006.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-006.xht @@ -3,7 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> @@ -14,7 +14,6 @@ { color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-007.xht b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-007.xht index f84a27c247d..668cf57ff25 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-007.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-007.xht @@ -3,6 +3,7 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> @@ -13,7 +14,6 @@ { color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-008.xht b/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-008.xht deleted file mode 100644 index 4d1290386da..00000000000 --- a/tests/wpt/css-tests/css21_dev/xhtml1/inline-block-alignment-008.xht +++ /dev/null @@ -1,61 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> - <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> - <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> - <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> - <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#rl-sideways-right - { - color: fuchsia; - font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; - writing-mode: vertical-rl; - text-orientation: sideways-right; - } - - div#inline-block - { - display: inline-block; - padding-left: 0.5em; /* computes to 60px */ - font-size: 2em; /* computes to 120px */ - /* - such padding-left declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - - span.block-descendant - { - display: block; - } - - span#fuchsia30 - { - padding-right: 4em; /* computes to 120px */ - font-size: 0.5em; /* computes to 30px */ - /* - such padding-right declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="rl-sideways-right">É<div id="inline-block"> - <span class="block-descendant">B</span> - <span class="block-descendant last-line-box">É</span> - </div><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-001.xht b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-001.xht index 8788a1fdca0..eabfffbad59 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-001.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-001.xht @@ -1,25 +1,23 @@ <!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><meta charset="utf-8" /> -<title>CSS Basic User Interface Test: outline-style - dotted (basic)</title> -<link href="http://www.intel.com/" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> -<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-001-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="Test checks that the outline style is dotted when outline-style set dotted" name="assert" /> -<style> - #test { - height: 100px; - margin: 30px; - outline-color: green; - outline-style: dotted; - outline-width: 4px; - width: 100px; - } -</style> -</head><body> - <p>Test passes if there is a blank square with <strong>a green dotted</strong> border.</p> - <div id="test"></div> - -</body></html>
\ No newline at end of file +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Test: Outline-style set to 'none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="reference/no-red-filler-text-ref.xht" /> + <meta name="flags" content="" /> + <meta name="assert" content="Outline style 'none' results in no outline." /> + <style type="text/css"> + div + { + outline-style: none; + outline-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-002.xht b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-002.xht index 35fc4d08356..d94f416cf4b 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-002.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-002.xht @@ -1,35 +1,24 @@ <!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><meta charset="utf-8" /> -<title>CSS Basic User Interface Test: outline-style - inherit (basic)</title> -<link href="http://www.intel.com/" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> -<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-002-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert" /> -<style> - #parent { - height: 110px; - margin: 30px; - outline-color: blue; - outline-style: dotted; - outline-width: 4px; - padding: 20px; - width: 110px; - } - #child { - height: 110px; - outline-color: green; - outline-style: inherit; - outline-width: 4px; - width: 110px; - } -</style> -</head><body> - <p>Test passes if there is a blank square with <strong>a green dotted</strong> border centered inside a blue dotted border.</p> - <div id="parent"> - <div id="child"></div> - </div> - -</body></html>
\ No newline at end of file +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Test: Outline-style set to 'dotted'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="" /> + <meta name="assert" content="Outline style 'dotted' results in a dotted outline." /> + <style type="text/css"> + div + { + height: 1in; + outline-style: dotted; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-003.xht b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-003.xht index 291672aaa54..559a56cc4b5 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-003.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-003.xht @@ -1,25 +1,24 @@ <!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><meta charset="utf-8" /> -<title>CSS Basic User Interface Test: outline-style - dashed (basic)</title> -<link href="http://www.intel.com/" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> -<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-003-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="Test checks that the outline style is dashed when outline-style set dashed" name="assert" /> -<style> - #test { - height: 150px; - margin: 30px; - outline-color: green; - outline-style: dashed; - outline-width: 2px; - width: 150px; - } -</style> -</head><body> - <p>Test passes if there is a blank square whose border is <strong>green dashed</strong>.</p> - <div id="test"></div> - -</body></html>
\ No newline at end of file +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Test: Outline-style set to 'dashed'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="" /> + <meta name="assert" content="Outline style 'dashed' results in a dashed outline." /> + <style type="text/css"> + div + { + height: 1in; + outline-style: dashed; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a dashed box below.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-004.xht b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-004.xht index b505647fbab..854ed3619fa 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-004.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-004.xht @@ -1,25 +1,24 @@ <!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><meta charset="utf-8" /> -<title>CSS Basic User Interface Test: outline-style - double (basic)</title> -<link href="http://www.intel.com/" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> -<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-004-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="Test checks that the outline style is two solid lines when outline-style set double" name="assert" /> -<style> - #test { - height: 150px; - margin: 30px; - outline-color: green; - outline-style: double; - outline-width: 4px; - width: 150px; - } -</style> -</head><body> - <p>Test passes if there is a blank square whose border is <strong>two green solid lines</strong>.</p> - <div id="test"></div> - -</body></html>
\ No newline at end of file +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Test: Outline-style set to 'solid'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="" /> + <meta name="assert" content="Outline style 'solid' results in a solid outline." /> + <style type="text/css"> + div + { + height: 1in; + outline-style: solid; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-011.xht b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-011.xht new file mode 100644 index 00000000000..1b80e514f9e --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-011.xht @@ -0,0 +1,25 @@ +<!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><meta charset="utf-8" /> +<title>CSS Basic User Interface Test: outline-style - dotted (basic)</title> +<link href="http://www.intel.com/" rel="author" title="Intel" /> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> +<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> +<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> +<link href="reference/outline-style-011-ref.xht" rel="match" /> +<meta content="" name="flags" /> +<meta content="Test checks that the outline style is dotted when outline-style set dotted" name="assert" /> +<style> + #test { + height: 100px; + margin: 30px; + outline-color: green; + outline-style: dotted; + outline-width: 4px; + width: 100px; + } +</style> +</head><body> + <p>Test passes if there is a blank square with <strong>a green dotted</strong> border.</p> + <div id="test"></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-012.xht b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-012.xht new file mode 100644 index 00000000000..563f6c9e3bf --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-012.xht @@ -0,0 +1,35 @@ +<!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><meta charset="utf-8" /> +<title>CSS Basic User Interface Test: outline-style - inherit (basic)</title> +<link href="http://www.intel.com/" rel="author" title="Intel" /> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> +<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> +<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> +<link href="reference/outline-style-012-ref.xht" rel="match" /> +<meta content="" name="flags" /> +<meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert" /> +<style> + #parent { + height: 110px; + margin: 30px; + outline-color: blue; + outline-style: dotted; + outline-width: 4px; + padding: 20px; + width: 110px; + } + #child { + height: 110px; + outline-color: green; + outline-style: inherit; + outline-width: 4px; + width: 110px; + } +</style> +</head><body> + <p>Test passes if there is a blank square with <strong>a green dotted</strong> border centered inside a blue dotted border.</p> + <div id="parent"> + <div id="child"></div> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-013.xht b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-013.xht new file mode 100644 index 00000000000..a8bd8008cf8 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-013.xht @@ -0,0 +1,25 @@ +<!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><meta charset="utf-8" /> +<title>CSS Basic User Interface Test: outline-style - dashed (basic)</title> +<link href="http://www.intel.com/" rel="author" title="Intel" /> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> +<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> +<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> +<link href="reference/outline-style-013-ref.xht" rel="match" /> +<meta content="" name="flags" /> +<meta content="Test checks that the outline style is dashed when outline-style set dashed" name="assert" /> +<style> + #test { + height: 150px; + margin: 30px; + outline-color: green; + outline-style: dashed; + outline-width: 2px; + width: 150px; + } +</style> +</head><body> + <p>Test passes if there is a blank square whose border is <strong>green dashed</strong>.</p> + <div id="test"></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-014.xht b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-014.xht new file mode 100644 index 00000000000..78ff747d5fa --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/outline-style-014.xht @@ -0,0 +1,25 @@ +<!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><meta charset="utf-8" /> +<title>CSS Basic User Interface Test: outline-style - double (basic)</title> +<link href="http://www.intel.com/" rel="author" title="Intel" /> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> +<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> +<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> +<link href="reference/outline-style-014-ref.xht" rel="match" /> +<meta content="" name="flags" /> +<meta content="Test checks that the outline style is two solid lines when outline-style set double" name="assert" /> +<style> + #test { + height: 150px; + margin: 30px; + outline-color: green; + outline-style: double; + outline-width: 4px; + width: 150px; + } +</style> +</head><body> + <p>Test passes if there is a blank square whose border is <strong>two green solid lines</strong>.</p> + <div id="test"></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/adjacent-000-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1/reference/adjacent-000-ref.xht new file mode 100644 index 00000000000..ee11cea21b9 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/adjacent-000-ref.xht @@ -0,0 +1,27 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +<style type="text/css"> +.gray { + color: gray; +} +.purple { + color: purple; +} +.black { + color: black; +} +.blue { + color: blue; +} +</style> +</head> +<body> +<p class="gray">Filler text.</p> +<p class="purple">This text should be purple.</p> +<div class="black">This text should be black.</div> +<h4 class="blue">This text should be blue.</h4> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/child-selector-001-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1/reference/child-selector-001-ref.xht new file mode 100644 index 00000000000..5a546a3b35b --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/child-selector-001-ref.xht @@ -0,0 +1,11 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +</head> +<body> +<p>Test passes if there is no red visible on the page.</p> +<h1>Filler Text</h1> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/child-selector-002-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1/reference/child-selector-002-ref.xht new file mode 100644 index 00000000000..dedc0a2fdf7 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/child-selector-002-ref.xht @@ -0,0 +1,11 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +</head> +<body> +<p>Test passes if there is no red visible on the page.</p> +<div><blockquote><h1>Filler Text</h1></blockquote></div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/child-selector-003-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1/reference/child-selector-003-ref.xht new file mode 100644 index 00000000000..f359683fc5b --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/child-selector-003-ref.xht @@ -0,0 +1,16 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +<style type="text/css"> +h1 { + color: green; +} +</style> +</head> +<body> +<p>Test passes if the "Filler Text" below is green.</p> +<div><h1>Filler Text</h1></div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/dynamic-sibling-combinator-001-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1/reference/dynamic-sibling-combinator-001-ref.xht new file mode 100644 index 00000000000..ecd445b5396 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/dynamic-sibling-combinator-001-ref.xht @@ -0,0 +1,24 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +<style type="text/css"> +div { + color: green; +} +</style> +</head> +<body> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-001-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-011-ref.xht index 7cdfc304407..7cdfc304407 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-001-ref.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-011-ref.xht diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-002-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-012-ref.xht index 67e03424d7d..67e03424d7d 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-002-ref.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-012-ref.xht diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-003-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-013-ref.xht index df3c99c1a37..df3c99c1a37 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-003-ref.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-013-ref.xht diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-004-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-014-ref.xht index efc3c0cbd93..efc3c0cbd93 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-004-ref.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/outline-style-014-ref.xht diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/sibling-selector-001-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1/reference/sibling-selector-001-ref.xht new file mode 100644 index 00000000000..ae39801d9e9 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/sibling-selector-001-ref.xht @@ -0,0 +1,17 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +<style type="text/css"> +.green { + color: green; +} +</style> +</head> +<body> +<p>Test passes if the first line of "Filler Text" below is green, but the second line of "Filler Text" below is black.</p> +<div class="green">Filler Text</div> +<div>Filler Text</div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/sibling-selector-003-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1/reference/sibling-selector-003-ref.xht new file mode 100644 index 00000000000..c9b668a488a --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/sibling-selector-003-ref.xht @@ -0,0 +1,17 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +<style type="text/css"> +.green { + color: green; +} +</style> +</head> +<body> +<p>Test passes if the first line of "Filler Text" below is black, but the second line of "Filler Text" below is green.</p> +<div>Filler Text</div> +<div class="green">Filler Text</div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/background-iframes-001.html b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css21_dev/xhtml1/reftest-toc.xht index f875917afe3..5dbf5036b6b 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reftest-toc.xht @@ -3376,6 +3376,30 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="adjacent-000" class=""> + <tr> + <td rowspan="1" title="Selectors: Adjacent selectors"> + <a href="adjacent-000.xht">adjacent-000</a></td> + <td><a href="reference/adjacent-000-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="adjacent-001" class=""> + <tr> + <td rowspan="1" title="Selectors: Adjacent selectors without the space separator"> + <a href="adjacent-001.xht">adjacent-001</a></td> + <td><a href="reference/adjacent-000-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="adjacent-002" class=""> + <tr> + <td rowspan="1" title="Selectors: Adjacent selectors with the universal selector"> + <a href="adjacent-002.xht">adjacent-002</a></td> + <td><a href="reference/adjacent-000-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="adjacent-floats-001" class=""> <tr> <td rowspan="1" title="Multiple floated boxes adjacent to each other"> @@ -21244,6 +21268,30 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="child-selector-001" class=""> + <tr> + <td rowspan="1" title="Child selector does not match when there is no matching parent"> + <a href="child-selector-001.xht">child-selector-001</a></td> + <td><a href="reference/child-selector-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="child-selector-002" class=""> + <tr> + <td rowspan="1" title="Child selector without direct child"> + <a href="child-selector-002.xht">child-selector-002</a></td> + <td><a href="reference/child-selector-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="child-selector-003" class=""> + <tr> + <td rowspan="1" title="Child selector"> + <a href="child-selector-003.xht">child-selector-003</a></td> + <td><a href="reference/child-selector-003-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="class-selector-001" class=""> <tr> <td rowspan="1" title="Class selectors with only a partial match of 'class' attribute"> @@ -24236,6 +24284,46 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="descendent-selector-007" class=""> + <tr> + <td rowspan="1" title="Grandchild selection"> + <a href="descendent-selector-007.xht">descendent-selector-007</a></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="descendent-selector-008" class=""> + <tr> + <td rowspan="1" title="Descendent selector with ID attribute does not match elements without the ID attribute"> + <a href="descendent-selector-008.xht">descendent-selector-008</a></td> + <td><a href="reference/descendent-selector-004-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="descendent-selector-009" class=""> + <tr> + <td rowspan="1" title="Descendent selector with ID attribute"> + <a href="descendent-selector-009.xht">descendent-selector-009</a></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="descendent-selector-010" class=""> + <tr> + <td rowspan="1" title="Descendent selector and tabs"> + <a href="descendent-selector-010.xht">descendent-selector-010</a></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="descendent-selector-011" class=""> + <tr> + <td rowspan="1" title="Descendent selector and newlines"> + <a href="descendent-selector-011.xht">descendent-selector-011</a></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="direction-001" class=""> <tr> <td rowspan="1" title="Direction set to 'ltr'"> @@ -24524,6 +24612,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="dynamic-sibling-combinator-001" class="dom"> + <tr> + <td rowspan="1" title="Testing dynamic changes and the '+' combinator"> + <a href="dynamic-sibling-combinator-001.xht">dynamic-sibling-combinator-001</a></td> + <td><a href="reference/dynamic-sibling-combinator-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + </tr> + </tbody> <tbody id="dynamic-top-change-001" class="dom"> <tr> <td rowspan="1" title="Inheriting 'top' changes from relpos grandparent"> @@ -29452,14 +29548,6 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="inline-block-alignment-008" class="ahem"> - <tr> - <td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout"> - <a href="inline-block-alignment-008.xht">inline-block-alignment-008</a></td> - <td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> <tbody id="inline-block-height-001" class=""> <tr> <td rowspan="1" title="Test for height:auto on inline-block"> @@ -38193,33 +38281,41 @@ </tbody> <tbody id="outline-style-001" class=""> <tr> - <td rowspan="1" title="outline-style - dotted (basic)"> + <td rowspan="1" title="Outline-style set to 'none'"> <a href="outline-style-001.xht">outline-style-001</a></td> - <td><a href="reference/outline-style-001-ref.xht">=</a> </td> + <td><a href="reference/no-red-filler-text-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="outline-style-011" class=""> + <tr> + <td rowspan="1" title="outline-style - dotted (basic)"> + <a href="outline-style-011.xht">outline-style-011</a></td> + <td><a href="reference/outline-style-011-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-002" class=""> + <tbody id="outline-style-012" class=""> <tr> <td rowspan="1" title="outline-style - inherit (basic)"> - <a href="outline-style-002.xht">outline-style-002</a></td> - <td><a href="reference/outline-style-002-ref.xht">=</a> </td> + <a href="outline-style-012.xht">outline-style-012</a></td> + <td><a href="reference/outline-style-012-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-003" class=""> + <tbody id="outline-style-013" class=""> <tr> <td rowspan="1" title="outline-style - dashed (basic)"> - <a href="outline-style-003.xht">outline-style-003</a></td> - <td><a href="reference/outline-style-003-ref.xht">=</a> </td> + <a href="outline-style-013.xht">outline-style-013</a></td> + <td><a href="reference/outline-style-013-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-004" class=""> + <tbody id="outline-style-014" class=""> <tr> <td rowspan="1" title="outline-style - double (basic)"> - <a href="outline-style-004.xht">outline-style-004</a></td> - <td><a href="reference/outline-style-004-ref.xht">=</a> </td> + <a href="outline-style-014.xht">outline-style-014</a></td> + <td><a href="reference/outline-style-014-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -43735,6 +43831,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="sibling-selector-001" class=""> + <tr> + <td rowspan="1" title="Simple sibling selector"> + <a href="sibling-selector-001.xht">sibling-selector-001</a></td> + <td><a href="reference/sibling-selector-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="sibling-selector-002" class=""> <tr> <td rowspan="1" title="Sibling selector with non-element node"> @@ -43743,6 +43847,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="sibling-selector-003" class=""> + <tr> + <td rowspan="1" title="Sibling selector with non element node"> + <a href="sibling-selector-003.xht">sibling-selector-003</a></td> + <td><a href="reference/sibling-selector-003-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="sort-by-order-001" class=""> <tr> <td rowspan="1" title="Casdading order - sort by order specified"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css21_dev/xhtml1/reftest.list index 1b1534f1a45..b8b5351f407 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reftest.list @@ -418,6 +418,9 @@ abspos-width-002.xht == reference/ref-if-there-is-no-red.xht abspos-width-003.xht == reference/ref-if-there-is-no-red.xht abspos-width-004.xht == reference/ref-filled-green-100px-square.xht abspos-width-005.xht == reference/abspos-width-005-ref.xht +adjacent-000.xht == reference/adjacent-000-ref.xht +adjacent-001.xht == reference/adjacent-000-ref.xht +adjacent-002.xht == reference/adjacent-000-ref.xht adjacent-floats-001.xht == reference/adjacent-floats-001-ref.xht after-content-display-001.xht == reference/after-content-display-001-ref.xht after-content-display-002.xht == reference/after-content-display-002-ref.xht @@ -2662,6 +2665,9 @@ case-sensitive-005.xht == reference/case-sensitive-005-ref.xht case-sensitive-006.xht == reference/filler-text-below-green.xht case-sensitive-007.xht == reference/no-red-filler-text-ref.xht charset-attr-001.xht == reference/at-charset-ref.xht +child-selector-001.xht == reference/child-selector-001-ref.xht +child-selector-002.xht == reference/child-selector-002-ref.xht +child-selector-003.xht == reference/child-selector-003-ref.xht class-selector-001.xht == reference/no-red-filler-text-ref.xht class-selector-002.xht == reference/filler-text-below-green.xht class-selector-003.xht == reference/filler-text-below-green.xht @@ -3036,6 +3042,11 @@ descendent-selector-003.xht == reference/descendent-selector-002-ref.xht descendent-selector-004.xht == reference/descendent-selector-004-ref.xht descendent-selector-005.xht == reference/no-red-filler-text-ref.xht descendent-selector-006.xht == reference/descendent-selector-004-ref.xht +descendent-selector-007.xht == reference/descendent-selector-002-ref.xht +descendent-selector-008.xht == reference/descendent-selector-004-ref.xht +descendent-selector-009.xht == reference/descendent-selector-002-ref.xht +descendent-selector-010.xht == reference/descendent-selector-002-ref.xht +descendent-selector-011.xht == reference/descendent-selector-002-ref.xht direction-001.xht == reference/direction-001-ref.xht direction-002.xht == reference/direction-002-ref.xht direction-003.xht == reference/direction-002-ref.xht @@ -3072,6 +3083,7 @@ display-change-001.xht == reference/display-change-001-ref.xht display-none-001.xht == reference/ref-if-there-is-no-red.xht display-none-002.xht == reference/ref-if-there-is-no-red.xht display-none-003.xht == reference/ref-if-there-is-no-red.xht +dynamic-sibling-combinator-001.xht == reference/dynamic-sibling-combinator-001-ref.xht dynamic-top-change-001.xht == reference/dynamic-top-change-001-ref.xht dynamic-top-change-002.xht == reference/dynamic-top-change-002-ref.xht dynamic-top-change-003.xht == reference/dynamic-top-change-002-ref.xht @@ -3689,7 +3701,6 @@ inline-block-alignment-004.xht == reference/inline-block-alignment-002-ref.xht inline-block-alignment-005.xht == reference/inline-block-alignment-003-ref.xht inline-block-alignment-006.xht == reference/inline-block-alignment-006-ref.xht inline-block-alignment-007.xht == reference/inline-block-alignment-006-ref.xht -inline-block-alignment-008.xht == reference/inline-block-alignment-006-ref.xht inline-block-height-001.xht == reference/inline-block-height-001-ref.xht inline-block-height-002.xht == reference/inline-block-height-002-ref.xht inline-block-non-replaced-height-001.xht == reference/height-percentage-001-ref.xht @@ -4783,10 +4794,11 @@ outline-color-115.xht == reference/outline-color-115-ref.xht outline-color-applies-to-005.xht == reference/no-red-on-blank-page-ref.xht outline-color-applies-to-006.xht == reference/no-red-on-blank-page-ref.xht outline-layout-006.xht == reference/outline-layout-006-ref.xht -outline-style-001.xht == reference/outline-style-001-ref.xht -outline-style-002.xht == reference/outline-style-002-ref.xht -outline-style-003.xht == reference/outline-style-003-ref.xht -outline-style-004.xht == reference/outline-style-004-ref.xht +outline-style-001.xht == reference/no-red-filler-text-ref.xht +outline-style-011.xht == reference/outline-style-011-ref.xht +outline-style-012.xht == reference/outline-style-012-ref.xht +outline-style-013.xht == reference/outline-style-013-ref.xht +outline-style-014.xht == reference/outline-style-014-ref.xht outline-style-applies-to-005.xht == reference/no-red-on-blank-page-ref.xht outline-style-applies-to-006.xht == reference/no-red-on-blank-page-ref.xht outline-width-002.xht == reference/no-red-filler-text-ref.xht @@ -5476,7 +5488,9 @@ shand-font-000.xht == reference/shand-font-000-ref.xht shand-font-001.xht == reference/shand-font-000-ref.xht shand-font-002.xht == reference/shand-font-002-ref.xht shand-font-003.xht == reference/shand-font-002-ref.xht +sibling-selector-001.xht == reference/sibling-selector-001-ref.xht sibling-selector-002.xht == reference/filler-text-below-green.xht +sibling-selector-003.xht == reference/sibling-selector-003-ref.xht sort-by-order-001.xht == reference/ref-filled-green-100px-square.xht specificity-001.xht == reference/filler-text-below-green.xht specificity-002.xht == reference/filler-text-below-green.xht diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/sibling-selector-001.xht b/tests/wpt/css-tests/css21_dev/xhtml1/sibling-selector-001.xht index 4d2a707052a..51785a22665 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/sibling-selector-001.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/sibling-selector-001.xht @@ -4,6 +4,7 @@ <title>CSS Test: Simple sibling selector</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" /> + <link rel="match" href="reference/sibling-selector-001-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Sibling selector only applies to immediate siblings." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/sibling-selector-003.xht b/tests/wpt/css-tests/css21_dev/xhtml1/sibling-selector-003.xht index 37430e7f081..55dee2f3c26 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/sibling-selector-003.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/sibling-selector-003.xht @@ -4,6 +4,7 @@ <title>CSS Test: Sibling selector with non element node</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" /> + <link rel="match" href="reference/sibling-selector-003-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Sibling selector only applies to immediate siblings ignoring text nodes." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css21_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css21_dev/xhtml1/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/support/adobe-fonts/README.md b/tests/wpt/css-tests/css21_dev/xhtml1/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css21_dev/xhtml1/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/support/background-iframes-001.html b/tests/wpt/css-tests/css21_dev/xhtml1/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css21_dev/xhtml1/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css21_dev/xhtml1/toc.xht index 57bbd468bfc..58a3f45c044 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/toc.xht @@ -62,7 +62,7 @@ <tbody id="s9"> <tr><th><a href="chapter-9.xht">Chapter 9 - Visual formatting model</a></th> - <td>(1245 Tests)</td></tr> + <td>(1244 Tests)</td></tr> </tbody> <tbody id="s10"> <tr><th><a href="chapter-10.xht">Chapter 10 - @@ -107,7 +107,7 @@ <tbody id="s18"> <tr><th><a href="chapter-18.xht">Chapter 18 - User interface</a></th> - <td>(357 Tests)</td></tr> + <td>(361 Tests)</td></tr> </tbody> <tbody id="sA"> <tr><th><a href="chapter-A.xht">Appendix A - diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/adjacent-000.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/adjacent-000.xht index 60574437af9..3b5638016f9 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/adjacent-000.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/adjacent-000.xht @@ -13,6 +13,7 @@ </style> <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com"/> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"/> + <link rel="match" href="reference/adjacent-000-ref.xht"/> <meta name="flags" content=""/> <meta name="assert" content="Browsers should apply each rule to the adjacent element"/> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/adjacent-001.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/adjacent-001.xht index 7afed37480e..fc7153faa70 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/adjacent-001.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/adjacent-001.xht @@ -13,10 +13,11 @@ </style> <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com"/> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"/> + <link rel="match" href="reference/adjacent-000-ref.xht"/> <meta name="flags" content=""/> <meta name="assert" content="Browsers should apply each rule to the adjacent element also without the space separator"/> <style type="text/css"> -body > p {color: silver} +body > p {color: gray} p+p {color: purple} p+div {color: black} diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/adjacent-002.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/adjacent-002.xht index b32cd245de8..dfc1dc00e86 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/adjacent-002.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/adjacent-002.xht @@ -13,10 +13,11 @@ </style> <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com"/> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors"/> + <link rel="match" href="reference/adjacent-000-ref.xht"/> <meta name="flags" content=""/> <meta name="assert" content="Browsers should apply each rule to the adjacent element when combined with the universal selector"/> <style type="text/css"> -body > p {color: silver} +body > p {color: gray} body > p + * {color: purple} p + p + * {color: black} diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-18.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-18.xht index e4109b40951..c15e07a1eb7 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-18.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-18.xht @@ -13,7 +13,7 @@ <body> <h1>CSS 2.1 Conformance Test Suite</h1> - <h2>User interface (357 tests)</h2> + <h2>User interface (361 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -888,7 +888,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s18.4">+</a> <a href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines">18.4 Dynamic outlines: the 'outline' property</a></th></tr> - <!-- 310 tests --> + <!-- 314 tests --> <tr id="outline-001-18.4" class=""> <td> <a href="outline-001.xht">outline-001</a></td> @@ -3188,6 +3188,50 @@ </ul> </td> </tr> + <tr id="outline-style-001-18.4" class=""> + <td> + <a href="outline-style-001.xht">outline-style-001</a></td> + <td><a href="reference/no-red-filler-text-ref.xht">=</a> </td> + <td></td> + <td>Outline-style set to 'none' + <ul class="assert"> + <li>Outline style 'none' results in no outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-002-18.4" class=""> + <td> + <a href="outline-style-002.xht">outline-style-002</a></td> + <td></td> + <td></td> + <td>Outline-style set to 'dotted' + <ul class="assert"> + <li>Outline style 'dotted' results in a dotted outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-003-18.4" class=""> + <td> + <a href="outline-style-003.xht">outline-style-003</a></td> + <td></td> + <td></td> + <td>Outline-style set to 'dashed' + <ul class="assert"> + <li>Outline style 'dashed' results in a dashed outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-004-18.4" class=""> + <td> + <a href="outline-style-004.xht">outline-style-004</a></td> + <td></td> + <td></td> + <td>Outline-style set to 'solid' + <ul class="assert"> + <li>Outline style 'solid' results in a solid outline.</li> + </ul> + </td> + </tr> <tr id="outline-style-005-18.4" class=""> <td> <a href="outline-style-005.xht">outline-style-005</a></td> @@ -6452,7 +6496,51 @@ </tr> </tbody> <tbody id="s18.4.#propdef-outline-style"> - <!-- 21 tests --> + <!-- 25 tests --> + <tr id="outline-style-001-18.4.#propdef-outline-style" class="primary"> + <td><strong> + <a href="outline-style-001.xht">outline-style-001</a></strong></td> + <td><a href="reference/no-red-filler-text-ref.xht">=</a> </td> + <td></td> + <td>Outline-style set to 'none' + <ul class="assert"> + <li>Outline style 'none' results in no outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-002-18.4.#propdef-outline-style" class="primary"> + <td><strong> + <a href="outline-style-002.xht">outline-style-002</a></strong></td> + <td></td> + <td></td> + <td>Outline-style set to 'dotted' + <ul class="assert"> + <li>Outline style 'dotted' results in a dotted outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-003-18.4.#propdef-outline-style" class="primary"> + <td><strong> + <a href="outline-style-003.xht">outline-style-003</a></strong></td> + <td></td> + <td></td> + <td>Outline-style set to 'dashed' + <ul class="assert"> + <li>Outline style 'dashed' results in a dashed outline.</li> + </ul> + </td> + </tr> + <tr id="outline-style-004-18.4.#propdef-outline-style" class="primary"> + <td><strong> + <a href="outline-style-004.xht">outline-style-004</a></strong></td> + <td></td> + <td></td> + <td>Outline-style set to 'solid' + <ul class="assert"> + <li>Outline style 'solid' results in a solid outline.</li> + </ul> + </td> + </tr> <tr id="outline-style-005-18.4.#propdef-outline-style" class="primary"> <td><strong> <a href="outline-style-005.xht">outline-style-005</a></strong></td> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-5.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-5.xht index 9ed823a7ade..62ca8bb300b 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-5.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-5.xht @@ -408,7 +408,7 @@ <tr id="descendent-selector-007-5.5" class="primary"> <td><strong> <a href="descendent-selector-007.xht">descendent-selector-007</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> <td></td> <td>Grandchild selection <ul class="assert"> @@ -419,7 +419,7 @@ <tr id="descendent-selector-008-5.5" class="primary"> <td><strong> <a href="descendent-selector-008.xht">descendent-selector-008</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-004-ref.xht">=</a> </td> <td></td> <td>Descendent selector with ID attribute does not match elements without the ID attribute <ul class="assert"> @@ -430,7 +430,7 @@ <tr id="descendent-selector-009-5.5" class="primary"> <td><strong> <a href="descendent-selector-009.xht">descendent-selector-009</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> <td></td> <td>Descendent selector with ID attribute <ul class="assert"> @@ -441,7 +441,7 @@ <tr id="descendent-selector-010-5.5" class="primary"> <td><strong> <a href="descendent-selector-010.xht">descendent-selector-010</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> <td></td> <td>Descendent selector and tabs <ul class="assert"> @@ -452,7 +452,7 @@ <tr id="descendent-selector-011-5.5" class="primary"> <td><strong> <a href="descendent-selector-011.xht">descendent-selector-011</a></strong></td> - <td></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> <td></td> <td>Descendent selector and newlines <ul class="assert"> @@ -472,7 +472,7 @@ <tr id="child-selector-001-5.6" class="primary"> <td><strong> <a href="child-selector-001.xht">child-selector-001</a></strong></td> - <td></td> + <td><a href="reference/child-selector-001-ref.xht">=</a> </td> <td></td> <td>Child selector does not match when there is no matching parent <ul class="assert"> @@ -483,7 +483,7 @@ <tr id="child-selector-002-5.6" class="primary"> <td><strong> <a href="child-selector-002.xht">child-selector-002</a></strong></td> - <td></td> + <td><a href="reference/child-selector-002-ref.xht">=</a> </td> <td></td> <td>Child selector without direct child <ul class="assert"> @@ -494,7 +494,7 @@ <tr id="child-selector-003-5.6" class="primary"> <td><strong> <a href="child-selector-003.xht">child-selector-003</a></strong></td> - <td></td> + <td><a href="reference/child-selector-003-ref.xht">=</a> </td> <td></td> <td>Child selector <ul class="assert"> @@ -514,7 +514,7 @@ <tr id="adjacent-000-5.7" class="primary"> <td><strong> <a href="adjacent-000.xht">adjacent-000</a></strong></td> - <td></td> + <td><a href="reference/adjacent-000-ref.xht">=</a> </td> <td></td> <td>Selectors: Adjacent selectors <ul class="assert"> @@ -525,7 +525,7 @@ <tr id="adjacent-001-5.7" class="primary"> <td><strong> <a href="adjacent-001.xht">adjacent-001</a></strong></td> - <td></td> + <td><a href="reference/adjacent-000-ref.xht">=</a> </td> <td></td> <td>Selectors: Adjacent selectors without the space separator <ul class="assert"> @@ -536,7 +536,7 @@ <tr id="adjacent-002-5.7" class="primary"> <td><strong> <a href="adjacent-002.xht">adjacent-002</a></strong></td> - <td></td> + <td><a href="reference/adjacent-000-ref.xht">=</a> </td> <td></td> <td>Selectors: Adjacent selectors with the universal selector <ul class="assert"> @@ -591,7 +591,7 @@ <tr id="dynamic-sibling-combinator-001-5.7" class="primary dom"> <td><strong> <a href="dynamic-sibling-combinator-001.xht">dynamic-sibling-combinator-001</a></strong></td> - <td></td> + <td><a href="reference/dynamic-sibling-combinator-001-ref.xht">=</a> </td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> <td>Testing dynamic changes and the '+' combinator <ul class="assert"> @@ -635,7 +635,7 @@ <tr id="sibling-selector-001-5.7" class="primary"> <td><strong> <a href="sibling-selector-001.xht">sibling-selector-001</a></strong></td> - <td></td> + <td><a href="reference/sibling-selector-001-ref.xht">=</a> </td> <td></td> <td>Simple sibling selector <ul class="assert"> @@ -657,7 +657,7 @@ <tr id="sibling-selector-003-5.7" class="primary"> <td><strong> <a href="sibling-selector-003.xht">sibling-selector-003</a></strong></td> - <td></td> + <td><a href="reference/sibling-selector-003-ref.xht">=</a> </td> <td></td> <td>Sibling selector with non element node <ul class="assert"> @@ -861,7 +861,7 @@ <tr id="dynamic-sibling-combinator-001-5.8" class="dom"> <td> <a href="dynamic-sibling-combinator-001.xht">dynamic-sibling-combinator-001</a></td> - <td></td> + <td><a href="reference/dynamic-sibling-combinator-001-ref.xht">=</a> </td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> <td>Testing dynamic changes and the '+' combinator <ul class="assert"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-8.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-8.xht index d630a8dd043..79aaca2f493 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-8.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-8.xht @@ -41823,10 +41823,10 @@ </tbody> <tbody id="s8.5.3.#value-def-border-style"> <!-- 4 tests --> - <tr id="outline-style-001-8.5.3.#value-def-border-style" class=""> + <tr id="outline-style-011-8.5.3.#value-def-border-style" class=""> <td> - <a href="outline-style-001.xht">outline-style-001</a></td> - <td><a href="reference/outline-style-001-ref.xht">=</a> </td> + <a href="outline-style-011.xht">outline-style-011</a></td> + <td><a href="reference/outline-style-011-ref.xht">=</a> </td> <td></td> <td>outline-style - dotted (basic) <ul class="assert"> @@ -41834,10 +41834,10 @@ </ul> </td> </tr> - <tr id="outline-style-002-8.5.3.#value-def-border-style" class=""> + <tr id="outline-style-012-8.5.3.#value-def-border-style" class=""> <td> - <a href="outline-style-002.xht">outline-style-002</a></td> - <td><a href="reference/outline-style-002-ref.xht">=</a> </td> + <a href="outline-style-012.xht">outline-style-012</a></td> + <td><a href="reference/outline-style-012-ref.xht">=</a> </td> <td></td> <td>outline-style - inherit (basic) <ul class="assert"> @@ -41845,10 +41845,10 @@ </ul> </td> </tr> - <tr id="outline-style-003-8.5.3.#value-def-border-style" class=""> + <tr id="outline-style-013-8.5.3.#value-def-border-style" class=""> <td> - <a href="outline-style-003.xht">outline-style-003</a></td> - <td><a href="reference/outline-style-003-ref.xht">=</a> </td> + <a href="outline-style-013.xht">outline-style-013</a></td> + <td><a href="reference/outline-style-013-ref.xht">=</a> </td> <td></td> <td>outline-style - dashed (basic) <ul class="assert"> @@ -41856,10 +41856,10 @@ </ul> </td> </tr> - <tr id="outline-style-004-8.5.3.#value-def-border-style" class=""> + <tr id="outline-style-014-8.5.3.#value-def-border-style" class=""> <td> - <a href="outline-style-004.xht">outline-style-004</a></td> - <td><a href="reference/outline-style-004-ref.xht">=</a> </td> + <a href="outline-style-014.xht">outline-style-014</a></td> + <td><a href="reference/outline-style-014-ref.xht">=</a> </td> <td></td> <td>outline-style - double (basic) <ul class="assert"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-9.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-9.xht index 06511988a70..219bd37459e 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-9.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/chapter-9.xht @@ -13,7 +13,7 @@ <body> <h1>CSS 2.1 Conformance Test Suite</h1> - <h2>Visual formatting model (1245 tests)</h2> + <h2>Visual formatting model (1244 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -1338,7 +1338,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s9.2.2">+</a> <a href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes">9.2.2 Inline-level elements and inline boxes</a></th></tr> - <!-- 19 tests --> + <!-- 18 tests --> <tr id="inline-block-alignment-002-9.2.2" class="ahem"> <td> <a href="inline-block-alignment-002.xht">inline-block-alignment-002</a></td> @@ -1405,17 +1405,6 @@ </ul> </td> </tr> - <tr id="inline-block-alignment-008-9.2.2" class="ahem"> - <td> - <a href="inline-block-alignment-008.xht">inline-block-alignment-008</a></td> - <td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline block alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> <tr id="inlines-002-9.2.2" class="primary"> <td><strong> <a href="inlines-002.xht">inlines-002</a></strong></td> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/child-selector-001.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/child-selector-001.xht index ac09c2d1d99..d15691edeba 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/child-selector-001.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/child-selector-001.xht @@ -13,6 +13,7 @@ </style> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors" /> + <link rel="match" href="reference/child-selector-001-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Child selectors only apply when parent and child elements match." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/child-selector-002.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/child-selector-002.xht index 2b5678da634..4d4ad8c42b4 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/child-selector-002.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/child-selector-002.xht @@ -13,6 +13,7 @@ </style> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors" /> + <link rel="match" href="reference/child-selector-002-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Child selectors only apply to child elements when there is a direct parent child relationship." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/child-selector-003.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/child-selector-003.xht index 0015dd9b49d..55eac3f9496 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/child-selector-003.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/child-selector-003.xht @@ -13,6 +13,7 @@ </style> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#child-selectors" /> + <link rel="match" href="reference/child-selector-003-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Child selectors apply to child elements." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-007.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-007.xht index a22a0c41687..9eb0671ff23 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-007.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-007.xht @@ -13,6 +13,7 @@ </style> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" /> + <link rel="match" href="reference/descendent-selector-002-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Grandchild selection is applied only to elements which are grandchildren." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-008.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-008.xht index 74505631afb..72575d4f2c8 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-008.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-008.xht @@ -13,6 +13,7 @@ </style> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" /> + <link rel="match" href="reference/descendent-selector-004-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Descendent selector with attribute applies only to applicable elements." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-009.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-009.xht index d6a5ce9b674..344a7c62ef7 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-009.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-009.xht @@ -13,6 +13,7 @@ </style> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" /> + <link rel="match" href="reference/descendent-selector-002-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Descendent selector with attribute applies only to applicable elements." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-010.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-010.xht index 01ebacd0f51..315af04820d 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-010.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-010.xht @@ -13,6 +13,7 @@ </style> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" /> + <link rel="match" href="reference/descendent-selector-002-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="A descendant selector can be separated by a tab." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-011.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-011.xht index 55e035594b8..cc99e1ac11f 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-011.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/descendent-selector-011.xht @@ -13,6 +13,7 @@ </style> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors" /> + <link rel="match" href="reference/descendent-selector-002-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="A descendant selector can be separated by a newline." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/dynamic-sibling-combinator-001.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/dynamic-sibling-combinator-001.xht index 61ebdc254b4..54364834bb5 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/dynamic-sibling-combinator-001.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/dynamic-sibling-combinator-001.xht @@ -15,6 +15,7 @@ <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" /> + <link rel="match" href="reference/dynamic-sibling-combinator-001-ref.xht" /> <meta name="flags" content="dom" /> <meta name="assert" content="Dynamically changing an attribute should cause selectors using '+' to match as needed." /> <style type="text/css"><![CDATA[ diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-002.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-002.xht index 280c784e6a4..e8e4a62016b 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-002.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-002.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-002-ref.xht" /> @@ -23,7 +23,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-003.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-003.xht index 4eb57f6a609..8f55eb967ca 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-003.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-003.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-003-ref.xht" /> @@ -23,7 +23,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: mixed; } diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-004.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-004.xht index 1ac7a491c31..5e563eefa95 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-004.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-004.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-002-ref.xht" /> @@ -23,7 +23,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-005.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-005.xht index be849a9d2ac..5f9e0882013 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-005.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-005.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-20 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-003-ref.xht" /> @@ -23,7 +23,6 @@ { color: orange; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: upright; } diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-006.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-006.xht index 913e9adf709..f95b1109375 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-006.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-006.xht @@ -12,7 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> + <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> @@ -23,7 +23,6 @@ { color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-rl; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-007.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-007.xht index 1e0f85d049b..709d5c2d399 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-007.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-007.xht @@ -12,6 +12,7 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-09-26 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> @@ -22,7 +23,6 @@ { color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; writing-mode: vertical-lr; text-orientation: sideways; } diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-008.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-008.xht deleted file mode 100644 index e592e581195..00000000000 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/inline-block-alignment-008.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> - <style type="text/css"> - @page { font: italic 8pt sans-serif; color: gray; - margin: 7%; - counter-increment: page; - @top-left { content: "CSS 2.1 Conformance Test Suite"; } - @top-right { content: "Test inline-block-alignment-008"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> - <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> - <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> - <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> - <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#rl-sideways-right - { - color: fuchsia; - font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; - writing-mode: vertical-rl; - text-orientation: sideways-right; - } - - div#inline-block - { - display: inline-block; - padding-left: 0.5em; /* computes to 60px */ - font-size: 2em; /* computes to 120px */ - /* - such padding-left declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - - span.block-descendant - { - display: block; - } - - span#fuchsia30 - { - padding-right: 4em; /* computes to 120px */ - font-size: 0.5em; /* computes to 30px */ - /* - such padding-right declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="rl-sideways-right">É<div id="inline-block"> - <span class="block-descendant">B</span> - <span class="block-descendant last-line-box">É</span> - </div><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-001.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-001.xht index 8788a1fdca0..5f43c087630 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-001.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-001.xht @@ -1,25 +1,32 @@ <!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><meta charset="utf-8" /> -<title>CSS Basic User Interface Test: outline-style - dotted (basic)</title> -<link href="http://www.intel.com/" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> -<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-001-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="Test checks that the outline style is dotted when outline-style set dotted" name="assert" /> -<style> - #test { - height: 100px; - margin: 30px; - outline-color: green; - outline-style: dotted; - outline-width: 4px; - width: 100px; - } +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Test: Outline-style set to 'none'</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS 2.1 Conformance Test Suite"; } + @top-right { content: "Test outline-style-001"; } + @bottom-right { content: counter(page); } + } </style> -</head><body> - <p>Test passes if there is a blank square with <strong>a green dotted</strong> border.</p> - <div id="test"></div> - -</body></html>
\ No newline at end of file + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <link rel="match" href="reference/no-red-filler-text-ref.xht" /> + <meta name="flags" content="" /> + <meta name="assert" content="Outline style 'none' results in no outline." /> + <style type="text/css"> + div + { + outline-style: none; + outline-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-002.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-002.xht index 35fc4d08356..eaf5d0bea47 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-002.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-002.xht @@ -1,35 +1,33 @@ <!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><meta charset="utf-8" /> -<title>CSS Basic User Interface Test: outline-style - inherit (basic)</title> -<link href="http://www.intel.com/" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> -<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-002-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert" /> -<style> - #parent { - height: 110px; - margin: 30px; - outline-color: blue; - outline-style: dotted; - outline-width: 4px; - padding: 20px; - width: 110px; - } - #child { - height: 110px; - outline-color: green; - outline-style: inherit; - outline-width: 4px; - width: 110px; - } +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Test: Outline-style set to 'dotted'</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS 2.1 Conformance Test Suite"; } + @top-right { content: "Test outline-style-002"; } + @bottom-right { content: counter(page); } + } </style> -</head><body> - <p>Test passes if there is a blank square with <strong>a green dotted</strong> border centered inside a blue dotted border.</p> - <div id="parent"> - <div id="child"></div> - </div> - -</body></html>
\ No newline at end of file + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="" /> + <meta name="assert" content="Outline style 'dotted' results in a dotted outline." /> + <style type="text/css"> + div + { + height: 1in; + outline-style: dotted; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a dotted box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-003.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-003.xht index 291672aaa54..02090675902 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-003.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-003.xht @@ -1,25 +1,33 @@ <!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><meta charset="utf-8" /> -<title>CSS Basic User Interface Test: outline-style - dashed (basic)</title> -<link href="http://www.intel.com/" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> -<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-003-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="Test checks that the outline style is dashed when outline-style set dashed" name="assert" /> -<style> - #test { - height: 150px; - margin: 30px; - outline-color: green; - outline-style: dashed; - outline-width: 2px; - width: 150px; - } +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Test: Outline-style set to 'dashed'</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS 2.1 Conformance Test Suite"; } + @top-right { content: "Test outline-style-003"; } + @bottom-right { content: counter(page); } + } </style> -</head><body> - <p>Test passes if there is a blank square whose border is <strong>green dashed</strong>.</p> - <div id="test"></div> - -</body></html>
\ No newline at end of file + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="" /> + <meta name="assert" content="Outline style 'dashed' results in a dashed outline." /> + <style type="text/css"> + div + { + height: 1in; + outline-style: dashed; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a dashed box below.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-004.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-004.xht index b505647fbab..d6d837644a6 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-004.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-004.xht @@ -1,25 +1,33 @@ <!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><meta charset="utf-8" /> -<title>CSS Basic User Interface Test: outline-style - double (basic)</title> -<link href="http://www.intel.com/" rel="author" title="Intel" /> -<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> -<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> -<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> -<link href="reference/outline-style-004-ref.xht" rel="match" /> -<meta content="" name="flags" /> -<meta content="Test checks that the outline style is two solid lines when outline-style set double" name="assert" /> -<style> - #test { - height: 150px; - margin: 30px; - outline-color: green; - outline-style: double; - outline-width: 4px; - width: 150px; - } +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Test: Outline-style set to 'solid'</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS 2.1 Conformance Test Suite"; } + @top-right { content: "Test outline-style-004"; } + @bottom-right { content: counter(page); } + } </style> -</head><body> - <p>Test passes if there is a blank square whose border is <strong>two green solid lines</strong>.</p> - <div id="test"></div> - -</body></html>
\ No newline at end of file + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="flags" content="" /> + <meta name="assert" content="Outline style 'solid' results in a solid outline." /> + <style type="text/css"> + div + { + height: 1in; + outline-style: solid; + outline-color: blue; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-011.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-011.xht new file mode 100644 index 00000000000..1b80e514f9e --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-011.xht @@ -0,0 +1,25 @@ +<!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><meta charset="utf-8" /> +<title>CSS Basic User Interface Test: outline-style - dotted (basic)</title> +<link href="http://www.intel.com/" rel="author" title="Intel" /> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> +<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> +<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> +<link href="reference/outline-style-011-ref.xht" rel="match" /> +<meta content="" name="flags" /> +<meta content="Test checks that the outline style is dotted when outline-style set dotted" name="assert" /> +<style> + #test { + height: 100px; + margin: 30px; + outline-color: green; + outline-style: dotted; + outline-width: 4px; + width: 100px; + } +</style> +</head><body> + <p>Test passes if there is a blank square with <strong>a green dotted</strong> border.</p> + <div id="test"></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-012.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-012.xht new file mode 100644 index 00000000000..563f6c9e3bf --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-012.xht @@ -0,0 +1,35 @@ +<!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><meta charset="utf-8" /> +<title>CSS Basic User Interface Test: outline-style - inherit (basic)</title> +<link href="http://www.intel.com/" rel="author" title="Intel" /> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> +<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> +<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> +<link href="reference/outline-style-012-ref.xht" rel="match" /> +<meta content="" name="flags" /> +<meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert" /> +<style> + #parent { + height: 110px; + margin: 30px; + outline-color: blue; + outline-style: dotted; + outline-width: 4px; + padding: 20px; + width: 110px; + } + #child { + height: 110px; + outline-color: green; + outline-style: inherit; + outline-width: 4px; + width: 110px; + } +</style> +</head><body> + <p>Test passes if there is a blank square with <strong>a green dotted</strong> border centered inside a blue dotted border.</p> + <div id="parent"> + <div id="child"></div> + </div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-013.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-013.xht new file mode 100644 index 00000000000..a8bd8008cf8 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-013.xht @@ -0,0 +1,25 @@ +<!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><meta charset="utf-8" /> +<title>CSS Basic User Interface Test: outline-style - dashed (basic)</title> +<link href="http://www.intel.com/" rel="author" title="Intel" /> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> +<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> +<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> +<link href="reference/outline-style-013-ref.xht" rel="match" /> +<meta content="" name="flags" /> +<meta content="Test checks that the outline style is dashed when outline-style set dashed" name="assert" /> +<style> + #test { + height: 150px; + margin: 30px; + outline-color: green; + outline-style: dashed; + outline-width: 2px; + width: 150px; + } +</style> +</head><body> + <p>Test passes if there is a blank square whose border is <strong>green dashed</strong>.</p> + <div id="test"></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-014.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-014.xht new file mode 100644 index 00000000000..78ff747d5fa --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/outline-style-014.xht @@ -0,0 +1,25 @@ +<!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><meta charset="utf-8" /> +<title>CSS Basic User Interface Test: outline-style - double (basic)</title> +<link href="http://www.intel.com/" rel="author" title="Intel" /> +<link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan" /> +<link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property" /> +<link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help" /> +<link href="reference/outline-style-014-ref.xht" rel="match" /> +<meta content="" name="flags" /> +<meta content="Test checks that the outline style is two solid lines when outline-style set double" name="assert" /> +<style> + #test { + height: 150px; + margin: 30px; + outline-color: green; + outline-style: double; + outline-width: 4px; + width: 150px; + } +</style> +</head><body> + <p>Test passes if there is a blank square whose border is <strong>two green solid lines</strong>.</p> + <div id="test"></div> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/adjacent-000-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/adjacent-000-ref.xht new file mode 100644 index 00000000000..45def07ab3d --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/adjacent-000-ref.xht @@ -0,0 +1,36 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS 2.1 Conformance Test Suite"; } + @top-right { content: "Test adjacent-000-ref"; } + @bottom-right { content: counter(page); } + } +</style> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +<style type="text/css"> +.gray { + color: gray; +} +.purple { + color: purple; +} +.black { + color: black; +} +.blue { + color: blue; +} +</style> +</head> +<body> +<p class="gray">Filler text.</p> +<p class="purple">This text should be purple.</p> +<div class="black">This text should be black.</div> +<h4 class="blue">This text should be blue.</h4> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/child-selector-001-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/child-selector-001-ref.xht new file mode 100644 index 00000000000..870d1482747 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/child-selector-001-ref.xht @@ -0,0 +1,20 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS 2.1 Conformance Test Suite"; } + @top-right { content: "Test child-selector-001-ref"; } + @bottom-right { content: counter(page); } + } +</style> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +</head> +<body> +<p>Test passes if there is no red visible on the page.</p> +<h1>Filler Text</h1> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/child-selector-002-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/child-selector-002-ref.xht new file mode 100644 index 00000000000..66ec46882a8 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/child-selector-002-ref.xht @@ -0,0 +1,20 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS 2.1 Conformance Test Suite"; } + @top-right { content: "Test child-selector-002-ref"; } + @bottom-right { content: counter(page); } + } +</style> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +</head> +<body> +<p>Test passes if there is no red visible on the page.</p> +<div><blockquote><h1>Filler Text</h1></blockquote></div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/child-selector-003-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/child-selector-003-ref.xht new file mode 100644 index 00000000000..94a2c574594 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/child-selector-003-ref.xht @@ -0,0 +1,25 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS 2.1 Conformance Test Suite"; } + @top-right { content: "Test child-selector-003-ref"; } + @bottom-right { content: counter(page); } + } +</style> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +<style type="text/css"> +h1 { + color: green; +} +</style> +</head> +<body> +<p>Test passes if the "Filler Text" below is green.</p> +<div><h1>Filler Text</h1></div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/dynamic-sibling-combinator-001-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/dynamic-sibling-combinator-001-ref.xht new file mode 100644 index 00000000000..3ebc89e9c5a --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/dynamic-sibling-combinator-001-ref.xht @@ -0,0 +1,33 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS 2.1 Conformance Test Suite"; } + @top-right { content: "Test dynamic-sibling-combinator-001-ref"; } + @bottom-right { content: counter(page); } + } +</style> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +<style type="text/css"> +div { + color: green; +} +</style> +</head> +<body> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +<div>This should be green</div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-001-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-011-ref.xht index 7cdfc304407..7cdfc304407 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-001-ref.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-011-ref.xht diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-002-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-012-ref.xht index 67e03424d7d..67e03424d7d 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-002-ref.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-012-ref.xht diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-003-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-013-ref.xht index df3c99c1a37..df3c99c1a37 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-003-ref.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-013-ref.xht diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-004-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-014-ref.xht index efc3c0cbd93..efc3c0cbd93 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-004-ref.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/outline-style-014-ref.xht diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/sibling-selector-001-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/sibling-selector-001-ref.xht new file mode 100644 index 00000000000..66b79bd3f61 --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/sibling-selector-001-ref.xht @@ -0,0 +1,26 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS 2.1 Conformance Test Suite"; } + @top-right { content: "Test sibling-selector-001-ref"; } + @bottom-right { content: counter(page); } + } +</style> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +<style type="text/css"> +.green { + color: green; +} +</style> +</head> +<body> +<p>Test passes if the first line of "Filler Text" below is green, but the second line of "Filler Text" below is black.</p> +<div class="green">Filler Text</div> +<div>Filler Text</div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/sibling-selector-003-ref.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/sibling-selector-003-ref.xht new file mode 100644 index 00000000000..03202dfc4ff --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/sibling-selector-003-ref.xht @@ -0,0 +1,26 @@ +<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS 2.1 Conformance Test Suite"; } + @top-right { content: "Test sibling-selector-003-ref"; } + @bottom-right { content: counter(page); } + } +</style> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" /> +<style type="text/css"> +.green { + color: green; +} +</style> +</head> +<body> +<p>Test passes if the first line of "Filler Text" below is black, but the second line of "Filler Text" below is green.</p> +<div>Filler Text</div> +<div class="green">Filler Text</div> +</body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/background-iframes-001.html b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/reftest-toc.xht index f875917afe3..5dbf5036b6b 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reftest-toc.xht @@ -3376,6 +3376,30 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="adjacent-000" class=""> + <tr> + <td rowspan="1" title="Selectors: Adjacent selectors"> + <a href="adjacent-000.xht">adjacent-000</a></td> + <td><a href="reference/adjacent-000-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="adjacent-001" class=""> + <tr> + <td rowspan="1" title="Selectors: Adjacent selectors without the space separator"> + <a href="adjacent-001.xht">adjacent-001</a></td> + <td><a href="reference/adjacent-000-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="adjacent-002" class=""> + <tr> + <td rowspan="1" title="Selectors: Adjacent selectors with the universal selector"> + <a href="adjacent-002.xht">adjacent-002</a></td> + <td><a href="reference/adjacent-000-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="adjacent-floats-001" class=""> <tr> <td rowspan="1" title="Multiple floated boxes adjacent to each other"> @@ -21244,6 +21268,30 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="child-selector-001" class=""> + <tr> + <td rowspan="1" title="Child selector does not match when there is no matching parent"> + <a href="child-selector-001.xht">child-selector-001</a></td> + <td><a href="reference/child-selector-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="child-selector-002" class=""> + <tr> + <td rowspan="1" title="Child selector without direct child"> + <a href="child-selector-002.xht">child-selector-002</a></td> + <td><a href="reference/child-selector-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="child-selector-003" class=""> + <tr> + <td rowspan="1" title="Child selector"> + <a href="child-selector-003.xht">child-selector-003</a></td> + <td><a href="reference/child-selector-003-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="class-selector-001" class=""> <tr> <td rowspan="1" title="Class selectors with only a partial match of 'class' attribute"> @@ -24236,6 +24284,46 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="descendent-selector-007" class=""> + <tr> + <td rowspan="1" title="Grandchild selection"> + <a href="descendent-selector-007.xht">descendent-selector-007</a></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="descendent-selector-008" class=""> + <tr> + <td rowspan="1" title="Descendent selector with ID attribute does not match elements without the ID attribute"> + <a href="descendent-selector-008.xht">descendent-selector-008</a></td> + <td><a href="reference/descendent-selector-004-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="descendent-selector-009" class=""> + <tr> + <td rowspan="1" title="Descendent selector with ID attribute"> + <a href="descendent-selector-009.xht">descendent-selector-009</a></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="descendent-selector-010" class=""> + <tr> + <td rowspan="1" title="Descendent selector and tabs"> + <a href="descendent-selector-010.xht">descendent-selector-010</a></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="descendent-selector-011" class=""> + <tr> + <td rowspan="1" title="Descendent selector and newlines"> + <a href="descendent-selector-011.xht">descendent-selector-011</a></td> + <td><a href="reference/descendent-selector-002-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="direction-001" class=""> <tr> <td rowspan="1" title="Direction set to 'ltr'"> @@ -24524,6 +24612,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="dynamic-sibling-combinator-001" class="dom"> + <tr> + <td rowspan="1" title="Testing dynamic changes and the '+' combinator"> + <a href="dynamic-sibling-combinator-001.xht">dynamic-sibling-combinator-001</a></td> + <td><a href="reference/dynamic-sibling-combinator-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td> + </tr> + </tbody> <tbody id="dynamic-top-change-001" class="dom"> <tr> <td rowspan="1" title="Inheriting 'top' changes from relpos grandparent"> @@ -29452,14 +29548,6 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="inline-block-alignment-008" class="ahem"> - <tr> - <td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout"> - <a href="inline-block-alignment-008.xht">inline-block-alignment-008</a></td> - <td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> <tbody id="inline-block-height-001" class=""> <tr> <td rowspan="1" title="Test for height:auto on inline-block"> @@ -38193,33 +38281,41 @@ </tbody> <tbody id="outline-style-001" class=""> <tr> - <td rowspan="1" title="outline-style - dotted (basic)"> + <td rowspan="1" title="Outline-style set to 'none'"> <a href="outline-style-001.xht">outline-style-001</a></td> - <td><a href="reference/outline-style-001-ref.xht">=</a> </td> + <td><a href="reference/no-red-filler-text-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="outline-style-011" class=""> + <tr> + <td rowspan="1" title="outline-style - dotted (basic)"> + <a href="outline-style-011.xht">outline-style-011</a></td> + <td><a href="reference/outline-style-011-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-002" class=""> + <tbody id="outline-style-012" class=""> <tr> <td rowspan="1" title="outline-style - inherit (basic)"> - <a href="outline-style-002.xht">outline-style-002</a></td> - <td><a href="reference/outline-style-002-ref.xht">=</a> </td> + <a href="outline-style-012.xht">outline-style-012</a></td> + <td><a href="reference/outline-style-012-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-003" class=""> + <tbody id="outline-style-013" class=""> <tr> <td rowspan="1" title="outline-style - dashed (basic)"> - <a href="outline-style-003.xht">outline-style-003</a></td> - <td><a href="reference/outline-style-003-ref.xht">=</a> </td> + <a href="outline-style-013.xht">outline-style-013</a></td> + <td><a href="reference/outline-style-013-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> - <tbody id="outline-style-004" class=""> + <tbody id="outline-style-014" class=""> <tr> <td rowspan="1" title="outline-style - double (basic)"> - <a href="outline-style-004.xht">outline-style-004</a></td> - <td><a href="reference/outline-style-004-ref.xht">=</a> </td> + <a href="outline-style-014.xht">outline-style-014</a></td> + <td><a href="reference/outline-style-014-ref.xht">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -43735,6 +43831,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="sibling-selector-001" class=""> + <tr> + <td rowspan="1" title="Simple sibling selector"> + <a href="sibling-selector-001.xht">sibling-selector-001</a></td> + <td><a href="reference/sibling-selector-001-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="sibling-selector-002" class=""> <tr> <td rowspan="1" title="Sibling selector with non-element node"> @@ -43743,6 +43847,14 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="sibling-selector-003" class=""> + <tr> + <td rowspan="1" title="Sibling selector with non element node"> + <a href="sibling-selector-003.xht">sibling-selector-003</a></td> + <td><a href="reference/sibling-selector-003-ref.xht">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> <tbody id="sort-by-order-001" class=""> <tr> <td rowspan="1" title="Casdading order - sort by order specified"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css21_dev/xhtml1print/reftest.list index 1b1534f1a45..b8b5351f407 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reftest.list @@ -418,6 +418,9 @@ abspos-width-002.xht == reference/ref-if-there-is-no-red.xht abspos-width-003.xht == reference/ref-if-there-is-no-red.xht abspos-width-004.xht == reference/ref-filled-green-100px-square.xht abspos-width-005.xht == reference/abspos-width-005-ref.xht +adjacent-000.xht == reference/adjacent-000-ref.xht +adjacent-001.xht == reference/adjacent-000-ref.xht +adjacent-002.xht == reference/adjacent-000-ref.xht adjacent-floats-001.xht == reference/adjacent-floats-001-ref.xht after-content-display-001.xht == reference/after-content-display-001-ref.xht after-content-display-002.xht == reference/after-content-display-002-ref.xht @@ -2662,6 +2665,9 @@ case-sensitive-005.xht == reference/case-sensitive-005-ref.xht case-sensitive-006.xht == reference/filler-text-below-green.xht case-sensitive-007.xht == reference/no-red-filler-text-ref.xht charset-attr-001.xht == reference/at-charset-ref.xht +child-selector-001.xht == reference/child-selector-001-ref.xht +child-selector-002.xht == reference/child-selector-002-ref.xht +child-selector-003.xht == reference/child-selector-003-ref.xht class-selector-001.xht == reference/no-red-filler-text-ref.xht class-selector-002.xht == reference/filler-text-below-green.xht class-selector-003.xht == reference/filler-text-below-green.xht @@ -3036,6 +3042,11 @@ descendent-selector-003.xht == reference/descendent-selector-002-ref.xht descendent-selector-004.xht == reference/descendent-selector-004-ref.xht descendent-selector-005.xht == reference/no-red-filler-text-ref.xht descendent-selector-006.xht == reference/descendent-selector-004-ref.xht +descendent-selector-007.xht == reference/descendent-selector-002-ref.xht +descendent-selector-008.xht == reference/descendent-selector-004-ref.xht +descendent-selector-009.xht == reference/descendent-selector-002-ref.xht +descendent-selector-010.xht == reference/descendent-selector-002-ref.xht +descendent-selector-011.xht == reference/descendent-selector-002-ref.xht direction-001.xht == reference/direction-001-ref.xht direction-002.xht == reference/direction-002-ref.xht direction-003.xht == reference/direction-002-ref.xht @@ -3072,6 +3083,7 @@ display-change-001.xht == reference/display-change-001-ref.xht display-none-001.xht == reference/ref-if-there-is-no-red.xht display-none-002.xht == reference/ref-if-there-is-no-red.xht display-none-003.xht == reference/ref-if-there-is-no-red.xht +dynamic-sibling-combinator-001.xht == reference/dynamic-sibling-combinator-001-ref.xht dynamic-top-change-001.xht == reference/dynamic-top-change-001-ref.xht dynamic-top-change-002.xht == reference/dynamic-top-change-002-ref.xht dynamic-top-change-003.xht == reference/dynamic-top-change-002-ref.xht @@ -3689,7 +3701,6 @@ inline-block-alignment-004.xht == reference/inline-block-alignment-002-ref.xht inline-block-alignment-005.xht == reference/inline-block-alignment-003-ref.xht inline-block-alignment-006.xht == reference/inline-block-alignment-006-ref.xht inline-block-alignment-007.xht == reference/inline-block-alignment-006-ref.xht -inline-block-alignment-008.xht == reference/inline-block-alignment-006-ref.xht inline-block-height-001.xht == reference/inline-block-height-001-ref.xht inline-block-height-002.xht == reference/inline-block-height-002-ref.xht inline-block-non-replaced-height-001.xht == reference/height-percentage-001-ref.xht @@ -4783,10 +4794,11 @@ outline-color-115.xht == reference/outline-color-115-ref.xht outline-color-applies-to-005.xht == reference/no-red-on-blank-page-ref.xht outline-color-applies-to-006.xht == reference/no-red-on-blank-page-ref.xht outline-layout-006.xht == reference/outline-layout-006-ref.xht -outline-style-001.xht == reference/outline-style-001-ref.xht -outline-style-002.xht == reference/outline-style-002-ref.xht -outline-style-003.xht == reference/outline-style-003-ref.xht -outline-style-004.xht == reference/outline-style-004-ref.xht +outline-style-001.xht == reference/no-red-filler-text-ref.xht +outline-style-011.xht == reference/outline-style-011-ref.xht +outline-style-012.xht == reference/outline-style-012-ref.xht +outline-style-013.xht == reference/outline-style-013-ref.xht +outline-style-014.xht == reference/outline-style-014-ref.xht outline-style-applies-to-005.xht == reference/no-red-on-blank-page-ref.xht outline-style-applies-to-006.xht == reference/no-red-on-blank-page-ref.xht outline-width-002.xht == reference/no-red-filler-text-ref.xht @@ -5476,7 +5488,9 @@ shand-font-000.xht == reference/shand-font-000-ref.xht shand-font-001.xht == reference/shand-font-000-ref.xht shand-font-002.xht == reference/shand-font-002-ref.xht shand-font-003.xht == reference/shand-font-002-ref.xht +sibling-selector-001.xht == reference/sibling-selector-001-ref.xht sibling-selector-002.xht == reference/filler-text-below-green.xht +sibling-selector-003.xht == reference/sibling-selector-003-ref.xht sort-by-order-001.xht == reference/ref-filled-green-100px-square.xht specificity-001.xht == reference/filler-text-below-green.xht specificity-002.xht == reference/filler-text-below-green.xht diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/sibling-selector-001.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/sibling-selector-001.xht index 00bd9d7e50a..40ffa4e590e 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/sibling-selector-001.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/sibling-selector-001.xht @@ -13,6 +13,7 @@ </style> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" /> + <link rel="match" href="reference/sibling-selector-001-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Sibling selector only applies to immediate siblings." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/sibling-selector-003.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/sibling-selector-003.xht index 3f657a9e177..caa8a2a1453 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/sibling-selector-003.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/sibling-selector-003.xht @@ -13,6 +13,7 @@ </style> <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" /> + <link rel="match" href="reference/sibling-selector-003-ref.xht" /> <meta name="flags" content="" /> <meta name="assert" content="Sibling selector only applies to immediate siblings ignoring text nodes." /> <style type="text/css"> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css21_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/support/adobe-fonts/README.md b/tests/wpt/css-tests/css21_dev/xhtml1print/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/support/adobe-fonts/README.md @@ -3,7 +3,8 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved ---- @@ -14,20 +15,26 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/). +The installable font resources (font binaries) are not part of the source files. +They are available at https://github.com/adobe-fonts/css-orientation-test/ +The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H % sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/support/background-iframes-001.html b/tests/wpt/css-tests/css21_dev/xhtml1print/support/background-iframes-001.html index 45e83089c93..230d5cbca80 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/support/background-iframes-001.html +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/support/background-iframes-001.html @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"><head> + <meta charset="utf-8"> <title>Inner Frame</title> <link href="mailto:ian@hixie.ch" rel="author" title="Ian Hickson"> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2012-04-21 --> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/toc.xht index 57bbd468bfc..58a3f45c044 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/toc.xht @@ -62,7 +62,7 @@ <tbody id="s9"> <tr><th><a href="chapter-9.xht">Chapter 9 - Visual formatting model</a></th> - <td>(1245 Tests)</td></tr> + <td>(1244 Tests)</td></tr> </tbody> <tbody id="s10"> <tr><th><a href="chapter-10.xht">Chapter 10 - @@ -107,7 +107,7 @@ <tbody id="s18"> <tr><th><a href="chapter-18.xht">Chapter 18 - User interface</a></th> - <td>(357 Tests)</td></tr> + <td>(361 Tests)</td></tr> </tbody> <tbody id="sA"> <tr><th><a href="chapter-A.xht">Appendix A - diff --git a/tests/wpt/css-tests/cssom-1_dev/html/chapter-6.htm b/tests/wpt/css-tests/cssom-1_dev/html/chapter-6.htm index 953af658cbe..6bfa2a99add 100644 --- a/tests/wpt/css-tests/cssom-1_dev/html/chapter-6.htm +++ b/tests/wpt/css-tests/cssom-1_dev/html/chapter-6.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Object Model Level 1 CR Test Suite</h1> - <h2>CSS (18 tests)</h2> + <h2>CSS (20 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -37,7 +37,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.1">+</a> <a href="http://www.w3.org/TR/cssom/#css-style-sheets">6.1 CSS Style Sheets</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="style-sheet-interfaces-001-6.1" class="primary dom script"> + <td><strong> + <a href="style-sheet-interfaces-001.htm">style-sheet-interfaces-001</a></strong></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM StyleSheet Initial Values + <ul class="assert"> + <li>StyleSheet and CSSStyleSheet objects have the properties specified in their interfaces</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.1.#concept-css-style-sheet-alternate-flag"> <!-- 0 tests --> @@ -141,7 +152,29 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.2">+</a> <a href="http://www.w3.org/TR/cssom/#css-style-sheet-collections">6.2 CSS Style Sheet Collections</a></th></tr> - <!-- 0 tests --> + <!-- 2 tests --> + <tr id="ttwf-cssom-doc-ext-load-count-6.2" class="dom script"> + <td> + <a href="ttwf-cssom-doc-ext-load-count.htm">ttwf-cssom-doc-ext-load-count</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: StyleSheetList length reflects dynamically loaded and unloaded sheets + <ul class="assert"> + <li>The styleSheets length attribute must reflect the number of sheets at page load and after dynamically</li> + </ul> + </td> + </tr> + <tr id="ttwf-cssom-doc-ext-load-tree-order-6.2" class="dom script"> + <td> + <a href="ttwf-cssom-doc-ext-load-tree-order.htm">ttwf-cssom-doc-ext-load-tree-order</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: Stylesheet header load order + <ul class="assert"> + <li>Document's style sheets created from HTTP Link headers are first in list and loaded in header order</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.2.#add-a-css-style-sheet"> <!-- 0 tests --> @@ -192,7 +225,40 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.2.2">+</a> <a href="http://www.w3.org/TR/cssom/#the-stylesheetlist-interface">6.2.2 The StyleSheetList Interface</a></th></tr> - <!-- 0 tests --> + <!-- 3 tests --> + <tr id="ttwf-cssom-doc-ext-load-count-6.2.2" class="dom script"> + <td> + <a href="ttwf-cssom-doc-ext-load-count.htm">ttwf-cssom-doc-ext-load-count</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: StyleSheetList length reflects dynamically loaded and unloaded sheets + <ul class="assert"> + <li>The styleSheets length attribute must reflect the number of sheets at page load and after dynamically</li> + </ul> + </td> + </tr> + <tr id="ttwf-cssom-doc-ext-load-tree-order-6.2.2" class="dom script"> + <td> + <a href="ttwf-cssom-doc-ext-load-tree-order.htm">ttwf-cssom-doc-ext-load-tree-order</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: Stylesheet header load order + <ul class="assert"> + <li>Document's style sheets created from HTTP Link headers are first in list and loaded in header order</li> + </ul> + </td> + </tr> + <tr id="ttwf-cssom-document-extension-6.2.2" class="dom script"> + <td> + <a href="ttwf-cssom-document-extension.htm">ttwf-cssom-document-extension</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: StyleSheetList length is 0 when no sheets loaded + <ul class="assert"> + <li>The styleSheets attribute must return a StyleSheetList sequence representing the document style sheets.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.2.2.#dom-stylesheetlist-item"> <!-- 0 tests --> @@ -391,7 +457,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.4.1">+</a> <a href="http://www.w3.org/TR/cssom/#the-cssrulelist-interface">6.4.1 The CSSRuleList Interface</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="index-003-6.4.1" class="primary dom script"> + <td><strong> + <a href="index-003.htm">index-003</a></strong></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSS OM: CSS Values + <ul class="assert"> + <li>Testing Serialization of Style Rules</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.4.1.#cssrulelist"> <!-- 0 tests --> @@ -484,7 +561,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.4.3">+</a> <a href="http://www.w3.org/TR/cssom/#the-cssstylerule-interface">6.4.3 The CSSStyleRule Interface</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="cssstylerule-6.4.3" class="dom script"> + <td> + <a href="cssstylerule.htm">cssstylerule</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM CSSRule CSSStyleRule interface + <ul class="assert"> + <li>All properties for this CSSStyleRule instance of CSSRule are initialized correctly</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.4.3.#concept-declarations-specified-order"> <!-- 0 tests --> @@ -514,7 +602,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.4.5">+</a> <a href="http://www.w3.org/TR/cssom/#the-cssimportrule-interface">6.4.5 The CSSImportRule Interface</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="cssimportrule-6.4.5" class="dom script"> + <td> + <a href="cssimportrule.htm">cssimportrule</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM CSSRule CSSImportRule interface + <ul class="assert"> + <li>All properties for this CSSImportRule instance of CSSRule are initialized correctly</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.4.5.#cssimportrule"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/cssom-1_dev/html/css-style-declaration-modifications.htm b/tests/wpt/css-tests/cssom-1_dev/html/css-style-declaration-modifications.htm index a37951f4f85..93ef3d65159 100644 --- a/tests/wpt/css-tests/cssom-1_dev/html/css-style-declaration-modifications.htm +++ b/tests/wpt/css-tests/cssom-1_dev/html/css-style-declaration-modifications.htm @@ -14,8 +14,8 @@ { "CSSStyleDeclaration_accessible": { "help": ["http://www.w3.org/TR/cssom/#the-cssstylesheet-interface", - "http://www.w3.org/TR/cssom/#the-cssrulelist-sequence", - "http://www.w3.org/TR/cssom/#css-style-rule-rule-set"], + "http://www.w3.org/TR/cssom/#the-cssrulelist-interface", + "http://www.w3.org/TR/cssom/#the-cssstylerule-interface"], "assert": "Can access CSSStyleDeclaration through CSSOM" }, "read": { "assert": "initial property values are correct" }, @@ -46,8 +46,8 @@ declaration = styleElement.sheet.cssRules.item(0).style; }, "CSSStyleDeclaration_accessible", { help: [ "http://www.w3.org/TR/cssom/#the-cssstylesheet-interface", - "http://www.w3.org/TR/cssom/#the-cssrulelist-sequence", - "http://www.w3.org/TR/cssom/#css-style-rule-rule-set" ], + "http://www.w3.org/TR/cssom/#the-cssrulelist-interface", + "http://www.w3.org/TR/cssom/#the-cssstylerule-interface" ], assert: "Can access CSSStyleDeclaration through CSSOM" }); test(function() { diff --git a/tests/wpt/css-tests/cssom-1_dev/html/cssimportrule.htm b/tests/wpt/css-tests/cssom-1_dev/html/cssimportrule.htm index 81076925ff1..e384bb22ac6 100644 --- a/tests/wpt/css-tests/cssom-1_dev/html/cssimportrule.htm +++ b/tests/wpt/css-tests/cssom-1_dev/html/cssimportrule.htm @@ -4,7 +4,7 @@ <link href="mailto:lew.letitia@gmail.com" rel="author" title="Letitia Lew"> <link href="http://www.w3.org/TR/cssom/#css-rules" rel="help"> <link href="http://www.w3.org/TR/cssom/#the-cssrule-interface" rel="help"> - <link href="http://www.w3.org/TR/cssom/#css-import-rule" rel="help"> + <link href="http://www.w3.org/TR/cssom/#the-cssimportrule-interface" rel="help"> <meta content="dom" name="flags"> <meta content="All properties for this CSSImportRule instance of CSSRule are initialized correctly" name="assert"> <script src="/resources/testharness.js"></script> diff --git a/tests/wpt/css-tests/cssom-1_dev/html/cssstylerule.htm b/tests/wpt/css-tests/cssom-1_dev/html/cssstylerule.htm index 566ddb468bc..effe501fd48 100644 --- a/tests/wpt/css-tests/cssom-1_dev/html/cssstylerule.htm +++ b/tests/wpt/css-tests/cssom-1_dev/html/cssstylerule.htm @@ -4,7 +4,7 @@ <link href="mailto:lew.letitia@gmail.com" rel="author" title="Letitia Lew"> <link href="http://www.w3.org/TR/cssom/#css-rules" rel="help"> <link href="http://www.w3.org/TR/cssom/#the-cssrule-interface" rel="help"> - <link href="http://www.w3.org/TR/cssom/#css-style-rule-rule-set" rel="help"> + <link href="http://www.w3.org/TR/cssom/#the-cssstylerule-interface" rel="help"> <meta content="dom" name="flags"> <meta content="All properties for this CSSStyleRule instance of CSSRule are initialized correctly" name="assert"> <script src="/resources/testharness.js"></script> diff --git a/tests/wpt/css-tests/cssom-1_dev/html/index-003.htm b/tests/wpt/css-tests/cssom-1_dev/html/index-003.htm new file mode 100644 index 00000000000..aeaa29a1135 --- /dev/null +++ b/tests/wpt/css-tests/cssom-1_dev/html/index-003.htm @@ -0,0 +1,96 @@ +<!DOCTYPE html> +<html><head> + <title>CSS OM: CSS Values</title> + <link href="mailto:manian@adobe.com" rel="author" title="Divya Manian"> + <link href="http://www.w3.org/TR/cssom/#the-cssrulelist-interface" rel="help"> + <meta content="dom" name="flags"> + <meta content="Testing Serialization of Style Rules" name="assert"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <style id="s-0"> + @namespace svg "http://www.w3.org/2000/svg"; + </style> + <style id="s-1"> + @import url('main.css'); + </style> + <style id="s-2"> + h1 { background: indianred; } + </style> + <style id="s-3"> + @namespace svg "http://www.w3.org/2000/svg"; + svg|a { color: white; } + </style> + <style id="s-4"> + @font-face { + font-family: 'Megalopolis'; + src: url('fonts/megalopolisextra-webfont.eot'); + src: url('fonts/megalopolisextra-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/megalopolisextra-webfont.woff') format('woff'), + url('fonts/megalopolisextra-webfont.ttf') format('truetype'), + url('fonts/megalopolisextra-webfont.svg#MEgalopolisExtraRegular') format('svg'); + font-weight: normal; + font-style: normal; + } + </style> + <style id="s-5"> + @media (min-width: 200px) { + h1 { background: aliceblue; } + } + </style> + <style id="s-6"> + @page :first { + h1 { color: #444; } + } + </style> +</head> +<body> + <div id="log"></div> + <script> + var stylesheets = document.styleSheets; + var ruletypes = { + 1: 'Style Rule', + 3: '@import rule', + 4: 'media rule', + 5: '@font-face rule', + 6: 'page rule', + 10: 'Namespace rule', + 11: 'unrecognized rule' + }; + + var types = { + 's-0': '@namespace svg "http://www.w3.org/2000/svg"', + 's-1': '@import url("main.css")', + 's-2': 'h1', + 's-3': 'svg|a', + 's-4': '@font-face', + 's-5': '@media (min-width: 200px)', + 's-6': '@page :first' + } + + var ruleOrder = [10, 3, 1, 1, 5, 4, 6]; + + var results = []; + + + for (i = 0; i < stylesheets.length; i++) { + if(i == 3) { + cssType = stylesheets[i].cssRules.length > 0 && stylesheets[i].cssRules[1] ? stylesheets[i].cssRules[1].type : 11; + } else { + cssType = stylesheets[i].cssRules.length > 0 ? stylesheets[i].cssRules[0].type : 11; + } + + results.push([ + ruletypes[ruleOrder[i]] + ' is expected to be ' + types['s-' + i], + ruletypes[cssType], + ruletypes[ruleOrder[i]] + ]); + + } + + generate_tests(assert_equals, results); + + </script> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/cssom-1_dev/html/style-sheet-interfaces-001.htm b/tests/wpt/css-tests/cssom-1_dev/html/style-sheet-interfaces-001.htm new file mode 100644 index 00000000000..dde84bf09ce --- /dev/null +++ b/tests/wpt/css-tests/cssom-1_dev/html/style-sheet-interfaces-001.htm @@ -0,0 +1,127 @@ +<!DOCTYPE html> +<html><head> + <title>CSS Test: CSSOM StyleSheet Initial Values</title> + <link href="mailto:betravis@adobe.com" rel="author" title="Bear Travis"> + <link href="http://www.w3.org/TR/cssom/#css-style-sheets" rel="help"> + <meta content="dom" name="flags"> + <meta content="StyleSheet and CSSStyleSheet objects have the properties specified in their interfaces" name="assert"> + <script src="/resources/testharness.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> + <style disabled="disabled" media="all" type="text/css" id="styleElement" title="internal style sheet"> + @import url('support/a-green.css'); + * { margin: 0; padding: 0; } + </style> + <link href="support/b-green.css" id="linkElement" rel="stylesheet"> +<script id="metadata_cache">/* +{ + "sheet_property": { + "help": "http://www.w3.org/TR/cssom/#the-linkstyle-interface", + "assert": ["styleElement.sheet exists", + "styleElement.sheet is a CSSStyleSheet", + "linkElement.sheet exists", + "linkElement.sheet is a CSSStyleSheet"] + }, + "CSSStyleSheet_properties": { + "assert": ["ownerRule, cssRules, insertRule and deleteRule properties exist on CSSStyleSheet", + "ownerRule, cssRules are read only"] + }, + "CSSStyleSheet_property_values": { + "help": ["http://www.w3.org/TR/cssom/#css-style-sheets", + "http://www.w3.org/TR/cssom/#cssimportrule"], + "assert": "CSSStyleSheet initial property values are correct" + }, + "StyleSheet_properties": { + "assert": ["type, disabled, ownerNode, parentStyleSheet, href, title, and media properties exist on StyleSheet", + "type, ownerNode, parentStyleSheet, href, title, media properties are read only"] + }, + "StyleSheet_property_values": { "assert": "StyleSheet initial property values are correct" } +} +*/</script> + </head> + <body> + <noscript>Test not run - javascript required.</noscript> + <div id="log"></div> + <script type="text/javascript"> + var styleElement = document.getElementById("styleElement"); + var linkElement = document.getElementById("linkElement"); + + var styleSheet; + var linkSheet; + test(function() { + assert_own_property(styleElement, "sheet"); + assert_readonly(styleElement, "sheet"); + styleSheet = styleElement.sheet; + assert_true(styleSheet instanceof CSSStyleSheet); + assert_own_property(linkElement, "sheet"); + linkSheet = linkElement.sheet; + assert_true(linkSheet instanceof CSSStyleSheet); + }, "sheet_property", + { help: "http://www.w3.org/TR/cssom/#the-linkstyle-interface", + assert: [ "styleElement.sheet exists", "styleElement.sheet is a CSSStyleSheet", + "linkElement.sheet exists", "linkElement.sheet is a CSSStyleSheet"] }); + + test(function() { + assert_own_property(styleSheet, "ownerRule"); + assert_own_property(styleSheet, "cssRules"); + assert_inherits(styleSheet, "insertRule"); + assert_inherits(styleSheet, "deleteRule"); + + assert_readonly(styleSheet, "ownerRule"); + assert_readonly(styleSheet, "cssRules"); + }, "CSSStyleSheet_properties", + { assert: [ "ownerRule, cssRules, insertRule and deleteRule properties exist on CSSStyleSheet", + "ownerRule, cssRules are read only"] }); + + var importSheet; + test(function() { + assert_equals(styleSheet.ownerRule, null); + assert_true(styleSheet.cssRules.length > 0); + assert_true(styleSheet.cssRules.item(0) instanceof CSSImportRule); + importSheet = styleSheet.cssRules.item(0).styleSheet; + }, "CSSStyleSheet_property_values", + { help: [ "http://www.w3.org/TR/cssom/#css-style-sheets", + "http://www.w3.org/TR/cssom/#cssimportrule" ], + assert: "CSSStyleSheet initial property values are correct" }); + + test(function() { + assert_own_property(styleSheet, "type"); + assert_own_property(styleSheet, "disabled"); + assert_own_property(styleSheet, "ownerNode"); + assert_own_property(styleSheet, "parentStyleSheet"); + assert_own_property(styleSheet, "href"); + assert_own_property(styleSheet, "title"); + assert_own_property(styleSheet, "media"); + + assert_readonly(styleSheet, "type"); + assert_readonly(styleSheet, "ownerNode"); + assert_readonly(styleSheet, "parentStyleSheet"); + assert_readonly(styleSheet, "href"); + assert_readonly(styleSheet, "title"); + assert_readonly(styleSheet, "media"); + }, "StyleSheet_properties", + { assert: [ "type, disabled, ownerNode, parentStyleSheet, href, title, and media properties exist on StyleSheet", + "type, ownerNode, parentStyleSheet, href, title, media properties are read only" ] }); + + test(function() { + assert_equals(styleSheet.type, "text/css"); + assert_equals(styleSheet.disabled, false); + + assert_equals(styleSheet.ownerNode, styleElement); + assert_equals(linkSheet.ownerNode, linkElement); + assert_equals(importSheet.ownerNode, null); + + assert_equals(styleSheet.href, null); + assert_regexp_match(linkSheet.href, /support\/b-green.css$/); + assert_regexp_match(importSheet.href, /support\/a-green.css$/); + + assert_equals(styleSheet.parentStyleSheet, null); + assert_equals(linkSheet.parentStyleSheet, null); + assert_equals(importSheet.parentStyleSheet, styleSheet); + + assert_equals(styleSheet.title, "internal style sheet"); + assert_equals(styleSheet.media.item(0), "all"); + }, "StyleSheet_property_values", + { assert: "StyleSheet initial property values are correct" }); + </script> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/cssom-1_dev/html/toc.htm b/tests/wpt/css-tests/cssom-1_dev/html/toc.htm index cb18e6ffa0f..2b1b06217cd 100644 --- a/tests/wpt/css-tests/cssom-1_dev/html/toc.htm +++ b/tests/wpt/css-tests/cssom-1_dev/html/toc.htm @@ -47,7 +47,7 @@ <tbody id="s6"> <tr><th><a href="chapter-6.htm">Chapter 6 - CSS</a></th> - <td>(18 Tests)</td></tr> + <td>(20 Tests)</td></tr> </tbody> <tbody id="s7"> <tr><th><a href="chapter-7.htm">Chapter 7 - diff --git a/tests/wpt/css-tests/cssom-1_dev/html/ttwf-cssom-doc-ext-load-count.htm b/tests/wpt/css-tests/cssom-1_dev/html/ttwf-cssom-doc-ext-load-count.htm index f555c5e0aaf..724d7290d90 100644 --- a/tests/wpt/css-tests/cssom-1_dev/html/ttwf-cssom-doc-ext-load-count.htm +++ b/tests/wpt/css-tests/cssom-1_dev/html/ttwf-cssom-doc-ext-load-count.htm @@ -3,8 +3,8 @@ <title>CSSOM - Extensions to the Document Interface: StyleSheetList length reflects dynamically loaded and unloaded sheets</title> <link href="mailto:jesse@codeforamerica.org" rel="author" title="Jesse Bounds"> <link href="http://www.w3.org/TR/cssom/#extensions-to-the-document-interface" rel="help"> - <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-sequence" rel="help"> - <link href="http://www.w3.org/TR/cssom/#style-sheet-collections" rel="help"> + <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-interface" rel="help"> + <link href="http://www.w3.org/TR/cssom/#css-style-sheet-collections" rel="help"> <link href="stylesheet.css" type="text/css" rel="stylesheet"> <meta content="dom" name="flags"> <meta content="The styleSheets length attribute must reflect the number of sheets at page load and after dynamically" name="assert"> diff --git a/tests/wpt/css-tests/cssom-1_dev/html/ttwf-cssom-doc-ext-load-tree-order.htm b/tests/wpt/css-tests/cssom-1_dev/html/ttwf-cssom-doc-ext-load-tree-order.htm index 8884c05d346..535a175ed39 100644 --- a/tests/wpt/css-tests/cssom-1_dev/html/ttwf-cssom-doc-ext-load-tree-order.htm +++ b/tests/wpt/css-tests/cssom-1_dev/html/ttwf-cssom-doc-ext-load-tree-order.htm @@ -3,8 +3,8 @@ <title>CSSOM - Extensions to the Document Interface: Stylesheet header load order</title> <link href="mailto:jesse@codeforamerica.org" rel="author" title="Jesse Bounds"> <link href="http://www.w3.org/TR/cssom/#extensions-to-the-document-interface" rel="help"> - <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-sequence" rel="help"> - <link href="http://www.w3.org/TR/cssom/#style-sheet-collections" rel="help"> + <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-interface" rel="help"> + <link href="http://www.w3.org/TR/cssom/#css-style-sheet-collections" rel="help"> <style type="text/css" title="aaa"> H1 {border-width: 1; border: solid; text-align: center} </style> diff --git a/tests/wpt/css-tests/cssom-1_dev/html/ttwf-cssom-document-extension.htm b/tests/wpt/css-tests/cssom-1_dev/html/ttwf-cssom-document-extension.htm index fa7ecab41a5..b6136eece91 100644 --- a/tests/wpt/css-tests/cssom-1_dev/html/ttwf-cssom-document-extension.htm +++ b/tests/wpt/css-tests/cssom-1_dev/html/ttwf-cssom-document-extension.htm @@ -4,7 +4,7 @@ <link href="mailto:jesse@codeforamerica.org" rel="author" title="Jesse Bounds"> <link href="mailto:ms2ger@gmail.com" rel="reviewer" title="Ms2ger"> <!-- 2012-06-17 --> <link href="http://www.w3.org/TR/cssom/#extensions-to-the-document-interface" rel="help"> - <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-sequence" rel="help"> + <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-interface" rel="help"> <meta content="dom" name="flags"> <meta content="The styleSheets attribute must return a StyleSheetList sequence representing the document style sheets." name="assert"> <script src="/resources/testharness.js"></script> diff --git a/tests/wpt/css-tests/cssom-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/cssom-1_dev/implementation-report-TEMPLATE.data index 72747fa8888..9b0c89b1ddf 100644 --- a/tests/wpt/css-tests/cssom-1_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/cssom-1_dev/implementation-report-TEMPLATE.data @@ -5,10 +5,10 @@ testname revision result comment html/computed-style-001.htm 923388f4dc84c4167d4c74b769957e559c061c8f ? xhtml1/computed-style-001.xht 923388f4dc84c4167d4c74b769957e559c061c8f ? -html/css-style-declaration-modifications.htm a75b92c0e94e318e4f4616d45dda2b24fda14361 ? -xhtml1/css-style-declaration-modifications.xht a75b92c0e94e318e4f4616d45dda2b24fda14361 ? -html/cssimportrule.htm 019aaec334948e86a3b5b54c715efc2ff5d611c5 ? -xhtml1/cssimportrule.xht 019aaec334948e86a3b5b54c715efc2ff5d611c5 ? +html/css-style-declaration-modifications.htm 19938d46bb35487e2135073afe761f8dd772184d ? +xhtml1/css-style-declaration-modifications.xht 19938d46bb35487e2135073afe761f8dd772184d ? +html/cssimportrule.htm 9e027f3ad71718518e73bc43749fe1607c66be9b ? +xhtml1/cssimportrule.xht 9e027f3ad71718518e73bc43749fe1607c66be9b ? html/cssom-cssstyledeclaration-set.htm b63533ef337d08541ec0fb5b70b618931b9809b0 ? xhtml1/cssom-cssstyledeclaration-set.xht b63533ef337d08541ec0fb5b70b618931b9809b0 ? html/cssom-csstext-serialize.htm 3e14e2c10025c3e4e66daa88ea819dc46bd8b529 ? @@ -19,14 +19,16 @@ html/cssstyledeclaration-csstext.htm 2cc8a22845a56b1cdc11d73b6af616fdc41c9695 ? xhtml1/cssstyledeclaration-csstext.xht 2cc8a22845a56b1cdc11d73b6af616fdc41c9695 ? html/cssstyledeclaration-mutability.htm 38cd7a355a26875bad54365ed7326a5dc51801de ? xhtml1/cssstyledeclaration-mutability.xht 38cd7a355a26875bad54365ed7326a5dc51801de ? -html/cssstylerule.htm f7142a2fa889f3fb2c5eac54bce43844fc6acd99 ? -xhtml1/cssstylerule.xht f7142a2fa889f3fb2c5eac54bce43844fc6acd99 ? +html/cssstylerule.htm f75d9df40ead266de11163af127e75dc9b2a2b2f ? +xhtml1/cssstylerule.xht f75d9df40ead266de11163af127e75dc9b2a2b2f ? html/escape.htm 7aea68a9623bb9dff127afbd42801555f82c01cc ? xhtml1/escape.xht 7aea68a9623bb9dff127afbd42801555f82c01cc ? html/index-001.htm 690f3025eb8ad461891d7cd861467a6dfd15c3c6 ? xhtml1/index-001.xht 690f3025eb8ad461891d7cd861467a6dfd15c3c6 ? html/index-002.htm 0bc1c948a918adda327afe34f4a31d3aafec67e3 ? xhtml1/index-002.xht 0bc1c948a918adda327afe34f4a31d3aafec67e3 ? +html/index-003.htm e43febd0e99d020f2c1aff26ff1a62ce40c1614a ? +xhtml1/index-003.xht e43febd0e99d020f2c1aff26ff1a62ce40c1614a ? html/inline-style-001.htm f04334e818f64c3df86a59802b9f97b308a381f0 ? xhtml1/inline-style-001.xht f04334e818f64c3df86a59802b9f97b308a381f0 ? html/matchmedia.htm 968cc094c6258392a6d1f8dd5eb814f43ed6692f ? @@ -49,11 +51,13 @@ html/shape-outside-shape-arguments-001.htm 9dd0113414a623dabe94f0e29eb616393dc49 xhtml1/shape-outside-shape-arguments-001.xht 9dd0113414a623dabe94f0e29eb616393dc49315 ? html/shape-outside-shape-notation-000.htm f60e7fa2061e9a98c83fd1e9cb3d2c094ae544e1 ? xhtml1/shape-outside-shape-notation-000.xht f60e7fa2061e9a98c83fd1e9cb3d2c094ae544e1 ? +html/style-sheet-interfaces-001.htm 5c0da884ebc0052b5b1035e7a6968be0791a002f ? +xhtml1/style-sheet-interfaces-001.xht 5c0da884ebc0052b5b1035e7a6968be0791a002f ? html/style-sheet-interfaces-002.htm 5445e593037f6bcef142eb603216810b90d426dd ? xhtml1/style-sheet-interfaces-002.xht 5445e593037f6bcef142eb603216810b90d426dd ? -html/ttwf-cssom-doc-ext-load-count.htm 5ec3f2383ac86be896d62ddca38cb98bfdb2fd89 ? -xhtml1/ttwf-cssom-doc-ext-load-count.xht 5ec3f2383ac86be896d62ddca38cb98bfdb2fd89 ? -html/ttwf-cssom-doc-ext-load-tree-order.htm 7d490bd1ed5a33b883cb7cbf60a9e20581d00657 ? -xhtml1/ttwf-cssom-doc-ext-load-tree-order.xht 7d490bd1ed5a33b883cb7cbf60a9e20581d00657 ? -html/ttwf-cssom-document-extension.htm 8399b5f56b217b06cb0608df93624c46566fbe29 ? -xhtml1/ttwf-cssom-document-extension.xht 8399b5f56b217b06cb0608df93624c46566fbe29 ? +html/ttwf-cssom-doc-ext-load-count.htm 606e8f8f1b737f92ece2e0b30094156f171f7c88 ? +xhtml1/ttwf-cssom-doc-ext-load-count.xht 606e8f8f1b737f92ece2e0b30094156f171f7c88 ? +html/ttwf-cssom-doc-ext-load-tree-order.htm 974597c116d1c92c4aa72d03890c4fecf5f8aed5 ? +xhtml1/ttwf-cssom-doc-ext-load-tree-order.xht 974597c116d1c92c4aa72d03890c4fecf5f8aed5 ? +html/ttwf-cssom-document-extension.htm cadf446d51e50a32ceb59b62191bd88993021465 ? +xhtml1/ttwf-cssom-document-extension.xht cadf446d51e50a32ceb59b62191bd88993021465 ? diff --git a/tests/wpt/css-tests/cssom-1_dev/testinfo.data b/tests/wpt/css-tests/cssom-1_dev/testinfo.data index a67eb32fd4c..53d4af749a4 100644 --- a/tests/wpt/css-tests/cssom-1_dev/testinfo.data +++ b/tests/wpt/css-tests/cssom-1_dev/testinfo.data @@ -1,16 +1,17 @@ id references title flags links revision credits assertion computed-style-001 getComputedStyle dom,script http://www.w3.org/TR/cssom/#extensions-to-the-window-interface,http://www.w3.org/TR/cssom/#the-cssstyledeclaration-interface,http://www.w3.org/TR/cssom/#resolved-values 923388f4dc84c4167d4c74b769957e559c061c8f `Bear Travis`<mailto:betravis@adobe.com> getComputedStyle returns a readonly CSSStyleDeclaration with resolved values -css-style-declaration-modifications CSSStyleDeclaration Interface dom,script http://www.w3.org/TR/cssom/#the-cssstyledeclaration-interface a75b92c0e94e318e4f4616d45dda2b24fda14361 `Bear Travis`<mailto:betravis@adobe.com> CSSStyleDeclaration is properly initialized and can be modified through its interface -cssimportrule CSSOM CSSRule CSSImportRule interface dom,script http://www.w3.org/TR/cssom/#css-rules,http://www.w3.org/TR/cssom/#the-cssrule-interface,http://www.w3.org/TR/cssom/#css-import-rule 019aaec334948e86a3b5b54c715efc2ff5d611c5 `Letitia Lew`<mailto:lew.letitia@gmail.com> All properties for this CSSImportRule instance of CSSRule are initialized correctly +css-style-declaration-modifications CSSStyleDeclaration Interface dom,script http://www.w3.org/TR/cssom/#the-cssstyledeclaration-interface 19938d46bb35487e2135073afe761f8dd772184d `Bear Travis`<mailto:betravis@adobe.com> CSSStyleDeclaration is properly initialized and can be modified through its interface +cssimportrule CSSOM CSSRule CSSImportRule interface dom,script http://www.w3.org/TR/cssom/#css-rules,http://www.w3.org/TR/cssom/#the-cssrule-interface,http://www.w3.org/TR/cssom/#the-cssimportrule-interface 9e027f3ad71718518e73bc43749fe1607c66be9b `Letitia Lew`<mailto:lew.letitia@gmail.com> All properties for this CSSImportRule instance of CSSRule are initialized correctly cssom-cssstyledeclaration-set CSSOM: CSSStyleDeclaration on HTMLElement represents inline style changes dom,script http://www.w3.org/TR/cssom/#the-cssstyledeclaration-interface b63533ef337d08541ec0fb5b70b618931b9809b0 `Paul Irish`<mailto:paul.irish@gmail.com> cssom-cssText-serialize getting cssText must return the result of serializing the CSS declaration blocks. dom,script http://www.w3.org/TR/cssom/#the-cssstyledeclaration-interface 3e14e2c10025c3e4e66daa88ea819dc46bd8b529 `Paul Irish`<mailto:paul.irish@gmail.com> cssom-setProperty-shorthand CSSOM: CSSStyleDeclaration (set|remove)PropertyValue sets/removes shorthand properties dom,script http://www.w3.org/TR/cssom/#the-cssstyledeclaration-interface 7630d8007322fed0af2c7d8e6f94585f3ae3703d `Paul Irish`<mailto:paul.irish@gmail.com> cssstyledeclaration-csstext CSSStyleDeclaration.cssText Test dom,script https://drafts.csswg.org/cssom-1/#dom-cssstyledeclaration-csstext 2cc8a22845a56b1cdc11d73b6af616fdc41c9695 `kkoichi`<coarse.ground@gmail.com> CSS declarations is serialized as expected cssstyledeclaration-mutability CSSOM: CSSStyleDeclaration is mutable and immutable in various settings dom,script http://www.w3.org/TR/cssom/#the-cssstyledeclaration-interface 38cd7a355a26875bad54365ed7326a5dc51801de `Paul Irish`<mailto:paul.irish@gmail.com> -cssstylerule CSSOM CSSRule CSSStyleRule interface dom,script http://www.w3.org/TR/cssom/#css-rules,http://www.w3.org/TR/cssom/#the-cssrule-interface,http://www.w3.org/TR/cssom/#css-style-rule-rule-set f7142a2fa889f3fb2c5eac54bce43844fc6acd99 `Letitia Lew`<mailto:lew.letitia@gmail.com> All properties for this CSSStyleRule instance of CSSRule are initialized correctly +cssstylerule CSSOM CSSRule CSSStyleRule interface dom,script http://www.w3.org/TR/cssom/#css-rules,http://www.w3.org/TR/cssom/#the-cssrule-interface,http://www.w3.org/TR/cssom/#the-cssstylerule-interface f75d9df40ead266de11163af127e75dc9b2a2b2f `Letitia Lew`<mailto:lew.letitia@gmail.com> All properties for this CSSStyleRule instance of CSSRule are initialized correctly escape CSS#escape script https://drafts.csswg.org/cssom-1/#the-css.escape()-method 7aea68a9623bb9dff127afbd42801555f82c01cc index-001 CSS OM: CSS Values dom,script http://www.w3.org/TR/cssom/#css-values 690f3025eb8ad461891d7cd861467a6dfd15c3c6 `Divya Manian`<mailto:manian@adobe.com> The style value should be serialized to margin: 20px; index-002 CSS OM: CSS Values dom,script http://www.w3.org/TR/cssom/#css-values 0bc1c948a918adda327afe34f4a31d3aafec67e3 `Divya Manian`<mailto:manian@adobe.com> Testing Serialization of Shorthand Values +index-003 CSS OM: CSS Values dom,script http://www.w3.org/TR/cssom/#the-cssrulelist-interface e43febd0e99d020f2c1aff26ff1a62ce40c1614a `Divya Manian`<mailto:manian@adobe.com> Testing Serialization of Style Rules inline-style-001 Inline CSSStyleDeclaration dom,script http://www.w3.org/TR/cssom/#elementcssinlinestyle f04334e818f64c3df86a59802b9f97b308a381f0 `Bear Travis`<mailto:betravis@adobe.com> Inline CSSStyleDeclaration is properly initialized and can be modified through its interface matchMedia CSSOM View matchMedia and MediaQueryList dom,script http://www.w3.org/TR/cssom-view/#dom-window-matchmedia,http://www.w3.org/TR/cssom-view/#the-mediaquerylist-interface,http://www.w3.org/TR/cssom/#serializing-media-queries 968cc094c6258392a6d1f8dd5eb814f43ed6692f `Rune Lillesveen`<mailto:rune@opera.com> MediaList the MediaList interface script http://www.w3.org/TR/cssom/#the-medialist-interface,http://dev.w3.org/2006/webapi/WebIDL/#getownproperty 950f388af24cce357db899c6fdd58f0a785aa5e3 `Ms2ger`<mailto:Ms2ger@gmail.com> @@ -22,7 +23,8 @@ selectorSerialize test serialized selector which is only one simple selector in shape-outside-shape-arguments-000 Shape Outside Basic Shape Arguments dom,script http://www.w3.org/TR/css-shapes-1/#typedef-basic-shape,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/cssom/#serializing-css-values 8e30b0aa976388a251ee8392188230ae8d983576 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> A basic basic shape can contain any length unit type, or percentage shape-outside-shape-arguments-001 Shape Outside Shape Number Values dom,script http://www.w3.org/TR/css-shapes-1/#typedef-basic-shape,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/cssom/#serializing-css-values 9dd0113414a623dabe94f0e29eb616393dc49315 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> The basic shape can contain all valid number formats shape-outside-shape-notation-000 Shape Outside Valid Basic Shape Functional Notation dom,script http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/cssom/#serializing-css-values f60e7fa2061e9a98c83fd1e9cb3d2c094ae544e1 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> Basic shapes use functional notation, and may contain optional whitespace inside the parentheses +style-sheet-interfaces-001 CSSOM StyleSheet Initial Values dom,script http://www.w3.org/TR/cssom/#css-style-sheets 5c0da884ebc0052b5b1035e7a6968be0791a002f `Bear Travis`<mailto:betravis@adobe.com> StyleSheet and CSSStyleSheet objects have the properties specified in their interfaces style-sheet-interfaces-002 CSSOM StyleSheet Modify Rule List dom,script http://www.w3.org/TR/cssom/#the-cssstylesheet-interface,http://www.w3.org/TR/cssom/#the-cssrule-interface 5445e593037f6bcef142eb603216810b90d426dd `Bear Travis`<mailto:betravis@adobe.com> StyleSheet and CSSStyleSheet objects have the properties specified in their interfaces -ttwf-cssom-doc-ext-load-count CSSOM - Extensions to the Document Interface: StyleSheetList length reflects dynamically loaded and unloaded sheets dom,script http://www.w3.org/TR/cssom/#extensions-to-the-document-interface,http://www.w3.org/TR/cssom/#the-stylesheetlist-sequence,http://www.w3.org/TR/cssom/#style-sheet-collections 5ec3f2383ac86be896d62ddca38cb98bfdb2fd89 `Jesse Bounds`<mailto:jesse@codeforamerica.org> The styleSheets length attribute must reflect the number of sheets at page load and after dynamically -ttwf-cssom-doc-ext-load-tree-order CSSOM - Extensions to the Document Interface: Stylesheet header load order dom,script http://www.w3.org/TR/cssom/#extensions-to-the-document-interface,http://www.w3.org/TR/cssom/#the-stylesheetlist-sequence,http://www.w3.org/TR/cssom/#style-sheet-collections 7d490bd1ed5a33b883cb7cbf60a9e20581d00657 `Jesse Bounds`<mailto:jesse@codeforamerica.org> Document's style sheets created from HTTP Link headers are first in list and loaded in header order -ttwf-cssom-document-extension CSSOM - Extensions to the Document Interface: StyleSheetList length is 0 when no sheets loaded dom,script http://www.w3.org/TR/cssom/#extensions-to-the-document-interface,http://www.w3.org/TR/cssom/#the-stylesheetlist-sequence 8399b5f56b217b06cb0608df93624c46566fbe29 `Jesse Bounds`<mailto:jesse@codeforamerica.org> The styleSheets attribute must return a StyleSheetList sequence representing the document style sheets. +ttwf-cssom-doc-ext-load-count CSSOM - Extensions to the Document Interface: StyleSheetList length reflects dynamically loaded and unloaded sheets dom,script http://www.w3.org/TR/cssom/#extensions-to-the-document-interface,http://www.w3.org/TR/cssom/#the-stylesheetlist-interface,http://www.w3.org/TR/cssom/#css-style-sheet-collections 606e8f8f1b737f92ece2e0b30094156f171f7c88 `Jesse Bounds`<mailto:jesse@codeforamerica.org> The styleSheets length attribute must reflect the number of sheets at page load and after dynamically +ttwf-cssom-doc-ext-load-tree-order CSSOM - Extensions to the Document Interface: Stylesheet header load order dom,script http://www.w3.org/TR/cssom/#extensions-to-the-document-interface,http://www.w3.org/TR/cssom/#the-stylesheetlist-interface,http://www.w3.org/TR/cssom/#css-style-sheet-collections 974597c116d1c92c4aa72d03890c4fecf5f8aed5 `Jesse Bounds`<mailto:jesse@codeforamerica.org> Document's style sheets created from HTTP Link headers are first in list and loaded in header order +ttwf-cssom-document-extension CSSOM - Extensions to the Document Interface: StyleSheetList length is 0 when no sheets loaded dom,script http://www.w3.org/TR/cssom/#extensions-to-the-document-interface,http://www.w3.org/TR/cssom/#the-stylesheetlist-interface cadf446d51e50a32ceb59b62191bd88993021465 `Jesse Bounds`<mailto:jesse@codeforamerica.org> The styleSheets attribute must return a StyleSheetList sequence representing the document style sheets. diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1/chapter-6.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1/chapter-6.xht index 6fca9e4e999..a71f52a3bdf 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1/chapter-6.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1/chapter-6.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Object Model Level 1 CR Test Suite</h1> - <h2>CSS (18 tests)</h2> + <h2>CSS (20 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -37,7 +37,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.1">+</a> <a href="http://www.w3.org/TR/cssom/#css-style-sheets">6.1 CSS Style Sheets</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="style-sheet-interfaces-001-6.1" class="primary dom script"> + <td><strong> + <a href="style-sheet-interfaces-001.xht">style-sheet-interfaces-001</a></strong></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM StyleSheet Initial Values + <ul class="assert"> + <li>StyleSheet and CSSStyleSheet objects have the properties specified in their interfaces</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.1.#concept-css-style-sheet-alternate-flag"> <!-- 0 tests --> @@ -141,7 +152,29 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.2">+</a> <a href="http://www.w3.org/TR/cssom/#css-style-sheet-collections">6.2 CSS Style Sheet Collections</a></th></tr> - <!-- 0 tests --> + <!-- 2 tests --> + <tr id="ttwf-cssom-doc-ext-load-count-6.2" class="dom script"> + <td> + <a href="ttwf-cssom-doc-ext-load-count.xht">ttwf-cssom-doc-ext-load-count</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: StyleSheetList length reflects dynamically loaded and unloaded sheets + <ul class="assert"> + <li>The styleSheets length attribute must reflect the number of sheets at page load and after dynamically</li> + </ul> + </td> + </tr> + <tr id="ttwf-cssom-doc-ext-load-tree-order-6.2" class="dom script"> + <td> + <a href="ttwf-cssom-doc-ext-load-tree-order.xht">ttwf-cssom-doc-ext-load-tree-order</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: Stylesheet header load order + <ul class="assert"> + <li>Document's style sheets created from HTTP Link headers are first in list and loaded in header order</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.2.#add-a-css-style-sheet"> <!-- 0 tests --> @@ -192,7 +225,40 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.2.2">+</a> <a href="http://www.w3.org/TR/cssom/#the-stylesheetlist-interface">6.2.2 The StyleSheetList Interface</a></th></tr> - <!-- 0 tests --> + <!-- 3 tests --> + <tr id="ttwf-cssom-doc-ext-load-count-6.2.2" class="dom script"> + <td> + <a href="ttwf-cssom-doc-ext-load-count.xht">ttwf-cssom-doc-ext-load-count</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: StyleSheetList length reflects dynamically loaded and unloaded sheets + <ul class="assert"> + <li>The styleSheets length attribute must reflect the number of sheets at page load and after dynamically</li> + </ul> + </td> + </tr> + <tr id="ttwf-cssom-doc-ext-load-tree-order-6.2.2" class="dom script"> + <td> + <a href="ttwf-cssom-doc-ext-load-tree-order.xht">ttwf-cssom-doc-ext-load-tree-order</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: Stylesheet header load order + <ul class="assert"> + <li>Document's style sheets created from HTTP Link headers are first in list and loaded in header order</li> + </ul> + </td> + </tr> + <tr id="ttwf-cssom-document-extension-6.2.2" class="dom script"> + <td> + <a href="ttwf-cssom-document-extension.xht">ttwf-cssom-document-extension</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: StyleSheetList length is 0 when no sheets loaded + <ul class="assert"> + <li>The styleSheets attribute must return a StyleSheetList sequence representing the document style sheets.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.2.2.#dom-stylesheetlist-item"> <!-- 0 tests --> @@ -391,7 +457,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.4.1">+</a> <a href="http://www.w3.org/TR/cssom/#the-cssrulelist-interface">6.4.1 The CSSRuleList Interface</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="index-003-6.4.1" class="primary dom script"> + <td><strong> + <a href="index-003.xht">index-003</a></strong></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSS OM: CSS Values + <ul class="assert"> + <li>Testing Serialization of Style Rules</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.4.1.#cssrulelist"> <!-- 0 tests --> @@ -484,7 +561,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.4.3">+</a> <a href="http://www.w3.org/TR/cssom/#the-cssstylerule-interface">6.4.3 The CSSStyleRule Interface</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="cssstylerule-6.4.3" class="dom script"> + <td> + <a href="cssstylerule.xht">cssstylerule</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM CSSRule CSSStyleRule interface + <ul class="assert"> + <li>All properties for this CSSStyleRule instance of CSSRule are initialized correctly</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.4.3.#concept-declarations-specified-order"> <!-- 0 tests --> @@ -514,7 +602,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.4.5">+</a> <a href="http://www.w3.org/TR/cssom/#the-cssimportrule-interface">6.4.5 The CSSImportRule Interface</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="cssimportrule-6.4.5" class="dom script"> + <td> + <a href="cssimportrule.xht">cssimportrule</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM CSSRule CSSImportRule interface + <ul class="assert"> + <li>All properties for this CSSImportRule instance of CSSRule are initialized correctly</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.4.5.#cssimportrule"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1/css-style-declaration-modifications.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1/css-style-declaration-modifications.xht index 798468c0546..c29fd073448 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1/css-style-declaration-modifications.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1/css-style-declaration-modifications.xht @@ -14,8 +14,8 @@ { "CSSStyleDeclaration_accessible": { "help": ["http://www.w3.org/TR/cssom/#the-cssstylesheet-interface", - "http://www.w3.org/TR/cssom/#the-cssrulelist-sequence", - "http://www.w3.org/TR/cssom/#css-style-rule-rule-set"], + "http://www.w3.org/TR/cssom/#the-cssrulelist-interface", + "http://www.w3.org/TR/cssom/#the-cssstylerule-interface"], "assert": "Can access CSSStyleDeclaration through CSSOM" }, "read": { "assert": "initial property values are correct" }, @@ -46,8 +46,8 @@ declaration = styleElement.sheet.cssRules.item(0).style; }, "CSSStyleDeclaration_accessible", { help: [ "http://www.w3.org/TR/cssom/#the-cssstylesheet-interface", - "http://www.w3.org/TR/cssom/#the-cssrulelist-sequence", - "http://www.w3.org/TR/cssom/#css-style-rule-rule-set" ], + "http://www.w3.org/TR/cssom/#the-cssrulelist-interface", + "http://www.w3.org/TR/cssom/#the-cssstylerule-interface" ], assert: "Can access CSSStyleDeclaration through CSSOM" }); test(function() { diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1/cssimportrule.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1/cssimportrule.xht index 70f5da73679..ba1c96f7d54 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1/cssimportrule.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1/cssimportrule.xht @@ -4,7 +4,7 @@ <link href="mailto:lew.letitia@gmail.com" rel="author" title="Letitia Lew" /> <link href="http://www.w3.org/TR/cssom/#css-rules" rel="help" /> <link href="http://www.w3.org/TR/cssom/#the-cssrule-interface" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#css-import-rule" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#the-cssimportrule-interface" rel="help" /> <meta content="dom" name="flags" /> <meta content="All properties for this CSSImportRule instance of CSSRule are initialized correctly" name="assert" /> <script src="/resources/testharness.js"></script> diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1/cssstylerule.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1/cssstylerule.xht index f8abbb22912..0241fa6dc7b 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1/cssstylerule.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1/cssstylerule.xht @@ -4,7 +4,7 @@ <link href="mailto:lew.letitia@gmail.com" rel="author" title="Letitia Lew" /> <link href="http://www.w3.org/TR/cssom/#css-rules" rel="help" /> <link href="http://www.w3.org/TR/cssom/#the-cssrule-interface" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#css-style-rule-rule-set" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#the-cssstylerule-interface" rel="help" /> <meta content="dom" name="flags" /> <meta content="All properties for this CSSStyleRule instance of CSSRule are initialized correctly" name="assert" /> <script src="/resources/testharness.js"></script> diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1/index-003.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1/index-003.xht new file mode 100644 index 00000000000..7cf68776637 --- /dev/null +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1/index-003.xht @@ -0,0 +1,96 @@ +<!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 OM: CSS Values</title> + <link href="mailto:manian@adobe.com" rel="author" title="Divya Manian" /> + <link href="http://www.w3.org/TR/cssom/#the-cssrulelist-interface" rel="help" /> + <meta content="dom" name="flags" /> + <meta content="Testing Serialization of Style Rules" name="assert" /> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <style id="s-0"> + @namespace svg "http://www.w3.org/2000/svg"; + </style> + <style id="s-1"> + @import url('main.css'); + </style> + <style id="s-2"> + h1 { background: indianred; } + </style> + <style id="s-3"> + @namespace svg "http://www.w3.org/2000/svg"; + svg|a { color: white; } + </style> + <style id="s-4"> + @font-face { + font-family: 'Megalopolis'; + src: url('fonts/megalopolisextra-webfont.eot'); + src: url('fonts/megalopolisextra-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/megalopolisextra-webfont.woff') format('woff'), + url('fonts/megalopolisextra-webfont.ttf') format('truetype'), + url('fonts/megalopolisextra-webfont.svg#MEgalopolisExtraRegular') format('svg'); + font-weight: normal; + font-style: normal; + } + </style> + <style id="s-5"> + @media (min-width: 200px) { + h1 { background: aliceblue; } + } + </style> + <style id="s-6"> + @page :first { + h1 { color: #444; } + } + </style> +</head> +<body> + <div id="log"></div> + <script> + var stylesheets = document.styleSheets; + var ruletypes = { + 1: 'Style Rule', + 3: '@import rule', + 4: 'media rule', + 5: '@font-face rule', + 6: 'page rule', + 10: 'Namespace rule', + 11: 'unrecognized rule' + }; + + var types = { + 's-0': '@namespace svg "http://www.w3.org/2000/svg"', + 's-1': '@import url("main.css")', + 's-2': 'h1', + 's-3': 'svg|a', + 's-4': '@font-face', + 's-5': '@media (min-width: 200px)', + 's-6': '@page :first' + } + + var ruleOrder = [10, 3, 1, 1, 5, 4, 6]; + + var results = []; + + + for (i = 0; i < stylesheets.length; i++) { + if(i == 3) { + cssType = stylesheets[i].cssRules.length > 0 && stylesheets[i].cssRules[1] ? stylesheets[i].cssRules[1].type : 11; + } else { + cssType = stylesheets[i].cssRules.length > 0 ? stylesheets[i].cssRules[0].type : 11; + } + + results.push([ + ruletypes[ruleOrder[i]] + ' is expected to be ' + types['s-' + i], + ruletypes[cssType], + ruletypes[ruleOrder[i]] + ]); + + } + + generate_tests(assert_equals, results); + + </script> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1/style-sheet-interfaces-001.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1/style-sheet-interfaces-001.xht new file mode 100644 index 00000000000..bbc4b1cac5c --- /dev/null +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1/style-sheet-interfaces-001.xht @@ -0,0 +1,127 @@ +<!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 Test: CSSOM StyleSheet Initial Values</title> + <link href="mailto:betravis@adobe.com" rel="author" title="Bear Travis" /> + <link href="http://www.w3.org/TR/cssom/#css-style-sheets" rel="help" /> + <meta content="dom" name="flags" /> + <meta content="StyleSheet and CSSStyleSheet objects have the properties specified in their interfaces" name="assert" /> + <script src="/resources/testharness.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> + <style disabled="disabled" media="all" type="text/css" id="styleElement" title="internal style sheet"> + @import url('support/a-green.css'); + * { margin: 0; padding: 0; } + </style> + <link href="support/b-green.css" id="linkElement" rel="stylesheet" /> +<script id="metadata_cache">/* +{ + "sheet_property": { + "help": "http://www.w3.org/TR/cssom/#the-linkstyle-interface", + "assert": ["styleElement.sheet exists", + "styleElement.sheet is a CSSStyleSheet", + "linkElement.sheet exists", + "linkElement.sheet is a CSSStyleSheet"] + }, + "CSSStyleSheet_properties": { + "assert": ["ownerRule, cssRules, insertRule and deleteRule properties exist on CSSStyleSheet", + "ownerRule, cssRules are read only"] + }, + "CSSStyleSheet_property_values": { + "help": ["http://www.w3.org/TR/cssom/#css-style-sheets", + "http://www.w3.org/TR/cssom/#cssimportrule"], + "assert": "CSSStyleSheet initial property values are correct" + }, + "StyleSheet_properties": { + "assert": ["type, disabled, ownerNode, parentStyleSheet, href, title, and media properties exist on StyleSheet", + "type, ownerNode, parentStyleSheet, href, title, media properties are read only"] + }, + "StyleSheet_property_values": { "assert": "StyleSheet initial property values are correct" } +} +*/</script> + </head> + <body> + <noscript>Test not run - javascript required.</noscript> + <div id="log"></div> + <script type="text/javascript"> + var styleElement = document.getElementById("styleElement"); + var linkElement = document.getElementById("linkElement"); + + var styleSheet; + var linkSheet; + test(function() { + assert_own_property(styleElement, "sheet"); + assert_readonly(styleElement, "sheet"); + styleSheet = styleElement.sheet; + assert_true(styleSheet instanceof CSSStyleSheet); + assert_own_property(linkElement, "sheet"); + linkSheet = linkElement.sheet; + assert_true(linkSheet instanceof CSSStyleSheet); + }, "sheet_property", + { help: "http://www.w3.org/TR/cssom/#the-linkstyle-interface", + assert: [ "styleElement.sheet exists", "styleElement.sheet is a CSSStyleSheet", + "linkElement.sheet exists", "linkElement.sheet is a CSSStyleSheet"] }); + + test(function() { + assert_own_property(styleSheet, "ownerRule"); + assert_own_property(styleSheet, "cssRules"); + assert_inherits(styleSheet, "insertRule"); + assert_inherits(styleSheet, "deleteRule"); + + assert_readonly(styleSheet, "ownerRule"); + assert_readonly(styleSheet, "cssRules"); + }, "CSSStyleSheet_properties", + { assert: [ "ownerRule, cssRules, insertRule and deleteRule properties exist on CSSStyleSheet", + "ownerRule, cssRules are read only"] }); + + var importSheet; + test(function() { + assert_equals(styleSheet.ownerRule, null); + assert_true(styleSheet.cssRules.length > 0); + assert_true(styleSheet.cssRules.item(0) instanceof CSSImportRule); + importSheet = styleSheet.cssRules.item(0).styleSheet; + }, "CSSStyleSheet_property_values", + { help: [ "http://www.w3.org/TR/cssom/#css-style-sheets", + "http://www.w3.org/TR/cssom/#cssimportrule" ], + assert: "CSSStyleSheet initial property values are correct" }); + + test(function() { + assert_own_property(styleSheet, "type"); + assert_own_property(styleSheet, "disabled"); + assert_own_property(styleSheet, "ownerNode"); + assert_own_property(styleSheet, "parentStyleSheet"); + assert_own_property(styleSheet, "href"); + assert_own_property(styleSheet, "title"); + assert_own_property(styleSheet, "media"); + + assert_readonly(styleSheet, "type"); + assert_readonly(styleSheet, "ownerNode"); + assert_readonly(styleSheet, "parentStyleSheet"); + assert_readonly(styleSheet, "href"); + assert_readonly(styleSheet, "title"); + assert_readonly(styleSheet, "media"); + }, "StyleSheet_properties", + { assert: [ "type, disabled, ownerNode, parentStyleSheet, href, title, and media properties exist on StyleSheet", + "type, ownerNode, parentStyleSheet, href, title, media properties are read only" ] }); + + test(function() { + assert_equals(styleSheet.type, "text/css"); + assert_equals(styleSheet.disabled, false); + + assert_equals(styleSheet.ownerNode, styleElement); + assert_equals(linkSheet.ownerNode, linkElement); + assert_equals(importSheet.ownerNode, null); + + assert_equals(styleSheet.href, null); + assert_regexp_match(linkSheet.href, /support\/b-green.css$/); + assert_regexp_match(importSheet.href, /support\/a-green.css$/); + + assert_equals(styleSheet.parentStyleSheet, null); + assert_equals(linkSheet.parentStyleSheet, null); + assert_equals(importSheet.parentStyleSheet, styleSheet); + + assert_equals(styleSheet.title, "internal style sheet"); + assert_equals(styleSheet.media.item(0), "all"); + }, "StyleSheet_property_values", + { assert: "StyleSheet initial property values are correct" }); + </script> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1/toc.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1/toc.xht index 2f2fca07200..5992b98c748 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1/toc.xht @@ -47,7 +47,7 @@ <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - CSS</a></th> - <td>(18 Tests)</td></tr> + <td>(20 Tests)</td></tr> </tbody> <tbody id="s7"> <tr><th><a href="chapter-7.xht">Chapter 7 - diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-doc-ext-load-count.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-doc-ext-load-count.xht index 62633eff1fc..05d3abb286a 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-doc-ext-load-count.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-doc-ext-load-count.xht @@ -3,8 +3,8 @@ <title>CSSOM - Extensions to the Document Interface: StyleSheetList length reflects dynamically loaded and unloaded sheets</title> <link href="mailto:jesse@codeforamerica.org" rel="author" title="Jesse Bounds" /> <link href="http://www.w3.org/TR/cssom/#extensions-to-the-document-interface" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-sequence" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#style-sheet-collections" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-interface" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#css-style-sheet-collections" rel="help" /> <link href="stylesheet.css" type="text/css" rel="stylesheet" /> <meta content="dom" name="flags" /> <meta content="The styleSheets length attribute must reflect the number of sheets at page load and after dynamically" name="assert" /> diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-doc-ext-load-tree-order.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-doc-ext-load-tree-order.xht index 70ece77e241..78fef508d18 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-doc-ext-load-tree-order.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-doc-ext-load-tree-order.xht @@ -3,8 +3,8 @@ <title>CSSOM - Extensions to the Document Interface: Stylesheet header load order</title> <link href="mailto:jesse@codeforamerica.org" rel="author" title="Jesse Bounds" /> <link href="http://www.w3.org/TR/cssom/#extensions-to-the-document-interface" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-sequence" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#style-sheet-collections" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-interface" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#css-style-sheet-collections" rel="help" /> <style type="text/css" title="aaa"> H1 {border-width: 1; border: solid; text-align: center} </style> diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-document-extension.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-document-extension.xht index 8308fb0e8e2..3f026759f03 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-document-extension.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1/ttwf-cssom-document-extension.xht @@ -4,7 +4,7 @@ <link href="mailto:jesse@codeforamerica.org" rel="author" title="Jesse Bounds" /> <link href="mailto:ms2ger@gmail.com" rel="reviewer" title="Ms2ger" /> <!-- 2012-06-17 --> <link href="http://www.w3.org/TR/cssom/#extensions-to-the-document-interface" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-sequence" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-interface" rel="help" /> <meta content="dom" name="flags" /> <meta content="The styleSheets attribute must return a StyleSheetList sequence representing the document style sheets." name="assert" /> <script src="/resources/testharness.js"></script> diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/chapter-6.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/chapter-6.xht index 6fca9e4e999..a71f52a3bdf 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/chapter-6.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/chapter-6.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Object Model Level 1 CR Test Suite</h1> - <h2>CSS (18 tests)</h2> + <h2>CSS (20 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -37,7 +37,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.1">+</a> <a href="http://www.w3.org/TR/cssom/#css-style-sheets">6.1 CSS Style Sheets</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="style-sheet-interfaces-001-6.1" class="primary dom script"> + <td><strong> + <a href="style-sheet-interfaces-001.xht">style-sheet-interfaces-001</a></strong></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM StyleSheet Initial Values + <ul class="assert"> + <li>StyleSheet and CSSStyleSheet objects have the properties specified in their interfaces</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.1.#concept-css-style-sheet-alternate-flag"> <!-- 0 tests --> @@ -141,7 +152,29 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.2">+</a> <a href="http://www.w3.org/TR/cssom/#css-style-sheet-collections">6.2 CSS Style Sheet Collections</a></th></tr> - <!-- 0 tests --> + <!-- 2 tests --> + <tr id="ttwf-cssom-doc-ext-load-count-6.2" class="dom script"> + <td> + <a href="ttwf-cssom-doc-ext-load-count.xht">ttwf-cssom-doc-ext-load-count</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: StyleSheetList length reflects dynamically loaded and unloaded sheets + <ul class="assert"> + <li>The styleSheets length attribute must reflect the number of sheets at page load and after dynamically</li> + </ul> + </td> + </tr> + <tr id="ttwf-cssom-doc-ext-load-tree-order-6.2" class="dom script"> + <td> + <a href="ttwf-cssom-doc-ext-load-tree-order.xht">ttwf-cssom-doc-ext-load-tree-order</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: Stylesheet header load order + <ul class="assert"> + <li>Document's style sheets created from HTTP Link headers are first in list and loaded in header order</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.2.#add-a-css-style-sheet"> <!-- 0 tests --> @@ -192,7 +225,40 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.2.2">+</a> <a href="http://www.w3.org/TR/cssom/#the-stylesheetlist-interface">6.2.2 The StyleSheetList Interface</a></th></tr> - <!-- 0 tests --> + <!-- 3 tests --> + <tr id="ttwf-cssom-doc-ext-load-count-6.2.2" class="dom script"> + <td> + <a href="ttwf-cssom-doc-ext-load-count.xht">ttwf-cssom-doc-ext-load-count</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: StyleSheetList length reflects dynamically loaded and unloaded sheets + <ul class="assert"> + <li>The styleSheets length attribute must reflect the number of sheets at page load and after dynamically</li> + </ul> + </td> + </tr> + <tr id="ttwf-cssom-doc-ext-load-tree-order-6.2.2" class="dom script"> + <td> + <a href="ttwf-cssom-doc-ext-load-tree-order.xht">ttwf-cssom-doc-ext-load-tree-order</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: Stylesheet header load order + <ul class="assert"> + <li>Document's style sheets created from HTTP Link headers are first in list and loaded in header order</li> + </ul> + </td> + </tr> + <tr id="ttwf-cssom-document-extension-6.2.2" class="dom script"> + <td> + <a href="ttwf-cssom-document-extension.xht">ttwf-cssom-document-extension</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM - Extensions to the Document Interface: StyleSheetList length is 0 when no sheets loaded + <ul class="assert"> + <li>The styleSheets attribute must return a StyleSheetList sequence representing the document style sheets.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.2.2.#dom-stylesheetlist-item"> <!-- 0 tests --> @@ -391,7 +457,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.4.1">+</a> <a href="http://www.w3.org/TR/cssom/#the-cssrulelist-interface">6.4.1 The CSSRuleList Interface</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="index-003-6.4.1" class="primary dom script"> + <td><strong> + <a href="index-003.xht">index-003</a></strong></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSS OM: CSS Values + <ul class="assert"> + <li>Testing Serialization of Style Rules</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.4.1.#cssrulelist"> <!-- 0 tests --> @@ -484,7 +561,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.4.3">+</a> <a href="http://www.w3.org/TR/cssom/#the-cssstylerule-interface">6.4.3 The CSSStyleRule Interface</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="cssstylerule-6.4.3" class="dom script"> + <td> + <a href="cssstylerule.xht">cssstylerule</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM CSSRule CSSStyleRule interface + <ul class="assert"> + <li>All properties for this CSSStyleRule instance of CSSRule are initialized correctly</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.4.3.#concept-declarations-specified-order"> <!-- 0 tests --> @@ -514,7 +602,18 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.4.5">+</a> <a href="http://www.w3.org/TR/cssom/#the-cssimportrule-interface">6.4.5 The CSSImportRule Interface</a></th></tr> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="cssimportrule-6.4.5" class="dom script"> + <td> + <a href="cssimportrule.xht">cssimportrule</a></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSSOM CSSRule CSSImportRule interface + <ul class="assert"> + <li>All properties for this CSSImportRule instance of CSSRule are initialized correctly</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.4.5.#cssimportrule"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/css-style-declaration-modifications.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/css-style-declaration-modifications.xht index 798468c0546..c29fd073448 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/css-style-declaration-modifications.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/css-style-declaration-modifications.xht @@ -14,8 +14,8 @@ { "CSSStyleDeclaration_accessible": { "help": ["http://www.w3.org/TR/cssom/#the-cssstylesheet-interface", - "http://www.w3.org/TR/cssom/#the-cssrulelist-sequence", - "http://www.w3.org/TR/cssom/#css-style-rule-rule-set"], + "http://www.w3.org/TR/cssom/#the-cssrulelist-interface", + "http://www.w3.org/TR/cssom/#the-cssstylerule-interface"], "assert": "Can access CSSStyleDeclaration through CSSOM" }, "read": { "assert": "initial property values are correct" }, @@ -46,8 +46,8 @@ declaration = styleElement.sheet.cssRules.item(0).style; }, "CSSStyleDeclaration_accessible", { help: [ "http://www.w3.org/TR/cssom/#the-cssstylesheet-interface", - "http://www.w3.org/TR/cssom/#the-cssrulelist-sequence", - "http://www.w3.org/TR/cssom/#css-style-rule-rule-set" ], + "http://www.w3.org/TR/cssom/#the-cssrulelist-interface", + "http://www.w3.org/TR/cssom/#the-cssstylerule-interface" ], assert: "Can access CSSStyleDeclaration through CSSOM" }); test(function() { diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/cssimportrule.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/cssimportrule.xht index 70f5da73679..ba1c96f7d54 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/cssimportrule.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/cssimportrule.xht @@ -4,7 +4,7 @@ <link href="mailto:lew.letitia@gmail.com" rel="author" title="Letitia Lew" /> <link href="http://www.w3.org/TR/cssom/#css-rules" rel="help" /> <link href="http://www.w3.org/TR/cssom/#the-cssrule-interface" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#css-import-rule" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#the-cssimportrule-interface" rel="help" /> <meta content="dom" name="flags" /> <meta content="All properties for this CSSImportRule instance of CSSRule are initialized correctly" name="assert" /> <script src="/resources/testharness.js"></script> diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/cssstylerule.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/cssstylerule.xht index f8abbb22912..0241fa6dc7b 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/cssstylerule.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/cssstylerule.xht @@ -4,7 +4,7 @@ <link href="mailto:lew.letitia@gmail.com" rel="author" title="Letitia Lew" /> <link href="http://www.w3.org/TR/cssom/#css-rules" rel="help" /> <link href="http://www.w3.org/TR/cssom/#the-cssrule-interface" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#css-style-rule-rule-set" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#the-cssstylerule-interface" rel="help" /> <meta content="dom" name="flags" /> <meta content="All properties for this CSSStyleRule instance of CSSRule are initialized correctly" name="assert" /> <script src="/resources/testharness.js"></script> diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/index-003.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/index-003.xht new file mode 100644 index 00000000000..7cf68776637 --- /dev/null +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/index-003.xht @@ -0,0 +1,96 @@ +<!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 OM: CSS Values</title> + <link href="mailto:manian@adobe.com" rel="author" title="Divya Manian" /> + <link href="http://www.w3.org/TR/cssom/#the-cssrulelist-interface" rel="help" /> + <meta content="dom" name="flags" /> + <meta content="Testing Serialization of Style Rules" name="assert" /> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <style id="s-0"> + @namespace svg "http://www.w3.org/2000/svg"; + </style> + <style id="s-1"> + @import url('main.css'); + </style> + <style id="s-2"> + h1 { background: indianred; } + </style> + <style id="s-3"> + @namespace svg "http://www.w3.org/2000/svg"; + svg|a { color: white; } + </style> + <style id="s-4"> + @font-face { + font-family: 'Megalopolis'; + src: url('fonts/megalopolisextra-webfont.eot'); + src: url('fonts/megalopolisextra-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/megalopolisextra-webfont.woff') format('woff'), + url('fonts/megalopolisextra-webfont.ttf') format('truetype'), + url('fonts/megalopolisextra-webfont.svg#MEgalopolisExtraRegular') format('svg'); + font-weight: normal; + font-style: normal; + } + </style> + <style id="s-5"> + @media (min-width: 200px) { + h1 { background: aliceblue; } + } + </style> + <style id="s-6"> + @page :first { + h1 { color: #444; } + } + </style> +</head> +<body> + <div id="log"></div> + <script> + var stylesheets = document.styleSheets; + var ruletypes = { + 1: 'Style Rule', + 3: '@import rule', + 4: 'media rule', + 5: '@font-face rule', + 6: 'page rule', + 10: 'Namespace rule', + 11: 'unrecognized rule' + }; + + var types = { + 's-0': '@namespace svg "http://www.w3.org/2000/svg"', + 's-1': '@import url("main.css")', + 's-2': 'h1', + 's-3': 'svg|a', + 's-4': '@font-face', + 's-5': '@media (min-width: 200px)', + 's-6': '@page :first' + } + + var ruleOrder = [10, 3, 1, 1, 5, 4, 6]; + + var results = []; + + + for (i = 0; i < stylesheets.length; i++) { + if(i == 3) { + cssType = stylesheets[i].cssRules.length > 0 && stylesheets[i].cssRules[1] ? stylesheets[i].cssRules[1].type : 11; + } else { + cssType = stylesheets[i].cssRules.length > 0 ? stylesheets[i].cssRules[0].type : 11; + } + + results.push([ + ruletypes[ruleOrder[i]] + ' is expected to be ' + types['s-' + i], + ruletypes[cssType], + ruletypes[ruleOrder[i]] + ]); + + } + + generate_tests(assert_equals, results); + + </script> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/style-sheet-interfaces-001.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/style-sheet-interfaces-001.xht new file mode 100644 index 00000000000..bbc4b1cac5c --- /dev/null +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/style-sheet-interfaces-001.xht @@ -0,0 +1,127 @@ +<!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 Test: CSSOM StyleSheet Initial Values</title> + <link href="mailto:betravis@adobe.com" rel="author" title="Bear Travis" /> + <link href="http://www.w3.org/TR/cssom/#css-style-sheets" rel="help" /> + <meta content="dom" name="flags" /> + <meta content="StyleSheet and CSSStyleSheet objects have the properties specified in their interfaces" name="assert" /> + <script src="/resources/testharness.js" type="text/javascript"></script> + <script src="/resources/testharnessreport.js" type="text/javascript"></script> + <style disabled="disabled" media="all" type="text/css" id="styleElement" title="internal style sheet"> + @import url('support/a-green.css'); + * { margin: 0; padding: 0; } + </style> + <link href="support/b-green.css" id="linkElement" rel="stylesheet" /> +<script id="metadata_cache">/* +{ + "sheet_property": { + "help": "http://www.w3.org/TR/cssom/#the-linkstyle-interface", + "assert": ["styleElement.sheet exists", + "styleElement.sheet is a CSSStyleSheet", + "linkElement.sheet exists", + "linkElement.sheet is a CSSStyleSheet"] + }, + "CSSStyleSheet_properties": { + "assert": ["ownerRule, cssRules, insertRule and deleteRule properties exist on CSSStyleSheet", + "ownerRule, cssRules are read only"] + }, + "CSSStyleSheet_property_values": { + "help": ["http://www.w3.org/TR/cssom/#css-style-sheets", + "http://www.w3.org/TR/cssom/#cssimportrule"], + "assert": "CSSStyleSheet initial property values are correct" + }, + "StyleSheet_properties": { + "assert": ["type, disabled, ownerNode, parentStyleSheet, href, title, and media properties exist on StyleSheet", + "type, ownerNode, parentStyleSheet, href, title, media properties are read only"] + }, + "StyleSheet_property_values": { "assert": "StyleSheet initial property values are correct" } +} +*/</script> + </head> + <body> + <noscript>Test not run - javascript required.</noscript> + <div id="log"></div> + <script type="text/javascript"> + var styleElement = document.getElementById("styleElement"); + var linkElement = document.getElementById("linkElement"); + + var styleSheet; + var linkSheet; + test(function() { + assert_own_property(styleElement, "sheet"); + assert_readonly(styleElement, "sheet"); + styleSheet = styleElement.sheet; + assert_true(styleSheet instanceof CSSStyleSheet); + assert_own_property(linkElement, "sheet"); + linkSheet = linkElement.sheet; + assert_true(linkSheet instanceof CSSStyleSheet); + }, "sheet_property", + { help: "http://www.w3.org/TR/cssom/#the-linkstyle-interface", + assert: [ "styleElement.sheet exists", "styleElement.sheet is a CSSStyleSheet", + "linkElement.sheet exists", "linkElement.sheet is a CSSStyleSheet"] }); + + test(function() { + assert_own_property(styleSheet, "ownerRule"); + assert_own_property(styleSheet, "cssRules"); + assert_inherits(styleSheet, "insertRule"); + assert_inherits(styleSheet, "deleteRule"); + + assert_readonly(styleSheet, "ownerRule"); + assert_readonly(styleSheet, "cssRules"); + }, "CSSStyleSheet_properties", + { assert: [ "ownerRule, cssRules, insertRule and deleteRule properties exist on CSSStyleSheet", + "ownerRule, cssRules are read only"] }); + + var importSheet; + test(function() { + assert_equals(styleSheet.ownerRule, null); + assert_true(styleSheet.cssRules.length > 0); + assert_true(styleSheet.cssRules.item(0) instanceof CSSImportRule); + importSheet = styleSheet.cssRules.item(0).styleSheet; + }, "CSSStyleSheet_property_values", + { help: [ "http://www.w3.org/TR/cssom/#css-style-sheets", + "http://www.w3.org/TR/cssom/#cssimportrule" ], + assert: "CSSStyleSheet initial property values are correct" }); + + test(function() { + assert_own_property(styleSheet, "type"); + assert_own_property(styleSheet, "disabled"); + assert_own_property(styleSheet, "ownerNode"); + assert_own_property(styleSheet, "parentStyleSheet"); + assert_own_property(styleSheet, "href"); + assert_own_property(styleSheet, "title"); + assert_own_property(styleSheet, "media"); + + assert_readonly(styleSheet, "type"); + assert_readonly(styleSheet, "ownerNode"); + assert_readonly(styleSheet, "parentStyleSheet"); + assert_readonly(styleSheet, "href"); + assert_readonly(styleSheet, "title"); + assert_readonly(styleSheet, "media"); + }, "StyleSheet_properties", + { assert: [ "type, disabled, ownerNode, parentStyleSheet, href, title, and media properties exist on StyleSheet", + "type, ownerNode, parentStyleSheet, href, title, media properties are read only" ] }); + + test(function() { + assert_equals(styleSheet.type, "text/css"); + assert_equals(styleSheet.disabled, false); + + assert_equals(styleSheet.ownerNode, styleElement); + assert_equals(linkSheet.ownerNode, linkElement); + assert_equals(importSheet.ownerNode, null); + + assert_equals(styleSheet.href, null); + assert_regexp_match(linkSheet.href, /support\/b-green.css$/); + assert_regexp_match(importSheet.href, /support\/a-green.css$/); + + assert_equals(styleSheet.parentStyleSheet, null); + assert_equals(linkSheet.parentStyleSheet, null); + assert_equals(importSheet.parentStyleSheet, styleSheet); + + assert_equals(styleSheet.title, "internal style sheet"); + assert_equals(styleSheet.media.item(0), "all"); + }, "StyleSheet_property_values", + { assert: "StyleSheet initial property values are correct" }); + </script> + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/toc.xht index 2f2fca07200..5992b98c748 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/toc.xht @@ -47,7 +47,7 @@ <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - CSS</a></th> - <td>(18 Tests)</td></tr> + <td>(20 Tests)</td></tr> </tbody> <tbody id="s7"> <tr><th><a href="chapter-7.xht">Chapter 7 - diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/ttwf-cssom-doc-ext-load-count.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/ttwf-cssom-doc-ext-load-count.xht index 62633eff1fc..05d3abb286a 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/ttwf-cssom-doc-ext-load-count.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/ttwf-cssom-doc-ext-load-count.xht @@ -3,8 +3,8 @@ <title>CSSOM - Extensions to the Document Interface: StyleSheetList length reflects dynamically loaded and unloaded sheets</title> <link href="mailto:jesse@codeforamerica.org" rel="author" title="Jesse Bounds" /> <link href="http://www.w3.org/TR/cssom/#extensions-to-the-document-interface" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-sequence" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#style-sheet-collections" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-interface" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#css-style-sheet-collections" rel="help" /> <link href="stylesheet.css" type="text/css" rel="stylesheet" /> <meta content="dom" name="flags" /> <meta content="The styleSheets length attribute must reflect the number of sheets at page load and after dynamically" name="assert" /> diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/ttwf-cssom-doc-ext-load-tree-order.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/ttwf-cssom-doc-ext-load-tree-order.xht index 70ece77e241..78fef508d18 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/ttwf-cssom-doc-ext-load-tree-order.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/ttwf-cssom-doc-ext-load-tree-order.xht @@ -3,8 +3,8 @@ <title>CSSOM - Extensions to the Document Interface: Stylesheet header load order</title> <link href="mailto:jesse@codeforamerica.org" rel="author" title="Jesse Bounds" /> <link href="http://www.w3.org/TR/cssom/#extensions-to-the-document-interface" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-sequence" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#style-sheet-collections" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-interface" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#css-style-sheet-collections" rel="help" /> <style type="text/css" title="aaa"> H1 {border-width: 1; border: solid; text-align: center} </style> diff --git a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/ttwf-cssom-document-extension.xht b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/ttwf-cssom-document-extension.xht index 8308fb0e8e2..3f026759f03 100644 --- a/tests/wpt/css-tests/cssom-1_dev/xhtml1print/ttwf-cssom-document-extension.xht +++ b/tests/wpt/css-tests/cssom-1_dev/xhtml1print/ttwf-cssom-document-extension.xht @@ -4,7 +4,7 @@ <link href="mailto:jesse@codeforamerica.org" rel="author" title="Jesse Bounds" /> <link href="mailto:ms2ger@gmail.com" rel="reviewer" title="Ms2ger" /> <!-- 2012-06-17 --> <link href="http://www.w3.org/TR/cssom/#extensions-to-the-document-interface" rel="help" /> - <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-sequence" rel="help" /> + <link href="http://www.w3.org/TR/cssom/#the-stylesheetlist-interface" rel="help" /> <meta content="dom" name="flags" /> <meta content="The styleSheets attribute must return a StyleSheetList sequence representing the document style sheets." name="assert" /> <script src="/resources/testharness.js"></script> diff --git a/tests/wpt/css-tests/source_rev b/tests/wpt/css-tests/source_rev index be07b6c7100..edad319a087 100644 --- a/tests/wpt/css-tests/source_rev +++ b/tests/wpt/css-tests/source_rev @@ -1 +1 @@ -26ca14789a81d7668e6291b436d30eb1dfcd8063
\ No newline at end of file +dc546342df5a876c3efd193edd3b16a65f538dbc
\ No newline at end of file |