Changeset 253922 in webkit


Ignore:
Timestamp:
Dec 27, 2019 8:09:00 AM (4 years ago)
Author:
commit-queue@webkit.org
Message:

LayoutTests/imported/w3c:
[css-grid] Move some alignment tests to the WPT folder and add width-keyword-classes.css
​https://bugs.webkit.org/show_bug.cgi?id=204407

Patch by Rossana Monteriso <​rmonteriso@igalia.com> on 2019-12-27
Reviewed by Javier Fernandez.

Add some css alignment tests from WebKit, checked and adapted to WPT, in the corresponding css-grid/alignment folder.
Add width-keyword-classes.css support file to css/support, to make it easily available to all css tests.

  • resources/import-expectations.json:
  • web-platform-tests/css/css-grid/alignment/grid-align-content.html:
  • web-platform-tests/css/css-grid/alignment/grid-align-content-expected.txt:
  • web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-lr.html:
  • web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-lr-expected.txt:
  • web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-rl.html:
  • web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-rl-expected.txt:
  • web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding.html:
  • web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-expected.txt:
  • web-platform-tests/css/css-grid/alignment/grid-align-justify-overflow.html:
  • web-platform-tests/css/css-grid/alignment/grid-align-justify-overflow-expected.txt:
  • web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch-with-orthogonal-flows.html:
  • web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch-with-orthogonal-flows-expected.txt:
  • web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch.html:
  • web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch-expected.txt:
  • web-platform-tests/css/css-grid/alignment/grid-align.html:
  • web-platform-tests/css/css-grid/alignment/grid-align-expected.txt:
  • web-platform-tests/css/css-grid/alignment/w3c-import.log:
  • web-platform-tests/css/support/width-keyword-classes.css:

LayoutTests:
[css-grid] Move some alignment tests to the WPT folder
​https://bugs.webkit.org/show_bug.cgi?id=204407

Patch by Rossana Monteriso <​rmonteriso@igalia.com> on 2019-12-27
Reviewed by Javier Fernandez.

Remove some tests from fast/css-grid/alignment, that are being replaced by adapted tests in the corresponding WPT test folder.

  • fast/css-grid-layout/grid-align-content-expected.txt: Removed.
  • fast/css-grid-layout/grid-align-expected.txt: Removed.
  • fast/css-grid-layout/grid-align-justify-margin-border-padding-expected.txt: Removed.
  • fast/css-grid-layout/grid-align-justify-margin-border-padding-vertical-lr-expected.txt: Removed.
  • fast/css-grid-layout/grid-align-justify-margin-border-padding-vertical-rl-expected.txt: Removed.
  • fast/css-grid-layout/grid-align-justify-overflow-expected.txt: Removed.
  • fast/css-grid-layout/grid-align-justify-stretch-expected.txt: Removed.
  • fast/css-grid-layout/grid-align-justify-stretch-with-orthogonal-flows-expected.txt: Removed.
  • fast/css-grid-layout/grid-align-justify-stretch-with-orthogonal-flows.html: Removed.
  • fast/css-grid-layout/grid-align-content.html: Removed.
  • fast/css-grid-layout/grid-align-justify-margin-border-padding-vertical-lr.html: Removed.
  • fast/css-grid-layout/grid-align-justify-margin-border-padding-vertical-rl.html: Removed.
  • fast/css-grid-layout/grid-align-justify-margin-border-padding.html: Removed.
  • fast/css-grid-layout/grid-align-justify-overflow.html: Removed.
  • fast/css-grid-layout/grid-align-justify-stretch-with-orthogonal-flows.html: Removed.
  • fast/css-grid-layout/grid-align-justify-stretch.html: Removed.
  • fast/css-grid-layout/grid-align.html: Removed.
  • resources/import-expectations.json:
  • web-platform-tests/css/css-grid/alignment/w3c-import.log:
Location:
trunk/LayoutTests
Files:
6 added
5 deleted
5 edited
11 moved

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r253917 r253922  
     12019-12-27  Rossana Monteriso  <rmonteriso@igalia.com>
     2
     3        [css-grid] Move some alignment tests to the WPT folder
     4        https://bugs.webkit.org/show_bug.cgi?id=204407
     5
     6        Reviewed by Javier Fernandez.
     7
     8        Remove some tests from fast/css-grid/alignment, that are being replaced by adapted tests in the corresponding WPT test folder.
     9
     10        * fast/css-grid-layout/grid-align-content-expected.txt: Removed.
     11        * fast/css-grid-layout/grid-align-expected.txt: Removed.
     12        * fast/css-grid-layout/grid-align-justify-margin-border-padding-expected.txt: Removed.
     13        * fast/css-grid-layout/grid-align-justify-margin-border-padding-vertical-lr-expected.txt: Removed.
     14        * fast/css-grid-layout/grid-align-justify-margin-border-padding-vertical-rl-expected.txt: Removed.
     15        * fast/css-grid-layout/grid-align-justify-overflow-expected.txt: Removed.
     16        * fast/css-grid-layout/grid-align-justify-stretch-expected.txt: Removed.
     17        * fast/css-grid-layout/grid-align-justify-stretch-with-orthogonal-flows-expected.txt: Removed.
     18        * fast/css-grid-layout/grid-align-justify-stretch-with-orthogonal-flows.html: Removed.
     19        * fast/css-grid-layout/grid-align-content.html: Removed.
     20        * fast/css-grid-layout/grid-align-justify-margin-border-padding-vertical-lr.html: Removed.
     21        * fast/css-grid-layout/grid-align-justify-margin-border-padding-vertical-rl.html: Removed.
     22        * fast/css-grid-layout/grid-align-justify-margin-border-padding.html: Removed.
     23        * fast/css-grid-layout/grid-align-justify-overflow.html: Removed.
     24        * fast/css-grid-layout/grid-align-justify-stretch-with-orthogonal-flows.html: Removed.
     25        * fast/css-grid-layout/grid-align-justify-stretch.html: Removed.
     26        * fast/css-grid-layout/grid-align.html: Removed.
     27        * resources/import-expectations.json:
     28        * web-platform-tests/css/css-grid/alignment/w3c-import.log:
     29       
    1302019-12-26  Antti Koivisto  <antti@apple.com>
    231

  • trunk/LayoutTests/imported/w3c/ChangeLog

    r253880 r253922  
     12019-12-27  Rossana Monteriso  <rmonteriso@igalia.com>
     2
     3        [css-grid] Move some alignment tests to the WPT folder and add width-keyword-classes.css
     4        https://bugs.webkit.org/show_bug.cgi?id=204407
     5
     6        Reviewed by Javier Fernandez.
     7
     8        Add some css alignment tests from WebKit, checked and adapted to WPT, in the corresponding css-grid/alignment folder.
     9        Add width-keyword-classes.css support file to css/support, to make it easily available to all css tests.
     10
     11        * resources/import-expectations.json:
     12        * web-platform-tests/css/css-grid/alignment/grid-align-content.html:
     13        * web-platform-tests/css/css-grid/alignment/grid-align-content-expected.txt:
     14        * web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-lr.html:
     15        * web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-lr-expected.txt:
     16        * web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-rl.html:
     17        * web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-rl-expected.txt:
     18        * web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding.html:
     19        * web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-expected.txt:
     20        * web-platform-tests/css/css-grid/alignment/grid-align-justify-overflow.html:
     21        * web-platform-tests/css/css-grid/alignment/grid-align-justify-overflow-expected.txt:
     22        * web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch-with-orthogonal-flows.html:
     23        * web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch-with-orthogonal-flows-expected.txt:
     24        * web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch.html:
     25        * web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch-expected.txt:
     26        * web-platform-tests/css/css-grid/alignment/grid-align.html:
     27        * web-platform-tests/css/css-grid/alignment/grid-align-expected.txt:
     28        * web-platform-tests/css/css-grid/alignment/w3c-import.log:
     29        * web-platform-tests/css/support/width-keyword-classes.css:
     30
    1312019-12-22  Simon Fraser  <simon.fraser@apple.com>
    232

  • trunk/LayoutTests/imported/w3c/resources/import-expectations.json

    r253832 r253922  
    8383    "web-platform-tests/css/css-grid": "import",
    8484    "web-platform-tests/css/css-grid/abspos": "import",
     85    "web-platform-tests/css/css-grid/alignment/": "import",
    8586    "web-platform-tests/css/css-grid/grid-definition/": "import",
    8687    "web-platform-tests/css/css-grid/layout-algorithm/": "import",

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-content-expected.txt

    r253921 r253922  
    1 This test checks that the align-content property is applied correctly.
    2 
    31direction: LTR | align-content: 'center'
    42
    5 PASS
    63direction: LTR | align-content: 'left'
    74
    8 PASS
    95direction: LTR | align-content: 'right'
    106
    11 PASS
    127direction: LTR | align-content: 'start'
    138
    14 PASS
    159direction: LTR | align-content: 'end'
    1610
    17 PASS
    1811direction: LTR | align-content: 'flex-start'
    1912
    20 PASS
    2113direction: LTR | align-content: 'flex-end
    2214
    23 PASS
    2415direction: LTR | align-content: 'auto' (resolved to 'start')
    2516
    26 PASS
    2717direction: RTL | align-content: 'center'
    2818
    29 PASS
    3019direction: RTL | align-content: 'left'
    3120
    32 PASS
    3321direction: RTL | align-content: 'right'
    3422
    35 PASS
    3623direction: RTL | align-content: 'start'
    3724
    38 PASS
    3925direction: RTL | align-content: 'end'
    4026
    41 PASS
     27
     28PASS .grid 1
     29PASS .grid 2
     30PASS .grid 3
     31PASS .grid 4
     32PASS .grid 5
     33PASS .grid 6
     34PASS .grid 7
     35PASS .grid 8
     36PASS .grid 9
     37PASS .grid 10
     38PASS .grid 11
     39PASS .grid 12
     40PASS .grid 13
     41

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-content.html

    r253921 r253922  
    11<!DOCTYPE html>
    2 <html>
    3 <head>
    4 <link href="resources/grid.css" rel="stylesheet">
    5 <link href="resources/grid-alignment.css" rel="stylesheet">
    6 <script src="../../resources/check-layout.js"></script>
     2<meta charset="utf-8">
     3<title>CSS Grid Layout test: align-content property</title>
     4<link rel="author" title="Rossana Monteriso" href="mailto:rmonteriso@igalia.com">
     5<link rel="help" href="https://drafts.csswg.org/css-grid-1/#grid-align">
     6<link rel="help" href="https://drafts.csswg.org/css-align-3/#content-distribution">
     7<meta name="assert" content="This test checks that the align-content property is applied correctly in both directions RTL and LTR.">
     8<meta name="flags" content="ahem">
     9<link rel="stylesheet" href="/css/support/grid.css">
     10<link rel="stylesheet" href="/css/support/alignment.css">
     11<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
     12
    713<style>
    814body {
    … …  
    2733}
    2834</style>
    29 </head>
     35
     36<script src="/resources/testharness.js"></script>
     37<script src="/resources/testharnessreport.js"></script>
     38<script src="/resources/check-layout-th.js"></script>
     39
    3040<body onload="checkLayout('.grid')">
    31 
    32 <p>This test checks that the align-content property is applied correctly.</p>
    3341
    3442<div style="position: relative">
    … …  
    102110</div>
    103111
    104 <!-- Default alignment and initial values. -->
     112<!--  Default alignment and initial values. -->
    105113<div style="position: relative">
    106114    <p>direction: LTR | align-content: 'auto' (resolved to 'start')</p>
    … …  
    113121</div>
    114122
    115 <!-- RTL direction. -->
     123<!--  RTL direction. -->
    116124<div style="position: relative">
    117125    <p>direction: RTL | align-content: 'center'</p>
    … …  
    165173
    166174</body>
    167 </html>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-lr-expected.txt

    r253921 r253922  
    1717
    1818border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
    19 direction: LTR (ortho) | align-items: 'self-start' | justify-items: 'self-start'
     19direction: LTR (ortho) | align-items: 'self-start' (vertical-lr) | justify-items: 'self-start' (direction: rtl)
    2020
    2121border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
    22 direction: LTR (ortho) | align-items: 'self-end' | justify-items: 'self-end'
     22direction: LTR (ortho) | align-items: 'self-end' (vertical-lr) | justify-items: 'self-end' (direction: rtl)
    2323
    2424border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
    … …  
    4444
    4545border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
    46 direction: RTL (ortho) | align-items: 'self-start' | justify-items: 'self-start'
     46direction: RTL (ortho) | align-items: 'self-start' (vertical-lr) | justify-items: 'self-start' (direction: ltr)
    4747
    4848border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
    49 direction: RTL (ortho) | align-items: 'self-end' | justify-items: 'self-end'
     49direction: RTL (ortho) | align-items: 'self-end' (vertical-lr) | justify-items: 'self-end' (direction: ltr)
    5050
    5151border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-lr.html

    r253921 r253922  
    11<!DOCTYPE html>
    2 <html>
    3 <head>
    4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet">
    5 <link href="resources/grid.css" rel="stylesheet">
    6 <link href="resources/grid-alignment.css" rel="stylesheet">
    7 <script src="../../resources/testharness.js"></script>
    8 <script src="../../resources/testharnessreport.js"></script>
    9 <script src="../../resources/check-layout-th.js"></script>
     2<meta charset="utf-8">
     3<title>CSS Grid Layout test: box model parts and alignment properties, vertical-LR writing mode</title>
     4<link rel="author" title="Rossana Monteriso" href="mailto:rmonteriso@igalia.com">
     5<link rel="help" href="https://drafts.csswg.org/css-align-3/">
     6<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#propdef-writing-mode">
     7<meta name="assert" content="This test checks that the 'margin', 'border' and 'padding' properties are applied together correctly for 'align' and 'justify' properties on vertical-LR grids, in both LTR and RTL directions.">
     8<meta name="flags" content="ahem">
     9<link rel="stylesheet" href="/css/support/grid.css">
     10<link rel="stylesheet" href="/css/support/alignment.css">
     11<link rel="stylesheet" href="/css/support/width-keyword-classes.css">
     12<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
     13
    1014<style>
    11 body {
    12     margin: 0;
    13 }
    1415
    1516.grid {
    … …  
    2930}
    3031</style>
    31 </head>
     32
     33<script src="/resources/testharness.js"></script>
     34<script src="/resources/testharnessreport.js"></script>
     35<script src="/resources/check-layout-th.js"></script>
     36
    3237<body onload="checkLayout('.grid')">
    3338
    … …  
    9196<div>
    9297    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    93         direction: LTR (ortho) | align-items: 'self-start' | justify-items: 'self-start'</p>
     98        direction: LTR (ortho) | align-items: 'self-start' (vertical-lr) | justify-items: 'self-start' (direction: rtl)</p>
    9499    <div class="grid fit-content directionLTR verticalLR itemsSelfStart" data-expected-width="475" data-expected-height="350">
    95100        <div class="directionRTL cell firstRowFirstColumn"     data-offset-x="46"  data-offset-y="58" data-expected-width="20"  data-expected-height="40"></div>
    … …  
    102107<div>
    103108    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    104         direction: LTR (ortho) | align-items: 'self-end' | justify-items: 'self-end'</p>
     109        direction: LTR (ortho) | align-items: 'self-end' (vertical-lr) | justify-items: 'self-end' (direction: rtl)</p>
    105110    <div class="grid fit-content directionLTR verticalLR itemsSelfEnd" data-expected-width="475" data-expected-height="350">
    106111        <div class="directionRTL cell firstRowFirstColumn"     data-offset-x="202" data-offset-y="14"  data-expected-width="20"  data-expected-height="40"></div>
    … …  
    133138</div>
    134139
    135 <!-- RTL direction. -->
     140<!--  RTL direction. -->
    136141<div>
    137142    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    … …  
    191196<div>
    192197    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    193         direction: RTL (ortho) | align-items: 'self-start' | justify-items: 'self-start'</p>
     198        direction: RTL (ortho) | align-items: 'self-start' (vertical-lr) | justify-items: 'self-start' (direction: ltr)</p>
    194199    <div class="grid fit-content verticalLR directionRTL itemsSelfStart" data-expected-width="475" data-expected-height="350">
    195200        <div class="directionLTR cell firstRowFirstColumn"     data-offset-x="46"  data-offset-y="214" data-expected-width="20"  data-expected-height="40"></div>
    … …  
    202207<div>
    203208    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    204         direction: RTL (ortho) | align-items: 'self-end' | justify-items: 'self-end'</p>
     209        direction: RTL (ortho) | align-items: 'self-end' (vertical-lr) | justify-items: 'self-end' (direction: ltr)</p>
    205210    <div class="grid fit-content verticalLR directionRTL itemsSelfEnd" data-expected-width="475" data-expected-height="350">
    206211        <div class="directionLTR cell firstRowFirstColumn"     data-offset-x="202" data-offset-y="258" data-expected-width="20"  data-expected-height="40"></div>
    … …  
    234239
    235240</body>
    236 </html>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-rl-expected.txt

    r253921 r253922  
    1717
    1818border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
    19 direction: LTR (ortho) | align-items: 'self-start' | justify-items: 'self-start'
     19direction: LTR (ortho) | align-items: 'self-start' (vertical-rl) | justify-items: 'self-start' (direction: rtl)
    2020
    2121border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
    22 direction: LTR (ortho) | align-items: 'self-end' | justify-items: 'self-end'
     22direction: LTR (ortho) | align-items: 'self-end' (vertical-rl) | justify-items: 'self-end' (direction: rtl)
    2323
    2424border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
    … …  
    4444
    4545border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
    46 direction: RTL (ortho) | align-items: 'self-start' | justify-items: 'self-start'
     46direction: RTL (ortho) | align-items: 'self-start' (vertical-rl) | justify-items: 'self-start' (direction: ltr)
    4747
    4848border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px
    49 direction: RTL (ortho) | align-items: 'self-end' | justify-items: 'self-end'
     49direction: RTL (ortho) | align-items: 'self-end' (vertical-rl) | justify-items: 'self-end' (direction: ltr)
    5050
    5151border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-rl.html

    r253921 r253922  
    11<!DOCTYPE html>
    2 <html>
    3 <head>
    4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet">
    5 <link href="resources/grid.css" rel="stylesheet">
    6 <link href="resources/grid-alignment.css" rel="stylesheet">
    7 <script src="../../resources/testharness.js"></script>
    8 <script src="../../resources/testharnessreport.js"></script>
    9 <script src="../../resources/check-layout-th.js"></script>
     2<meta charset="utf-8">
     3<title>CSS Grid Layout test: box model parts and alignment properties, vertical-RL writing mode</title>
     4<link rel="author" title="Rossana Monteriso" href="mailto:rmonteriso@igalia.com">
     5<link rel="help" href="https://drafts.csswg.org/css-align-3/">
     6<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#propdef-writing-mode">
     7<meta name="assert" content="This test checks that the 'margin', 'border' and 'padding' properties are applied together correctly for 'align' and 'justify' properties on vertical-RL grids, in both LTR and RTL directions.">
     8<meta name="flags" content="ahem">
     9<link rel="stylesheet" href="/css/support/grid.css">
     10<link rel="stylesheet" href="/css/support/alignment.css">
     11<link rel="stylesheet" href="/css/support/width-keyword-classes.css">
     12<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
     13
    1014<style>
    11 body {
    12     margin: 0;
    13 }
    1415
    1516.grid {
    … …  
    2930}
    3031</style>
    31 </head>
     32
     33<script src="/resources/testharness.js"></script>
     34<script src="/resources/testharnessreport.js"></script>
     35<script src="/resources/check-layout-th.js"></script>
     36
    3237<body onload="checkLayout('.grid')">
    3338
    … …  
    9196<div>
    9297    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    93         direction: LTR (ortho) | align-items: 'self-start' | justify-items: 'self-start'</p>
     98        direction: LTR (ortho) | align-items: 'self-start' (vertical-rl) | justify-items: 'self-start' (direction: rtl)</p>
    9499    <div class="grid fit-content directionLTR verticalRL itemsSelfStart" data-expected-width="475" data-expected-height="350">
    95100        <div class="directionRTL cell firstRowFirstColumn"     data-offset-x="402" data-offset-y="58" data-expected-width="20"  data-expected-height="40"></div>
    … …  
    102107<div>
    103108    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    104         direction: LTR (ortho) | align-items: 'self-end' | justify-items: 'self-end'</p>
     109        direction: LTR (ortho) | align-items: 'self-end' (vertical-rl) | justify-items: 'self-end' (direction: rtl)</p>
    105110    <div class="grid fit-content directionLTR verticalRL itemsSelfEnd" data-expected-width="475" data-expected-height="350">
    106111        <div class="directionRTL cell firstRowFirstColumn"     data-offset-x="246" data-offset-y="14"  data-expected-width="20"  data-expected-height="40"></div>
    … …  
    134139
    135140
    136 <!-- RTL direction. -->
     141<!--  RTL direction. -->
    137142<div>
    138143    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    139144        direction: RTL | align-items: 'auto' | justify-items: 'auto'</p>
    140     <div class="grid fit-content verticalRL directionRTL" data-expected-width="475" data-expected-height="350">
     145    <div class="grid fit-content directionRTL verticalRL" data-expected-width="475" data-expected-height="350">
    141146        <div class="cell firstRowFirstColumn"   data-offset-x="402" data-offset-y="258" data-expected-width="20" data-expected-height="40"></div>
    142147        <div class="cell firstRowSecondColumn"  data-offset-x="402" data-offset-y="158" data-expected-width="20" data-expected-height="40"></div>
    … …  
    149154    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    150155        direction: RTL | align-items: 'center' | justify-items: 'center'</p>
    151     <div class="grid fit-content verticalRL directionRTL itemsCenter" data-expected-width="475" data-expected-height="350">
     156    <div class="grid fit-content directionRTL verticalRL itemsCenter" data-expected-width="475" data-expected-height="350">
    152157        <div class="cell firstRowFirstColumn"     data-offset-x="324" data-offset-y="236" data-expected-width="20"  data-expected-height="40"></div>
    153158        <div class="selfStretch firstRowSecondColumn" data-offset-x="230" data-offset-y="10"  data-expected-width="200" data-expected-height="200"></div>
    … …  
    160165    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    161166        direction: RTL | align-items: 'end' | justify-items: 'end'</p>
    162     <div class="grid fit-content verticalRL directionRTL itemsEnd"       data-expected-width="475" data-expected-height="350">
     167    <div class="grid fit-content directionRTL verticalRL itemsEnd"       data-expected-width="475" data-expected-height="350">
    163168        <div class="cell firstRowFirstColumn"     data-offset-x="246" data-offset-y="214" data-expected-width="20"  data-expected-height="40"></div>
    164169        <div class="selfStretch firstRowSecondColumn" data-offset-x="230" data-offset-y="10"  data-expected-width="200" data-expected-height="200"></div>
    … …  
    171176    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    172177        direction: RTL | align-items: 'start' | justify-items: 'left'</p>
    173     <div class="grid fit-content verticalRL directionRTL alignItemsStart justifyItemsLeft"      data-expected-width="475" data-expected-height="350">
     178    <div class="grid fit-content directionRTL verticalRL alignItemsStart justifyItemsLeft"      data-expected-width="475" data-expected-height="350">
    174179        <div class="cell firstRowFirstColumn"     data-offset-x="402" data-offset-y="214" data-expected-width="20"  data-expected-height="40"></div>
    175180        <div class="selfStretch firstRowSecondColumn" data-offset-x="230" data-offset-y="10"  data-expected-width="200" data-expected-height="200"></div>
    … …  
    182187    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    183188        direction: RTL | align-items: 'start' | justify-items: 'right'</p>
    184     <div class="grid fit-content verticalRL directionRTL alignItemsStart justifyItemsRight"     data-expected-width="475" data-expected-height="350">
     189    <div class="grid fit-content directionRTL verticalRL alignItemsStart justifyItemsRight"     data-expected-width="475" data-expected-height="350">
    185190        <div class="cell firstRowFirstColumn"     data-offset-x="402" data-offset-y="258" data-expected-width="20"  data-expected-height="40"></div>
    186191        <div class="selfStretch firstRowSecondColumn" data-offset-x="230" data-offset-y="10"  data-expected-width="200" data-expected-height="200"></div>
    … …  
    192197<div>
    193198    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    194         direction: RTL (ortho) | align-items: 'self-start' | justify-items: 'self-start'</p>
    195     <div class="grid fit-content verticalRL directionRTL itemsSelfStart" data-expected-width="475" data-expected-height="350">
     199        direction: RTL (ortho) | align-items: 'self-start' (vertical-rl) | justify-items: 'self-start' (direction: ltr)</p>
     200    <div class="grid fit-content directionRTL verticalRL itemsSelfStart" data-expected-width="475" data-expected-height="350">
    196201        <div class="directionLTR cell firstRowFirstColumn"     data-offset-x="402" data-offset-y="214" data-expected-width="20"  data-expected-height="40"></div>
    197202        <div class="directionLTR selfStretch firstRowSecondColumn" data-offset-x="230" data-offset-y="10"  data-expected-width="200" data-expected-height="200"></div>
    … …  
    203208<div>
    204209    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    205         direction: RTL (ortho) | align-items: 'self-end' | justify-items: 'self-end'</p>
    206     <div class="grid fit-content verticalRL directionRTL itemsSelfEnd" data-expected-width="475" data-expected-height="350">
     210        direction: RTL (ortho) | align-items: 'self-end' (vertical-rl) | justify-items: 'self-end' (direction: ltr)</p>
     211    <div class="grid fit-content directionRTL verticalRL itemsSelfEnd" data-expected-width="475" data-expected-height="350">
    207212        <div class="directionLTR cell firstRowFirstColumn"     data-offset-x="246" data-offset-y="258" data-expected-width="20"  data-expected-height="40"></div>
    208213        <div class="directionLTR selfStretch firstRowSecondColumn" data-offset-x="230" data-offset-y="10"  data-expected-width="200" data-expected-height="200"></div>
    … …  
    215220    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    216221        direction: RTL (parall) | align-items: 'self-start' | justify-items: 'self-start'</p>
    217     <div class="grid fit-content verticalRL directionRTL itemsSelfStart" data-expected-width="475" data-expected-height="350">
     222    <div class="grid fit-content directionRTL verticalRL itemsSelfStart" data-expected-width="475" data-expected-height="350">
    218223        <div class="directionRTL cell firstRowFirstColumn"     data-offset-x="402" data-offset-y="258" data-expected-width="20"  data-expected-height="40"></div>
    219224        <div class="directionRTL selfStretch firstRowSecondColumn" data-offset-x="230" data-offset-y="10"  data-expected-width="200" data-expected-height="200"></div>
    … …  
    226231    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    227232        direction: RTL (parall) | align-items: 'self-end' | justify-items: 'self-end'</p>
    228     <div class="grid fit-content verticalRL directionRTL itemsSelfEnd" data-expected-width="475" data-expected-height="350">
     233    <div class="grid fit-content directionRTL verticalRL itemsSelfEnd" data-expected-width="475" data-expected-height="350">
    229234        <div class="directionRTL cell firstRowFirstColumn"     data-offset-x="246" data-offset-y="214" data-expected-width="20"  data-expected-height="40"></div>
    230235        <div class="directionRTL selfStretch firstRowSecondColumn" data-offset-x="230" data-offset-y="10"  data-expected-width="200" data-expected-height="200"></div>
    … …  
    235240
    236241</body>
    237 </html>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding.html

    r253921 r253922  
    11<!DOCTYPE html>
    2 <html>
    3 <head>
    4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet">
    5 <link href="resources/grid.css" rel="stylesheet">
    6 <link href="resources/grid-alignment.css" rel="stylesheet">
    7 <script src="../../resources/testharness.js"></script>
    8 <script src="../../resources/testharnessreport.js"></script>
    9 <script src="../../resources/check-layout-th.js"></script>
     2<meta charset="utf-8">
     3<title>CSS Grid Layout test: box model parts and alignment properties</title>
     4<link rel="author" title="Rossana Monteriso" href="mailto:rmonteriso@igalia.com">
     5<link rel="help" href="https://drafts.csswg.org/css-align-3/">
     6<meta name="assert" content="This test checks that the 'margin', 'border' and 'padding' properties are applied together correctly for 'align' and 'justify' properties, in both LTR and RTL directions.">
     7<meta name="flags" content="ahem">
     8<link rel="stylesheet" href="/css/support/grid.css">
     9<link rel="stylesheet" href="/css/support/alignment.css">
     10<link rel="stylesheet" href="/css/support/width-keyword-classes.css">
     11<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
     12
    1013<style>
    11 body {
    12     margin: 0;
    13 }
    1414
    1515.grid {
    … …  
    2929}
    3030</style>
    31 </head>
     31
     32<script src="/resources/testharness.js"></script>
     33<script src="/resources/testharnessreport.js"></script>
     34<script src="/resources/check-layout-th.js"></script>
     35
    3236<body onload="checkLayout('.grid')">
    3337
    … …  
    133137</div>
    134138
    135 <!-- RTL direction. -->
     139<!--  RTL direction. -->
    136140<div>
    137141    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    … …  
    181185    <p>border: 5px 10px 15px 20px | padding: 10px 15px 20px 30px | margin: 4px 8px 12px 16px<br>
    182186        direction: RTL | align-items: 'start' | justify-items: 'right'</p>
    183     <div class="grid fit-content directionRTL alignItemsStart justifytemsRight"     data-expected-width="375" data-expected-height="450">
     187    <div class="grid fit-content directionRTL alignItemsStart justifyItemsRight"     data-expected-width="375" data-expected-height="450">
    184188        <div class="cell firstRowFirstColumn"     data-offset-x="302" data-offset-y="14"  data-expected-width="20"  data-expected-height="40"></div>
    185189        <div class="selfStretch firstRowSecondColumn" data-offset-x="30"  data-offset-y="10"  data-expected-width="200" data-expected-height="200"></div>
    … …  
    234238
    235239</body>
    236 </html>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-overflow.html

    r253921 r253922  
    11<!DOCTYPE html>
    2 <html>
    3 <head>
    4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet">
    5 <link href="resources/grid.css" rel="stylesheet">
    6 <link href="resources/grid-alignment.css" rel="stylesheet">
    7 <script src="../../resources/check-layout.js"></script>
     2<meta charset="utf-8">
     3<title>CSS Grid Layout Test: overflow for justify and align</title>
     4<link rel="author" title="Rossana Monteriso" href="mailto:rmonteriso@igalia.com">
     5<link rel="help" href="https://drafts.csswg.org/css-align-3/#overflow-values">
     6<meta name="assert" content="This test checks that both safe and unsafe overflow positions are applied correctly for align-items and justify-items properties.">
     7<meta name="flags" content="ahem">
     8<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
     9<link rel="stylesheet" href="/css/support/grid.css">
     10<link rel="stylesheet" href="/css/support/alignment.css">
     11<link rel="stylesheet" href="/css/support/width-keyword-classes.css">
     12
    813<style>
    9 body {
    10     margin: 0;
    11 }
     14
    1215.grid {
    1316    grid-template-columns: 150px 150px;
    … …  
    3336}
    3437</style>
    35 </head>
     38<script src="/resources/testharness.js"></script>
     39<script src="/resources/testharnessreport.js"></script>
     40<script src="/resources/check-layout-th.js"></script>
     41
    3642<body onload="checkLayout('.grid')">
    3743
    … …  
    5056
    5157<div style="position: relative">
    52     <div class="grid fit-content alignItemsCenterUnsafe justifyItemsCenterUnsafe" data-expected-width="300" data-expected-height="360">
     58    <div class="grid fit-content alignItemsUnsafeCenter justifyItemsUnsafeCenter" data-expected-width="300" data-expected-height="360">
    5359        <div class="cellOverflowHeight firstRowFirstColumn" data-offset-x="50" data-offset-y="-15" data-expected-width="50" data-expected-height="150"></div>
    5460        <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="50" data-offset-y="160" data-expected-width="50" data-expected-height="40"></div>
    … …  
    6167
    6268<div style="position: relative">
    63     <div class="grid fit-content alignItemsCenterSafe justifyItemsCenterSafe" data-expected-width="300" data-expected-height="360">
     69    <div class="grid fit-content alignItemsSafeCenter justifyItemsSafeCenter" data-expected-width="300" data-expected-height="360">
    6470        <div class="cellOverflowWidth  firstRowFirstColumn" data-offset-x="0" data-offset-y="40" data-expected-width="180" data-expected-height="40"></div>
    6571        <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="50" data-offset-y="160" data-expected-width="50" data-expected-height="40"></div>
    … …  
    7278
    7379<div style="position: relative">
    74     <div class="grid fit-content alignItemsCenterSafe justifyItemsCenterSafe" data-expected-width="300" data-expected-height="360">
     80    <div class="grid fit-content alignItemsSafeCenter justifyItemsSafeCenter" data-expected-width="300" data-expected-height="360">
    7581        <div class="cellOverflowHeight firstRowFirstColumn" data-offset-x="50" data-offset-y="0" data-expected-width="50" data-expected-height="150"></div>
    7682        <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="50" data-offset-y="160" data-expected-width="50" data-expected-height="40"></div>
    … …  
    94100
    95101<div style="position: relative">
    96     <div class="grid fit-content alignItemsEndUnsafe justifyItemsEndUnsafe" data-expected-width="300" data-expected-height="360">
     102    <div class="grid fit-content alignItemsUnsafeEnd justifyItemsUnsafeEnd" data-expected-width="300" data-expected-height="360">
    97103        <div class="cellOverflowHeight firstRowFirstColumn" data-offset-x="100" data-offset-y="-30" data-expected-width="50" data-expected-height="150"></div>
    98104        <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="100" data-offset-y="200" data-expected-width="50" data-expected-height="40"></div>
    … …  
    105111
    106112<div style="position: relative">
    107     <div class="grid fit-content alignItemsEndSafe justifyItemsEndSafe" data-expected-width="300" data-expected-height="360">
     113    <div class="grid fit-content alignItemsSafeEnd justifyItemsSafeEnd" data-expected-width="300" data-expected-height="360">
    108114        <div class="cellOverflowWidth  firstRowFirstColumn" data-offset-x="0" data-offset-y="80" data-expected-width="180" data-expected-height="40"></div>
    109         <div class="cellWithNoOverflow secondRowFirstColumn justifySelfCenterUnsafe" data-offset-x="50" data-offset-y="200" data-expected-width="50" data-expected-height="40"></div>
     115        <div class="cellWithNoOverflow secondRowFirstColumn justifySelfUnsafeCenter" data-offset-x="50" data-offset-y="200" data-expected-width="50" data-expected-height="40"></div>
    110116        <div class="cellWithNoOverflow thirdRowFirstColumn" data-offset-x="100" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>
    111117        <div class="cellWithNoOverflow firstRowSecondColumn" data-offset-x="250" data-offset-y="80" data-expected-width="50" data-expected-height="40"></div>
    … …  
    116122
    117123<div style="position: relative">
    118     <div class="grid fit-content alignItemsEndSafe justifyItemsEndSafe" data-expected-width="300" data-expected-height="360">
     124    <div class="grid fit-content alignItemsSafeEnd justifyItemsSafeEnd" data-expected-width="300" data-expected-height="360">
    119125        <div class="cellOverflowHeight firstRowFirstColumn" data-offset-x="100" data-offset-y="0" data-expected-width="50" data-expected-height="150"></div>
    120126        <div class="cellWithNoOverflow secondRowFirstColumn" data-offset-x="100" data-offset-y="200" data-expected-width="50" data-expected-height="40"></div>
    121127        <div class="cellWithNoOverflow thirdRowFirstColumn" data-offset-x="100" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>
    122         <div class="cellWithNoOverflow firstRowSecondColumn alignSelfCenterUnsafe" data-offset-x="250" data-offset-y="40" data-expected-width="50" data-expected-height="40"></div>
     128        <div class="cellWithNoOverflow firstRowSecondColumn alignSelfUnsafeCenter" data-offset-x="250" data-offset-y="40" data-expected-width="50" data-expected-height="40"></div>
    123129        <div class="cellOverflowHeight secondRowSecondColumn" data-offset-x="250" data-offset-y="120" data-expected-width="50" data-expected-height="150"></div>
    124130        <div class="cellWithNoOverflow thirdRowSecondColumn" data-offset-x="250" data-offset-y="320" data-expected-width="50" data-expected-height="40"></div>
    … …  
    127133
    128134</body>
    129 </html>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch.html

    r253921 r253922  
    11<!DOCTYPE html>
    2 <html>
    3 <head>
    4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet">
    5 <link href="resources/grid.css" rel="stylesheet">
    6 <link href="resources/grid-alignment.css" rel="stylesheet">
    7 <script src="../../resources/check-layout.js"></script>
     2<meta charset="utf-8">
     3<title>CSS Grid Layout test: stretch value for align and justify properties</title>
     4<link rel="author" title="Rossana Monteriso" href="mailto:rmonteriso@igalia.com">
     5<link rel="help" href="https://drafts.csswg.org/css-grid-1/#alignment">
     6<link rel="help" href="https://drafts.csswg.org/css-align-3/#typedef-self-position">
     7<link rel="help" href="https://drafts.csswg.org/css-align-3/#distribution-values">
     8<link rel="help" href="https://drafts.csswg.org/css-align-3/#content-distribution">
     9
     10<meta name="assert" content="This test checks that the 'stretch' value is applied correctly for 'align' and 'justify' properties for both RTL/LTR directions and horizontal/vertical writing modes.">
     11<meta name="flags" content="ahem">
     12<link rel="stylesheet" href="/css/support/grid.css">
     13<link rel="stylesheet" href="/css/support/alignment.css">
     14<link rel="stylesheet" href="/css/support/width-keyword-classes.css">
     15<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
    816<style>
    917body {
    … …  
    2836.minHeight { min-height: 220px; }
    2937</style>
    30 </head>
     38
     39<script src="/resources/testharness.js"></script>
     40<script src="/resources/testharnessreport.js"></script>
     41<script src="/resources/check-layout-th.js"></script>
     42
    3143<body onload="checkLayout('.grid')">
    32 
    33 <p>This test checks that the 'stretch' value is applied correctly for 'align' and 'justify' properties.</p>
    3444
    3545<div style="position: relative">
    … …  
    123133</div>
    124134
    125 <!-- RTL direction (it should not affect the block-flow direction). -->
     135<!--  RTL direction (it should not affect the block-flow direction). -->
    126136<div style="position: relative">
    127137    <div class="grid fit-content directionRTL alignItemsStretch justifyItemsStretch" data-expected-width="200" data-expected-height="400">
    … …  
    133143</div>
    134144
    135 <!-- RTL direction (it should not affect the block-flow) with opposite directions grid container vs grid item. -->
     145<!--  RTL direction (it should not affect the block-flow) with opposite directions grid container vs grid item. -->
    136146<div style="position: relative">
    137147    <div class="grid fit-content alignItemsStretch justifyItemsStretch" data-expected-width="200" data-expected-height="400">
    … …  
    143153</div>
    144154
    145 <!-- Vertical RL writing mode. -->
     155<!--  Vertical RL writing mode. -->
    146156<div style="position: relative">
    147157    <div class="grid fit-content verticalRL alignItemsStretch justifyItemsStretch" data-expected-width="400" data-expected-height="200">
    … …  
    162172</div>
    163173
    164 <!-- Vertical LR writing mode. -->
     174<!--  Vertical LR writing mode. -->
    165175<div style="position: relative">
    166176    <div class="grid fit-content verticalLR alignItemsStretch justifyItemsStretch" data-expected-width="400" data-expected-height="200">
    … …  
    182192
    183193</body>
    184 </html>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align.html

    r253921 r253922  
    11<!DOCTYPE html>
    2 <html>
    3 <head>
    4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet">
    5 <link href="resources/grid.css" rel="stylesheet">
    6 <link href="resources/grid-alignment.css" rel="stylesheet">
    7 <script src="../../resources/check-layout.js"></script>
     2<meta charset="utf-8">
     3<title>CSS Grid Layout test: align-self property</title>
     4<link rel="author" title="Rossana Monteriso" href="mailto:rmonteriso@igalia.com">
     5<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-self">
     6<link rel="help" href="https://drafts.csswg.org/css-align-3/#alignment-values">
     7<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#propdef-direction">
     8<meta name="assert" content="This test checks that the align-self property is applied correctly for RL and LR, vertical and horizontal writing modes.">
     9<meta name="flags" content="ahem">
     10<link rel="stylesheet" href="/css/support/grid.css">
     11<link rel="stylesheet" href="/css/support/alignment.css">
     12<link rel="stylesheet" href="/css/support/width-keyword-classes.css">
     13<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
     14
    815<style>
    9 body {
    10     margin: 0;
    11 }
    1216
    1317.grid {
    … …  
    2731    background: black;
    2832}
    29 
    3033</style>
    31 </head>
     34
     35<script src="/resources/testharness.js"></script>
     36<script src="/resources/testharnessreport.js"></script>
     37<script src="/resources/check-layout-th.js"></script>
     38
    3239<body onload="checkLayout('.grid')">
    33 
    34 <p>This test checks that the align-self property is applied correctly.</p>
    3540
    3641<div style="position: relative">
    … …  
    4045        <div class="cell alignSelfEnd firstRowSecondColumn" data-offset-x="100" data-offset-y="160" data-expected-width="20" data-expected-height="40"></div>
    4146        <div class="cell alignSelfCenter secondRowFirstColumn" data-offset-x="0" data-offset-y="280" data-expected-width="20" data-expected-height="40"></div>
    42         <div class="cell alignSelfRight secondRowSecondColumn" data-offset-x="100" data-offset-y="200" data-expected-width="20" data-expected-height="40"></div>
    43         <div class="cell alignSelfLeft secondRowSecondColumn" data-offset-x="100" data-offset-y="200" data-expected-width="20" data-expected-height="40"></div>
    4447    </div>
    4548</div>
    … …  
    5457</div>
    5558
    56 <!-- Default alignment and initial values. -->
     59<!--  Default alignment and initial values. -->
    5760<div style="position: relative">
    5861    <div class="grid fit-content alignItemsCenter" data-expected-width="200" data-expected-height="400">
    … …  
    7376</div>
    7477
    75 <!-- RTL direction (it should not affect the block-flow direction). -->
     78<!--  RTL direction (it should not affect the block-flow direction). -->
    7679<div style="position: relative">
    7780     <div class="grid fit-content directionRTL" data-expected-width="200" data-expected-height="400">
    … …  
    8083         <div class="cell alignSelfEnd firstRowSecondColumn" data-offset-x="80" data-offset-y="160" data-expected-width="20" data-expected-height="40"></div>
    8184         <div class="cell alignSelfCenter secondRowFirstColumn" data-offset-x="180" data-offset-y="280" data-expected-width="20" data-expected-height="40"></div>
    82          <div class="cell alignSelfRight secondRowSecondColumn" data-offset-x="80" data-offset-y="200" data-expected-width="20" data-expected-height="40"></div>
    83          <div class="cell alignSelfLeft secondRowSecondColumn" data-offset-x="80" data-offset-y="200" data-expected-width="20" data-expected-height="40"></div>
    8485     </div>
    8586</div>
    … …  
    9495</div>
    9596
    96 <!-- RTL direction (it should not affect the block-flow) with opposite directions grid container vs grid item. -->
     97<!--  RTL direction (it should not affect the block-flow) with opposite directions grid container vs grid item. -->
    9798<div style="position: relative">
    9899     <div class="grid fit-content" data-expected-width="200" data-expected-height="400">
    … …  
    101102         <div class="cell alignSelfEnd firstRowSecondColumn directionRTL" data-offset-x="100" data-offset-y="160" data-expected-width="20" data-expected-height="40"></div>
    102103         <div class="cell alignSelfCenter secondRowFirstColumn directionRTL" data-offset-x="0" data-offset-y="280" data-expected-width="20" data-expected-height="40"></div>
    103          <div class="cell alignSelfRight secondRowSecondColumn directionRTL" data-offset-x="100" data-offset-y="200" data-expected-width="20" data-expected-height="40"></div>
    104          <div class="cell alignSelfLeft secondRowSecondColumn directionRTL" data-offset-x="100" data-offset-y="200" data-expected-width="20" data-expected-height="40"></div>
    105104     </div>
    106105</div>
    … …  
    115114</div>
    116115
    117 <!-- Vertical RL writing mode. -->
     116<!--  Vertical RL writing mode. -->
    118117<div style="position: relative">
    119118    <div class="grid fit-content verticalRL" data-expected-width="400" data-expected-height="200">
    … …  
    122121        <div class="cell alignSelfEnd firstRowSecondColumn" data-offset-x="200" data-offset-y="100" data-expected-width="20" data-expected-height="40"></div>
    123122        <div class="cell alignSelfCenter secondRowFirstColumn" data-offset-x="90" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div>
    124         <div class="cell alignSelfRight secondRowSecondColumn" data-offset-x="180" data-offset-y="100" data-expected-width="20" data-expected-height="40"></div>
    125         <div class="cell alignSelfLeft secondRowSecondColumn" data-offset-x="180" data-offset-y="100" data-expected-width="20" data-expected-height="40"></div>
    126123    </div>
    127124</div>
    … …  
    136133</div>
    137134
    138 <!-- Vertical LR writing mode. -->
     135<!--  Vertical LR writing mode. -->
    139136<div style="position: relative">
    140137    <div class="grid fit-content verticalLR" data-expected-width="400" data-expected-height="200">
    … …  
    143140        <div class="cell alignSelfEnd firstRowSecondColumn" data-offset-x="180" data-offset-y="100" data-expected-width="20" data-expected-height="40"></div>
    144141        <div class="cell alignSelfCenter secondRowFirstColumn" data-offset-x="290" data-offset-y="0" data-expected-width="20" data-expected-height="40"></div>
    145         <div class="cell alignSelfRight secondRowSecondColumn" data-offset-x="200" data-offset-y="100" data-expected-width="20" data-expected-height="40"></div>
    146         <div class="cell alignSelfLeft secondRowSecondColumn" data-offset-x="200" data-offset-y="100" data-expected-width="20" data-expected-height="40"></div>
    147142    </div>
    148143</div>
    … …  
    157152</div>
    158153
    159 <!-- Vertical RL writing mode with opposite block-flow directions grid container vs grid item. -->
     154<!--  Vertical RL writing mode with opposite block-flow directions grid container vs grid item. -->
    160155<div style="position: relative">
    161156    <div class="grid fit-content verticalRL" data-expected-width="400" data-expected-height="200">
    … …  
    171166            <div class="item"></div>
    172167        </div>
    173         <div class="cell alignSelfRight secondRowSecondColumn verticalLR" data-offset-x="180" data-offset-y="100" data-expected-width="20" data-expected-height="40">
    174             <div class="item"></div>
    175         </div>
    176         <div class="cell alignSelfLeft secondRowSecondColumn verticalLR" data-offset-x="180" data-offset-y="100" data-expected-width="20" data-expected-height="40">
    177             <div class="item"></div>
    178         </div>
    179168    </div>
    180169</div>
    … …  
    197186</div>
    198187
    199 <!-- Vertical LR writing mode with opposite block-flow directions grid container vs grid item. -->
     188<!--  Vertical LR writing mode with opposite block-flow directions grid container vs grid item. -->
    200189<div style="position: relative">
    201190    <div class="grid fit-content verticalLR" data-expected-width="400" data-expected-height="200">
    … …  
    211200            <div class="item"></div>
    212201        </div>
    213         <div class="cell alignSelfRight secondRowSecondColumn verticalRL" data-offset-x="200" data-offset-y="100" data-expected-width="20" data-expected-height="40">
    214             <div class="item"></div>
    215         </div>
    216         <div class="cell alignSelfLeft secondRowSecondColumn verticalRL" data-offset-x="200" data-offset-y="100" data-expected-width="20" data-expected-height="40">
    217             <div class="item"></div>
    218         </div>
    219202    </div>
    220203</div>
    … …  
    238221
    239222</body>
    240 </html>

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/w3c-import.log

    r243432 r253922  
    1515------------------------------------------------------------------------
    1616List of files:
     17/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-content.html
     18/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-lr.html
     19/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding-vertical-rl.html
     20/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-margin-border-padding.html
     21/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-overflow.html
     22/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch-with-orthogonal-flows.html
     23/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align-justify-stretch.html
     24/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-align.html
    1725/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-001.html
    1826/LayoutTests/imported/w3c/web-platform-tests/css/css-grid/alignment/grid-alignment-implies-size-change-002.html

  • trunk/LayoutTests/imported/w3c/web-platform-tests/css/support/w3c-import.log

    r251634 r253922  
    6868/LayoutTests/imported/w3c/web-platform-tests/css/support/test-tl.png
    6969/LayoutTests/imported/w3c/web-platform-tests/css/support/test-tr.png
     70/LayoutTests/imported/w3c/web-platform-tests/css/support/width-keyword-classes.css
Note: See TracChangeset for help on using the changeset viewer.