Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[css-writing-modes] Added 2 tests to cover for issue 3066 #18144

Merged
merged 1 commit into from Sep 10, 2021
Merged

[css-writing-modes] Added 2 tests to cover for issue 3066 #18144

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
59 changes: 59 additions & 0 deletions css/css-writing-modes/wm-propagation-body-computed-direction-001.html
View file
Open in desktop
@@ -0,0 +1,59 @@
<!DOCTYPE html>

<meta charset="UTF-8">

<title>CSS Writing Modes Test: computed 'direction' of root element when 'writing-mode' for &lt;body&gt; propagates to viewport</title>

<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#principal-flow">
<!--
Issue 3066: [css-writing-modes] Does vertical writing mode of an HTML body
element cause an orthogonal flow?
https://github.com/w3c/csswg-drafts/issues/3066
-->

<meta name="flags" content="">
<meta name="assert" content="When the root element has a &lt;body&gt; child element, then the principal writing mode is instead taken from the values of 'writing-mode' and 'direction' on such first child element instead of taken from the root element. In this test, a small script verifies that the computed value of 'direction' of the root element itself is not affected by such propagation.">

<!--
This test *only* verifies the computed value of 'direction' of the
root element.

This test does *not* verify if the 'writing-mode' value of
the body element propagates to the root element.
-->

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

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

<style>
html
{
direction: rtl;
writing-mode: vertical-lr;
}

body
{
direction: ltr;
writing-mode: vertical-rl;
}
</style>

<script>
function startTesting()
{

test(function()
{

assert_equals(getComputedStyle(document.documentElement).direction, "rtl" );

}, "First test on computed value of 'direction' of root element.");

}

startTesting();

</script>
59 changes: 59 additions & 0 deletions css/css-writing-modes/wm-propagation-body-computed-direction-002.html
View file
Open in desktop
@@ -0,0 +1,59 @@
<!DOCTYPE html>

<meta charset="UTF-8">

<title>CSS Writing Modes Test: computed 'direction' of root element when 'writing-mode' for &lt;body&gt; propagates to viewport</title>

<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#principal-flow">
<!--
Issue 3066: [css-writing-modes] Does vertical writing mode of an HTML body
element cause an orthogonal flow?
https://github.com/w3c/csswg-drafts/issues/3066
-->

<meta name="flags" content="">
<meta name="assert" content="When the root element has a &lt;body&gt; child element, then the principal writing mode is instead taken from the values of 'writing-mode' and 'direction' on such first child element instead of taken from the root element. In this test, a small script verifies that the computed value of 'direction' of the root element itself is not affected by such propagation.">

<!--
This test *only* verifies the computed value of 'direction' of the
root element.

This test does *not* verify if the 'writing-mode' value of
the body element propagates to the root element.
-->

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

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

<style>
html
{
direction: ltr;
writing-mode: vertical-rl;
}

body
{
direction: rtl;
writing-mode: vertical-lr;
}
</style>

<script>
function startTesting()
{

test(function()
{

assert_equals(getComputedStyle(document.documentElement).direction, "ltr" );

}, "Second test on computed value of 'direction' of root element.");

}

startTesting();

</script>