Bug 1497754 [wpt PR 13385] - [css-text] text-transform must not disturb shaping in arabic, a=testonly
authorFlorian Rivoal <git@florian.rivoal.net>
Thu, 31 Jan 2019 15:16:24 +0000
changeset 457808 791c347d66c2a8ddab9261abeb63aa31239fbcac
parent 457807 fb66fd73b861b7c22e43ab4fdcacb86d811494d7
child 457809 50e8dc38c6a2590bde20ecf3ed9594fbd589e70e
push id35518
push useropoprus@mozilla.com
push dateFri, 08 Feb 2019 09:55:14 +0000
treeherdermozilla-central@3a3e393396f4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1497754, 13385
milestone67.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1497754 [wpt PR 13385] - [css-text] text-transform must not disturb shaping in arabic, a=testonly Automatic update from web-platform-tests [css-text] text-transform must not disturb shaping in arabic Related to https://github.com/w3c/csswg-drafts/issues/2135 -- Merge pull request #13385 from frivoal/text-2135 [css-text] text-transform must not disturb shaping in arabic -- wpt-commits: a1e342c18c90f8386adf9e23495814ed6e7f2804, 9b22a2f64e0199794898ae88bf29ae558e2a2f5a wpt-pr: 13385
testing/web-platform/tests/css/css-text/text-transform/reference/text-transform-shaping-001-ref.html
testing/web-platform/tests/css/css-text/text-transform/text-transform-shaping-001.html
testing/web-platform/tests/css/css-text/text-transform/text-transform-shaping-002.html
testing/web-platform/tests/css/css-text/text-transform/text-transform-shaping-003.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-text/text-transform/reference/text-transform-shaping-001-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Text Test reference</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
+<style>
+  div { font-size: 4em; }
+  body {
+    max-width: 600px;
+    max-width: max-content;
+  }
+</style>
+
+<p>Test passes if there are two identical strings below. Pay attention to the right-most character.
+<div dir=rtl lang=ar>عائلة</div>
+<div dir=rtl lang=ar>عائلة</div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-text/text-transform/text-transform-shaping-001.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Text level 3 Test: text-transform:capitalize and text-shaping</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
+<link rel="help" href="https://www.w3.org/TR/css-text-3/#boundary-shaping">
+<link rel="help" href="https://www.w3.org/TR/css-text-3/#text-transform-property">
+<link rel="match" href="reference/text-transform-shaping-001-ref.html">
+<meta name="assert" content="Text shaping must not be broken across inline box boundaries when there is no change in formatting. Arabic is not a bicameral script, so text-transform:capitalize has no effect, and should not affect shaping.">
+<style>
+  div { font-size: 4em; }
+  div:last-of-type::first-letter { text-transform: capitalize; }
+  body {
+    /* Optional bit, just to avoid the arabic strings being too far off to the right,
+     which makes them harder to notice if you're going through a lot of tests
+     and not paying all that much attention. */
+    max-width: 600px;
+    max-width: max-content;
+  }
+</style>
+
+<p>Test passes if there are two identical strings below. Pay attention to the right-most character.
+<div dir=rtl lang=ar>عائلة</div>
+<div dir=rtl lang=ar>عائلة</div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-text/text-transform/text-transform-shaping-002.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Text level 3 Test: text-transform:uppercase and text-shaping</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
+<link rel="help" href="https://www.w3.org/TR/css-text-3/#boundary-shaping">
+<link rel="help" href="https://www.w3.org/TR/css-text-3/#text-transform-property">
+<link rel="match" href="reference/text-transform-shaping-001-ref.html">
+<meta name="assert" content="Text shaping must not be broken across inline box boundaries when there is no change in formatting. Arabic is not a bicameral script, so text-transform:uppercase has no effect, and should not affect shaping.">
+<style>
+  div { font-size: 4em; }
+  div:last-of-type::first-letter { text-transform: uppercase; }
+  body {
+    /* Optional bit, just to avoid the arabic strings being too far off to the right,
+     which makes them harder to notice if you're going through a lot of tests
+     and not paying all that much attention. */
+    max-width: 600px;
+    max-width: max-content;
+  }
+</style>
+
+<p>Test passes if there are two identical strings below. Pay attention to the right-most character.
+<div dir=rtl lang=ar>عائلة</div>
+<div dir=rtl lang=ar>عائلة</div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-text/text-transform/text-transform-shaping-003.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Text level 3 Test: text-transform:lowercase and text-shaping</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
+<link rel="help" href="https://www.w3.org/TR/css-text-3/#boundary-shaping">
+<link rel="help" href="https://www.w3.org/TR/css-text-3/#text-transform-property">
+<link rel="match" href="reference/text-transform-shaping-001-ref.html">
+<meta name="assert" content="Text shaping must not be broken across inline box boundaries when there is no change in formatting. Arabic is not a bicameral script, so text-transform:lowercase has no effect, and should not affect shaping.">
+<style>
+  div { font-size: 4em; }
+  div:last-of-type::first-letter { text-transform: lowercase; }
+  body {
+    /* Optional bit, just to avoid the arabic strings being too far off to the right,
+     which makes them harder to notice if you're going through a lot of tests
+     and not paying all that much attention. */
+    max-width: 600px;
+    max-width: max-content;
+  }
+</style>
+
+<p>Test passes if there are two identical strings below. Pay attention to the right-most character.
+<div dir=rtl lang=ar>عائلة</div>
+<div dir=rtl lang=ar>عائلة</div>