Skip to content

Commit

Permalink
rebase tests
Browse files Browse the repository at this point in the history
  • Loading branch information
@tabatkins
tabatkins committed Dec 14, 2023
1 parent 026458a commit 078b0c4
Show file tree
Hide file tree
Showing 89 changed files with 2,395 additions and 941 deletions.
19 changes: 17 additions & 2 deletions tests/css-production-range001.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -612,8 +612,8 @@ <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
<p><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-4/#integer-value" id="ref-for-integer-value⑥">&lt;integer [-2,-1]></a></p>
<p><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-4/#integer-value" id="ref-for-integer-value⑦">&lt;integer [-∞,0]></a></p>
<p><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-4/#integer-value" id="ref-for-integer-value⑧">&lt;integer [-∞,0]></a></p>
<p><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-4/#length-value" id="ref-for-length-value" title="Expands to: advance measure | cap | ch | cm | dvb | dvh | dvi | dvmax | dvmin | dvw | em | ex | ic | in | lh | lvb | lvh | lvi | lvmax | lvmin | lvw | mm | pc | pt | px | q | rcap | rch | rem | rex | ric | rlh | svb | svh | svi | svmax | svmin | svw | vb | vh | vi | vmax | vmin | vw">&lt;length [0,10px]></a></p>
<p><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-4/#length-value" id="ref-for-length-value①" title="Expands to: advance measure | cap | ch | cm | dvb | dvh | dvi | dvmax | dvmin | dvw | em | ex | ic | in | lh | lvb | lvh | lvi | lvmax | lvmin | lvw | mm | pc | pt | px | q | rcap | rch | rem | rex | ric | rlh | svb | svh | svi | svmax | svmin | svw | vb | vh | vi | vmax | vmin | vw">&lt;length [-20px,∞]></a></p>
<p><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-4/#length-value" id="ref-for-length-value">&lt;length [0,10px]></a></p>
<p><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-4/#length-value" id="ref-for-length-value①">&lt;length [-20px,∞]></a></p>
<p><a class="production css" data-link-type="type">&lt;something [0,20long-unit]></a></p>
<pre class="prod"><a class="production" data-link-type="type" href="https://drafts.csswg.org/css-values-4/#integer-value" id="ref-for-integer-value⑨">&lt;integer [0,10]></a></pre>
</main>
Expand Down Expand Up @@ -1231,6 +1231,21 @@ <h3 class="no-num no-ref heading settled" id="normative"><span class="content">N
}
}
</script>
<script>/* Boilerplate: script-link-titles */
let linkTitleData = {
"https://drafts.csswg.org/css-values-4/#length-value": "Expands to: advance measure | cap | ch | cm | dvb | dvh | dvi | dvmax | dvmin | dvw | em | ex | ic | in | lh | lvb | lvh | lvi | lvmax | lvmin | lvw | mm | pc | pt | px | q | rcap | rch | rem | rex | ric | rlh | svb | svh | svi | svmax | svmin | svw | vb | vh | vi | vmax | vmin | vw"
};

function setTypeTitles() {
for(let el of document.querySelectorAll("a[href]")) {
if(el.href in linkTitleData && !el.hasAttribute("title")) {
el.setAttribute("title", linkTitleData[el.href]);
}
}
}

document.addEventListener("DOMContentLoaded", setTypeTitles);
</script>
<script>/* Boilerplate: script-ref-hints */
"use strict";
{
Expand Down
28 changes: 22 additions & 6 deletions tests/github/w3c/css-houdini-drafts/css-layout-api/Overview.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -878,12 +878,12 @@ <h2 class="heading settled" data-level="1" id="intro"><span class="secno">1. </s
<p>For a high level overview of this API, see the <a href="https://github.com/w3c/css-houdini-drafts/blob/master/css-layout-api/EXPLAINER.md">EXPLAINER</a>.</p>
<h2 class="heading settled" data-level="2" id="layout-api-containers"><span class="secno">2. </span><span class="content">Layout API Containers</span><a class="self-link" href="#layout-api-containers"></a></h2>
<p>A new <a href="https://www.w3.org/TR/css-values-3/#comb-one">alternative</a> value is added
to the <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-display-4/#typedef-display-inside" id="ref-for-typedef-display-inside" title="Expands to: flex | flow | flow-root | grid | ruby | table">&lt;display-inside></a> production: <code>layout(<a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-4/#typedef-ident" id="ref-for-typedef-ident">&lt;ident></a>)</code>.</p>
to the <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-display-4/#typedef-display-inside" id="ref-for-typedef-display-inside">&lt;display-inside></a> production: <code>layout(<a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-4/#typedef-ident" id="ref-for-typedef-ident">&lt;ident></a>)</code>.</p>
<dl>
<dt><dfn class="dfn-paneled css" data-dfn-for="display" data-dfn-type="value" data-export id="valdef-display-layout">layout()</dfn>
<dd> This value causes an element to generate a <a data-link-type="dfn" href="#layout-api-container" id="ref-for-layout-api-container">layout API container</a> box.
</dl>
<p>A <dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport id="layout-api-container">layout API container</dfn> is the box generated by an element with a <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-display-4/#typedef-display-inside" id="ref-for-typedef-display-inside①" title="Expands to: flex | flow | flow-root | grid | ruby | table">&lt;display-inside></a> <a data-link-type="dfn" href="https://drafts.csswg.org/css-cascade-5/#computed-value" id="ref-for-computed-value">computed value</a> <a class="css" data-link-type="maybe" href="#valdef-display-layout" id="ref-for-valdef-display-layout">layout()</a>.</p>
<p>A <dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport id="layout-api-container">layout API container</dfn> is the box generated by an element with a <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-display-4/#typedef-display-inside" id="ref-for-typedef-display-inside①">&lt;display-inside></a> <a data-link-type="dfn" href="https://drafts.csswg.org/css-cascade-5/#computed-value" id="ref-for-computed-value">computed value</a> <a class="css" data-link-type="maybe" href="#valdef-display-layout" id="ref-for-valdef-display-layout">layout()</a>.</p>
<p>A <a data-link-type="dfn" href="#layout-api-container" id="ref-for-layout-api-container①">layout API container</a> establishes a new <dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport id="layout-api-formatting-context">layout API formatting context</dfn> for its
contents. This is the same as establishing a block formatting context, except that the layout
provided by the author is used instead of the block layout.
Expand Down Expand Up @@ -916,14 +916,14 @@ <h3 class="heading settled" data-level="2.2" id="layout-api-box-tree"><span clas
of <a data-link-type="dfn" href="#document-layout-definition-layout-options" id="ref-for-document-layout-definition-layout-options">layout options'</a> <code class="idl"><a data-link-type="idl" href="#dom-layoutoptions-childdisplay" id="ref-for-dom-layoutoptions-childdisplay">childDisplay</a></code> (set by <code>layoutOptions</code> on the class).</p>
<p>If the value of <a data-link-type="dfn" href="#document-layout-definition-layout-options" id="ref-for-document-layout-definition-layout-options①">layout options'</a> <code class="idl"><a data-link-type="idl" href="#dom-layoutoptions-childdisplay" id="ref-for-dom-layoutoptions-childdisplay①">childDisplay</a></code> is <code>"block"</code> the <a class="property css" data-link-type="property" href="https://drafts.csswg.org/css-display-4/#propdef-display" id="ref-for-propdef-display">display</a> value of that child is <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-4/#blockify" id="ref-for-blockify">blockified</a>. This is similar to
children of <a data-link-type="dfn" href="https://drafts.csswg.org/css-flexbox-1/#flex-container" id="ref-for-flex-container">flex containers</a> or <a data-link-type="dfn" href="https://drafts.csswg.org/css-grid-2/#grid-container" id="ref-for-grid-container">grid containers</a>. See <a data-link-type="biblio" href="#biblio-css3-display" title="CSS Display Module Level 3">[css3-display]</a>.</p>
<p>If the value of <a data-link-type="dfn" href="#document-layout-definition-layout-options" id="ref-for-document-layout-definition-layout-options②">layout options'</a> <code class="idl"><a data-link-type="idl" href="#dom-layoutoptions-childdisplay" id="ref-for-dom-layoutoptions-childdisplay②">childDisplay</a></code> is <code>"normal"</code>, no <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-4/#blockify" id="ref-for-blockify①">blockification</a> occurs. Instead children with a <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-display-4/#typedef-display-outside" id="ref-for-typedef-display-outside" title="Expands to: block | inline | run-in">&lt;display-outside></a> <a data-link-type="dfn" href="https://drafts.csswg.org/css-cascade-5/#computed-value" id="ref-for-computed-value①">computed value</a> of <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-display-3/#valdef-display-inline" id="ref-for-valdef-display-inline">inline</a> (a <a data-link-type="dfn" href="https://drafts.csswg.org/css-inline-3/#root-inline-box" id="ref-for-root-inline-box">root inline box</a>) will produce a single <code class="idl"><a data-link-type="idl" href="#layoutfragment" id="ref-for-layoutfragment">LayoutFragment</a></code> representing each line when <code class="idl"><a data-link-type="idl" href="#dom-layoutchild-layoutnextfragment" id="ref-for-dom-layoutchild-layoutnextfragment">layoutNextFragment()</a></code> is called.</p>
<p>If the value of <a data-link-type="dfn" href="#document-layout-definition-layout-options" id="ref-for-document-layout-definition-layout-options②">layout options'</a> <code class="idl"><a data-link-type="idl" href="#dom-layoutoptions-childdisplay" id="ref-for-dom-layoutoptions-childdisplay②">childDisplay</a></code> is <code>"normal"</code>, no <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-4/#blockify" id="ref-for-blockify①">blockification</a> occurs. Instead children with a <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-display-4/#typedef-display-outside" id="ref-for-typedef-display-outside">&lt;display-outside></a> <a data-link-type="dfn" href="https://drafts.csswg.org/css-cascade-5/#computed-value" id="ref-for-computed-value①">computed value</a> of <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-display-3/#valdef-display-inline" id="ref-for-valdef-display-inline">inline</a> (a <a data-link-type="dfn" href="https://drafts.csswg.org/css-inline-3/#root-inline-box" id="ref-for-root-inline-box">root inline box</a>) will produce a single <code class="idl"><a data-link-type="idl" href="#layoutfragment" id="ref-for-layoutfragment">LayoutFragment</a></code> representing each line when <code class="idl"><a data-link-type="idl" href="#dom-layoutchild-layoutnextfragment" id="ref-for-dom-layoutchild-layoutnextfragment">layoutNextFragment()</a></code> is called.</p>
<p class="note" role="note"><span class="marker">Note:</span> This allows authors to adjust the available inline size of each line, and position each line
separately.</p>
<p>Children of a <code class="idl"><a data-link-type="idl" href="#layoutchild" id="ref-for-layoutchild">LayoutChild</a></code> which represents <a data-link-type="dfn" href="https://drafts.csswg.org/css-inline-3/#root-inline-box" id="ref-for-root-inline-box①">root inline box</a> also have some additional
transformations.</p>
<ul>
<li data-md>
<p>A <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-4/#block-level" id="ref-for-block-level">block-level</a> box inside a <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-4/#inline-level" id="ref-for-inline-level">inline-level</a> box is <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-4/#inlinify" id="ref-for-inlinify">inlinified</a> I.e. its <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-display-4/#typedef-display-outside" id="ref-for-typedef-display-outside①" title="Expands to: block | inline | run-in">&lt;display-outside></a> is set to <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-display-3/#valdef-display-inline" id="ref-for-valdef-display-inline①">inline</a>.</p>
<p>A <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-4/#block-level" id="ref-for-block-level">block-level</a> box inside a <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-4/#inline-level" id="ref-for-inline-level">inline-level</a> box is <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-4/#inlinify" id="ref-for-inlinify">inlinified</a> I.e. its <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-display-4/#typedef-display-outside" id="ref-for-typedef-display-outside①">&lt;display-outside></a> is set to <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-display-3/#valdef-display-inline" id="ref-for-valdef-display-inline①">inline</a>.</p>
<li data-md>
<p>A <a data-link-type="dfn" href="https://drafts.csswg.org/css-page-floats-3/#float" id="ref-for-float">float</a> inside a <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-4/#inline-level" id="ref-for-inline-level①">inline-level</a> box is not taken out of flow. Instead it must be treated as
inflow, and be <a data-link-type="dfn" href="https://drafts.csswg.org/css-display-4/#inlinify" id="ref-for-inlinify①">inlinified</a>.</p>
Expand Down Expand Up @@ -2281,7 +2281,7 @@ <h4 class="heading settled" data-level="6.2.1" id="determining-intrinsic-sizes">
context</a> for a given <var>box</var>, <var>childBoxes</var> it <em>must</em> run the following steps:
<ol>
<li data-md>
<p>Let <var>layoutFunction</var> be the <a class="css" data-link-type="maybe" href="#valdef-display-layout" id="ref-for-valdef-display-layout⑤">layout()</a> for the <a data-link-type="dfn" href="https://drafts.csswg.org/css-cascade-5/#computed-value" id="ref-for-computed-value⑦">computed value</a> of <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-display-4/#typedef-display-inside" id="ref-for-typedef-display-inside②" title="Expands to: flex | flow | flow-root | grid | ruby | table">&lt;display-inside></a> for <var>box</var>.</p>
<p>Let <var>layoutFunction</var> be the <a class="css" data-link-type="maybe" href="#valdef-display-layout" id="ref-for-valdef-display-layout⑤">layout()</a> for the <a data-link-type="dfn" href="https://drafts.csswg.org/css-cascade-5/#computed-value" id="ref-for-computed-value⑦">computed value</a> of <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-display-4/#typedef-display-inside" id="ref-for-typedef-display-inside②">&lt;display-inside></a> for <var>box</var>.</p>
<li data-md>
<p>Let <var>name</var> be the first argument of the <var>layoutFunction</var>.</p>
<li data-md>
Expand Down Expand Up @@ -2379,7 +2379,7 @@ <h4 class="heading settled" data-level="6.2.2" id="generating-fragments"><span c
When the user agent wants to <dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport id="generate-a-fragment">generate a fragment</dfn> of a <a data-link-type="dfn" href="#layout-api-formatting-context" id="ref-for-layout-api-formatting-context①">layout API formatting context</a> for a given <var>box</var>, <var>childBoxes</var>, <var>internalLayoutConstraints</var>, and an optional <var>internalBreakToken</var> it <em>must</em> run the following steps:
<ol>
<li data-md>
<p>Let <var>layoutFunction</var> be the <a class="css" data-link-type="maybe" href="#valdef-display-layout" id="ref-for-valdef-display-layout⑥">layout()</a> for the <a data-link-type="dfn" href="https://drafts.csswg.org/css-cascade-5/#computed-value" id="ref-for-computed-value⑨">computed value</a> of <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-display-4/#typedef-display-inside" id="ref-for-typedef-display-inside③" title="Expands to: flex | flow | flow-root | grid | ruby | table">&lt;display-inside></a> for <var>box</var>.</p>
<p>Let <var>layoutFunction</var> be the <a class="css" data-link-type="maybe" href="#valdef-display-layout" id="ref-for-valdef-display-layout⑥">layout()</a> for the <a data-link-type="dfn" href="https://drafts.csswg.org/css-cascade-5/#computed-value" id="ref-for-computed-value⑨">computed value</a> of <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-display-4/#typedef-display-inside" id="ref-for-typedef-display-inside③">&lt;display-inside></a> for <var>box</var>.</p>
<li data-md>
<p>Let <var>name</var> be the first argument of the <var>layoutFunction</var>.</p>
<li data-md>
Expand Down Expand Up @@ -4519,6 +4519,22 @@ <h2 class="no-num no-ref heading settled" id="idl-index"><span class="content">I
}
}
</script>
<script>/* Boilerplate: script-link-titles */
let linkTitleData = {
"https://drafts.csswg.org/css-display-4/#typedef-display-inside": "Expands to: flex | flow | flow-root | grid | ruby | table",
"https://drafts.csswg.org/css-display-4/#typedef-display-outside": "Expands to: block | inline | run-in"
};

function setTypeTitles() {
for(let el of document.querySelectorAll("a[href]")) {
if(el.href in linkTitleData && !el.hasAttribute("title")) {
el.setAttribute("title", linkTitleData[el.href]);
}
}
}

document.addEventListener("DOMContentLoaded", setTypeTitles);
</script>
<script>/* Boilerplate: script-ref-hints */
"use strict";
{
Expand Down
Loading

0 comments on commit 078b0c4

Please sign in to comment.