Bug 1787073 - Migrate all handwritten css-page-3 layout reftests to WPT r=dholbert

This does not touch the autogenerated tests. WPT print reftests are slower
than paged layout reftests, and the autogenerated tests are of much lower
value for catching bugs than the handwritten tests.

Differential Revision: https://phabricator.services.mozilla.com/D184531
This commit is contained in:
Emily McDonough 2023-07-31 18:47:42 +00:00
Родитель 54b0405222
Коммит 4119bbdfab
121 изменённых файлов: 358 добавлений и 298 удалений

Просмотреть файл

@ -1,7 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<div>a</div>
<div style="page: b; position: absolute; right: 0; top: 0;">b</div>
</body>
</html>

Просмотреть файл

@ -1,7 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body style="page:a">
<canvas height="1" style="page:b; border: 1px solid black"></canvas>
<p style="page:b">b</p>
</body>
</html>

Просмотреть файл

@ -1,7 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body style="page:a">
<p style="page:b">a</p>
<canvas height="1" style="page:b; border: 1px solid black"></canvas>
</body>
</html>

Просмотреть файл

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<p style="page:a">a</p>
<div style="page:c">
<p style="display: none">c</p>
</div>
<p style="page:b">b</p>
</body>
</html>

Просмотреть файл

@ -1,7 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<div style="page: a; float: left;">a</div>
<div style="page: b">b</div>
</body>
</html>

Просмотреть файл

@ -1,7 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<img style="break-after: always" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII=">
<p>b</p>
</body>
</html>

Просмотреть файл

@ -1,7 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<div style="page: a; display: inline-block">a</div>
<div style="page: b; display: inline-block">b</div>
</body>
</html>

Просмотреть файл

@ -1,9 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged" style="writing-mode: vertical-rl">
<body>
<div style="writing-mode: horizontal-tb">
<div style="page: a">a</div>
<div style="page: b">b</div>
</div>
</body>
</html>

Просмотреть файл

@ -1,7 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged" style="writing-mode: vertical-rl">
<body>
<div style="page: a">a</div>
<div style="page: b">b</div>
</body>
</html>

Просмотреть файл

@ -1,9 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged" style="writing-mode: horizontal-tb">
<body>
<div style="writing-mode: vertical-rl">
<div style="page: a">a</div>
<div style="page: b">b</div>
</div>
</body>
</html>

Просмотреть файл

@ -1,11 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<div>a</div>
<div>
<div>b</div>
<div style="page: x">c</div>
</div>
<div>d</div>
</body>
</html>

Просмотреть файл

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<div>
<div style="page: a">a</div>
<div>b</div>
</div>
<div style="page: a">c</div>
</body>
</html>

Просмотреть файл

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<div>
<div style="page: a">a</div>
<div>b</div>
</div>
<div>c</div>
</body>
</html>

Просмотреть файл

@ -1,8 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<p style="page:b">a</p>
<p style="page:b">b</p>
<p>c</p>
</body>
</html>

Просмотреть файл

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<p style="page:a">a</p>
<div style="page:b">
<p style="page:a">b</p>
<p>c</p>
</div>
</body>
</html>

Просмотреть файл

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<div style="page:a">
<p>a</p>
</div>
<p style="page:a">b</p>
<p style="page:b">c</p>
</body>
</html>

Просмотреть файл

@ -1,8 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<p>a</p>
<p style="page:auto">b</p>
<p style="page:b">c</p>
</body>
</html>

Просмотреть файл

@ -1,8 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body style="page:a">
<p style="page:a">a</p>
<p style="page:auto">b</p>
<p style="page:b">c</p>
</body>
</html>

Просмотреть файл

@ -1,8 +0,0 @@
<!DOCTYPE html>
<html class="reftest-paged">
<body>
<p>a</p>
<p style="break-after: always">b</p>
<p>c</p>
</body>
</html>

Просмотреть файл

@ -1,53 +1,3 @@
== layers-001.html layers-001-ref.html
== layers-002.html layers-002-ref.html
== layers-003.html layers-003-ref.html
== layers-004.html layers-004-ref.html
== page-name-abspos-001.html page-name-abspos-001-ref.html
== page-name-abspos-002.html page-name-abspos-002-ref.html
== page-name-abspos-003.html page-name-abspos-003-ref.html
== page-name-canvas-001.html page-name-canvas-001-ref.html
== page-name-canvas-002.html page-name-canvas-002-ref.html
== page-name-canvas-003.html page-name-canvas-003-ref.html
== page-name-canvas-004.html page-name-canvas-004-ref.html
== page-name-display-none-child.html page-name-display-none-child-ref.html
== page-name-fixed-pos-001.html page-name-fixed-pos-001-ref.html
== page-name-flex-001.html page-name-flex-001-ref.html
== page-name-flex-002.html page-name-flex-002-ref.html
== page-name-flex-003.html page-name-flex-003-ref.html
# This is affected by https://bugzilla.mozilla.org/1663079, however we can
# still expect this to behave the same with break-after and page name breaks.
== page-name-flex-004.html page-name-flex-004-ref.html
== page-name-float-001.html page-name-float-001-ref.html
== page-name-float-002.html page-name-float-002-ref.html
== page-name-img-001.html page-name-img-001-ref.html
== page-name-img-002.html page-name-img-002-ref.html
== page-name-img-003.html page-name-img-003-ref.html
== page-name-img-004.html page-name-img-004-ref.html
== page-name-inline-block-001.html page-name-inline-block-001-ref.html
== page-name-inline-block-002.html page-name-inline-block-002-ref.html
== page-name-inline-block-003.html page-name-inline-block-003-ref.html
== page-name-margin-001.html page-name-margin-001-ref.html
== page-name-margin-002.html page-name-margin-002-ref.html
== page-name-orthogonal-writing-001.html page-name-orthogonal-writing-001-ref.html
== page-name-orthogonal-writing-002.html page-name-orthogonal-writing-002-ref.html
== page-name-orthogonal-writing-003.html page-name-orthogonal-writing-003-ref.html
== page-name-orthogonal-writing-004.html page-name-orthogonal-writing-004-ref.html
== page-name-propagated-001.html page-name-propagated-001-ref.html
== page-name-propagated-002.html page-name-propagated-002-ref.html
# This is affected by https://bugzilla.mozilla.org/1818596, though that bug
# affects both the ref and the test case in the same way.
== page-name-propagated-003.html page-name-propagated-003-ref.html
== page-name-propagated-004.html page-name-propagated-004-ref.html
== page-name-propagated-005.html page-name-propagated-005-ref.html
== page-name-propagated-006.html page-name-propagated-006-ref.html
== page-name-propagated-007.html page-name-propagated-007-ref.html
== page-name-propagated-008.html page-name-propagated-008-ref.html
== page-name-propagated-009.html page-name-propagated-009-ref.html
== page-name-siblings-001.html page-name-siblings-ref.html
== page-name-siblings-002.html page-name-siblings-ref.html
== page-name-siblings-003.html page-name-siblings-ref.html
== page-name-siblings-004.html page-name-siblings-ref.html
== page-name-siblings-005.html page-name-siblings-ref.html
# Auto-generated test cases # Auto-generated test cases
== page-name-two-page-001.html page-name-two-page-ref.html == page-name-two-page-001.html page-name-two-page-ref.html
== page-name-two-page-002.html page-name-two-page-ref.html == page-name-two-page-002.html page-name-two-page-ref.html
@ -84,7 +34,3 @@
== page-name-two-page-033.html page-name-two-page-ref.html == page-name-two-page-033.html page-name-two-page-ref.html
== page-name-two-page-034.html page-name-two-page-ref.html == page-name-two-page-034.html page-name-two-page-ref.html
== page-name-two-page-035.html page-name-two-page-ref.html == page-name-two-page-035.html page-name-two-page-ref.html
== page-name-zero-height-001.html page-name-zero-height-001-ref.html
== pseudo-first-margin-001.html pseudo-first-margin-ref.html
== pseudo-first-margin-002.html pseudo-first-margin-ref.html
== pseudo-first-margin-003.html pseudo-first-margin-ref.html

Просмотреть файл

@ -0,0 +1,2 @@
[layers-002-print.html]
fuzzy: maxDifference=0-20;totalPixels=0-60

Просмотреть файл

@ -0,0 +1,2 @@
[layers-003-print.html]
fuzzy: maxDifference=0-30;totalPixels=0-60

Просмотреть файл

@ -0,0 +1,2 @@
[layers-004-print.html]
fuzzy: maxDifference=0-30;totalPixels=0-60

Просмотреть файл

@ -0,0 +1,2 @@
[page-name-margin-001-print.html]
fuzzy: maxDifference=0-40;totalPixels=0-60

Просмотреть файл

@ -0,0 +1,2 @@
[pseudo-first-margin-001-print.html]
fuzzy: maxDifference=0-20;totalPixels=0-60

Просмотреть файл

@ -0,0 +1,2 @@
[pseudo-first-margin-002-print.html]
fuzzy: maxDifference=0-20;totalPixels=0-60

Просмотреть файл

@ -0,0 +1,2 @@
[pseudo-first-margin-003-print.html]
fuzzy: maxDifference=0-20;totalPixels=0-60

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<style> <style>
@page { @page {
margin: 0; margin: 0;

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="layers-001-print-ref.html"/>
<link rel="help" href="https://drafts.csswg.org/css-cascade-5/#layering"/>
<style> <style>
@layer layer1, layer2; @layer layer1, layer2;
@page b{ @page b{

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<style> <style>
@page { @page {
margin: 0; margin: 0;

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="layers-002-print-ref.html"/>
<link rel="help" href="https://drafts.csswg.org/css-cascade-5/#layering"/>
<style> <style>
@layer layer2, layer1; @layer layer2, layer1;
@page b{ @page b{

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<style> <style>
@page { @page {
margin: 0; margin: 0;

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="layers-003-print-ref.html"/>
<link rel="help" href="https://drafts.csswg.org/css-cascade-5/#layering"/>
<style> <style>
@layer layer1, layer2; @layer layer1, layer2;
@page b{ @page b{

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<style> <style>
@page { @page {
margin: 0; margin: 0;

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="layers-004-print-ref.html"/>
<link rel="help" href="https://drafts.csswg.org/css-cascade-5/#layering">
<style> <style>
@layer layer2, layer1; @layer layer2, layer1;
@page b{ @page b{

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div>a</div> <div>a</div>
<div style="position: absolute; right: 0; top: 0;">b</div> <div style="position: absolute; right: 0; top: 0;">b</div>

Просмотреть файл

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<link rel="match" href="page-name-abspos-001-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body>
<div>a</div>
<div style="page: b; position: absolute; right: 0; top: 0;">b</div>
</body>
</html>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div style="position: absolute; left: 0; top: 0;"> <div style="position: absolute; left: 0; top: 0;">
<div>a</div> <div>a</div>

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-abspos-002-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div style="position: absolute; left: 0; top: 0;"> <div style="position: absolute; left: 0; top: 0;">
<div style="page: a">a</div> <div style="page: a">a</div>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div style="page: a">a</div> <div style="page: a">a</div>
<div style="page: b; position: absolute; left: 0; top: 0;">b</div> <div style="page: b; position: absolute; left: 0; top: 0;">b</div>

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-abspos-003-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div style="page: a">a</div> <div style="page: a">a</div>
<div style="page: b; position: absolute; left: 0; top: 0;">b</div> <div style="page: b; position: absolute; left: 0; top: 0;">b</div>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<canvas height="1" style="border: 1px solid black; break-after: always"></canvas> <canvas height="1" style="border: 1px solid black; break-after: page"></canvas>
<p>b</p> <div>b</div>
</body> </body>
</html> </html>

Просмотреть файл

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<link rel="match" href="page-name-canvas-001-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body style="page:a">
<canvas height="1" style="page:b; border: 1px solid black"></canvas>
<div style="page:b">b</div>
</body>
</html>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<p style="break-after: always">a</p> <div style="break-after: page">a</div>
<canvas height="1" style="border: 1px solid black"></canvas> <canvas height="1" style="border: 1px solid black"></canvas>
</body> </body>
</html> </html>

Просмотреть файл

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<link rel="match" href="page-name-canvas-002-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body style="page:a">
<div style="page:b">a</div>
<canvas height="1" style="page:b; border: 1px solid black"></canvas>
</body>
</html>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<canvas height="1" style="display: block; border: 1px solid black"></canvas> <canvas height="1" style="display: block; border: 1px solid black"></canvas>
<div>b</div> <div>b</div>

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-canvas-003-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body style="page:a"> <body style="page:a">
<canvas height="1" style="display: block; page: b; border: 1px solid black"></canvas> <canvas height="1" style="display: block; page: b; border: 1px solid black"></canvas>
<div style="page:b">b</div> <div style="page:b">b</div>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body style="page:a"> <body style="page:a">
<canvas height="1" style="display: block; break-after: page; border: 1px solid black"></canvas> <canvas height="1" style="display: block; break-after: page; border: 1px solid black"></canvas>
<div>b</div> <div>b</div>

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-canvas-004-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body style="page:a"> <body style="page:a">
<canvas height="1" style="display: block; page: b; border: 1px solid black"></canvas> <canvas height="1" style="display: block; page: b; border: 1px solid black"></canvas>
<div>b</div> <div>b</div>

Просмотреть файл

@ -1,9 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<p style="break-after:always">a</p> <div style="break-after: page">a</div>
<!-- This should match the test case, even if page-breaks are being coalesced --> <!-- This should match the test case, even if page-breaks are being coalesced -->
<div style="break-after:always"></div> <div style="break-after: page"></div>
<p>b</p> <div>b</div>
</body> </body>
</html> </html>

Просмотреть файл

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<link rel="match" href="page-name-display-none-child-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body>
<div style="page:a">a</div>
<div style="page:c">
<div style="display: none">c</div>
</div>
<div style="page:b">b</div>
</body>
</html>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<style> <style>
div { div {
width: 1in; width: 1in;

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-fixed-pos-001-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<style> <style>
div { div {
width: 1in; width: 1in;

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div>a</div> <div>a</div>
<div style="display:flex; flex-direction:column"> <div style="display:flex; flex-direction:column">

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-flex-001-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div>a</div> <div>a</div>
<div style="display:flex; flex-direction:column"> <div style="display:flex; flex-direction:column">

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div>a</div> <div>a</div>
<div style="display:flex"> <div style="display:flex">

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-flex-002-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div>a</div> <div>a</div>
<div style="display:flex"> <div style="display:flex">

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div>a</div> <div>a</div>
<div style="break-before: page; break-after: page; display:flex; flex-direction:column"> <div style="break-before: page; break-after: page; display:flex; flex-direction:column">

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-flex-003-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body style="page:a"> <body style="page:a">
<div>a</div> <div>a</div>
<div style="page:b; display:flex; flex-direction:column"> <div style="page:b; display:flex; flex-direction:column">

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div>a</div> <div>a</div>
<div style="display:flex; flex-direction:column"> <div style="display:flex; flex-direction:column">

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-flex-004-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div>a</div> <div>a</div>
<div style="display:flex; flex-direction:column"> <div style="display:flex; flex-direction:column">

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div style="float: left;">a</div> <div style="float: left;">a</div>
<div>b</div> <div>b</div>

Просмотреть файл

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<link rel="match" href="page-name-float-001-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body>
<div style="page: a; float: left;">a</div>
<div style="page: b">b</div>
</body>
</html>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div>a</div> <div>a</div>
<div style="float: left;">b</div> <div style="float: left;">b</div>

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-float-002-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div style="page: a">a</div> <div style="page: a">a</div>
<div style="page: b; float: left;">b</div> <div style="page: b; float: left;">b</div>

Просмотреть файл

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html>
<body>
<img style="break-after: page" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII=">
<div>b</div>
</body>
</html>

Просмотреть файл

@ -1,7 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-img-001-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body style="page:a"> <body style="page:a">
<img style="page:b" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII="> <img style="page:b" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII=">
<p style="page:b">b</p> <div style="page:b">b</div>
</body> </body>
</html> </html>

Просмотреть файл

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<p style="break-after: always">a</p> <div style="break-after: page">a</div>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII="> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII=">
</body> </body>
</html> </html>

Просмотреть файл

@ -1,7 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-img-002-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body style="page:a"> <body style="page:a">
<p style="page:b">a</p> <div style="page:b">a</div>
<img style="page:b" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII="> <img style="page:b" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII=">
</body> </body>
</html> </html>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<img style="display: block;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII="> <img style="display: block;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII=">
<div>b</div> <div>b</div>

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-img-003-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body style="page:a"> <body style="page:a">
<img style="display: block; page: b" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII="> <img style="display: block; page: b" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII=">
<div style="page:b">b</div> <div style="page:b">b</div>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div>a</div> <div>a</div>
<img style="display: block;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII="> <img style="display: block;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII=">

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-img-004-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body style="page:a"> <body style="page:a">
<div style="page: b">a</div> <div style="page: b">a</div>
<img style="display: block; page: b" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII="> <img style="display: block; page: b" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAAa0lEQVR42u3QMREAAAwCMfybbl3AEu4NhCQ3abUAAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwOXwbunRwEDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA3d78VrQ4ODmDDUAAAAASUVORK5CYII=">

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div style="display: inline-block"> <div style="display: inline-block">
<div>a</div> <div>a</div>

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-inline-block-001-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div style="display: inline-block"> <div style="display: inline-block">
<div style="page: a">a</div> <div style="page: a">a</div>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div style="display: inline-block"> <div style="display: inline-block">
<div>a</div> <div>a</div>

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-inline-block-002-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div style="page: c; display: inline-block"> <div style="page: c; display: inline-block">
<div style="page: a">a</div> <div style="page: a">a</div>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div style="display: inline-block">a</div> <div style="display: inline-block">a</div>
<div style="display: inline-block">b</div> <div style="display: inline-block">b</div>

Просмотреть файл

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<link rel="match" href="page-name-inline-block-003-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body>
<div style="page: a; display: inline-block">a</div>
<div style="page: b; display: inline-block">b</div>
</body>
</html>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<style> <style>
@page { @page {
margin: 0; margin: 0;

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-margin-001-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<style> <style>
@page a { @page a {
margin: 0; margin: 0;

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<style> <style>
@page { @page {
margin: 0; margin: 0;

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-margin-002-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<style> <style>
@page a { @page a {
margin: 1in; margin: 1in;

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged" style="writing-mode: vertical-rl"> <html style="writing-mode: vertical-rl">
<body> <body>
<div style="writing-mode: horizontal-tb"> <div style="writing-mode: horizontal-tb">
<div>a</div> <div>a</div>

Просмотреть файл

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html style="writing-mode: vertical-rl">
<link rel="match" href="page-name-orthogonal-writing-001-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body>
<div style="writing-mode: horizontal-tb">
<div style="page: a">a</div>
<div style="page: b">b</div>
</div>
</body>
</html>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged" style="writing-mode: vertical-rl"> <html style="writing-mode: vertical-rl">
<body> <body>
<div style="margin-block-end: 999in">a</div> <div style="margin-block-end: 999in">a</div>
<div>b</div> <div>b</div>

Просмотреть файл

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html style="writing-mode: vertical-rl">
<link rel="match" href="page-name-orthogonal-writing-002-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body>
<div style="page: a">a</div>
<div style="page: b">b</div>
</body>
</html>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged" style="writing-mode: horizontal-tb"> <html style="writing-mode: horizontal-tb">
<body> <body>
<div style="writing-mode: vertical-rl"> <div style="writing-mode: vertical-rl">
<div>a</div> <div>a</div>

Просмотреть файл

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html style="writing-mode: horizontal-tb">
<link rel="match" href="page-name-orthogonal-writing-003-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body>
<div style="writing-mode: vertical-rl">
<div style="page: a">a</div>
<div style="page: b">b</div>
</div>
</body>
</html>

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div style="writing-mode: vertical-rl"> <div style="writing-mode: vertical-rl">
<div style="writing-mode: horizontal-tb"> <div style="writing-mode: horizontal-tb">

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-orthogonal-writing-004-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div style="writing-mode: vertical-rl"> <div style="writing-mode: vertical-rl">
<div style="writing-mode: horizontal-tb"> <div style="writing-mode: horizontal-tb">

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div>a</div> <div>a</div>
<div> <div>

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-propagated-001-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div style="page: a">a</div> <div style="page: a">a</div>
<div style="page: b"> <div style="page: b">

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div>a</div> <div>a</div>
<div> <div>

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-propagated-002-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div style="page: a">a</div> <div style="page: a">a</div>
<div style="page: b"> <div style="page: b">

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div>a</div> <div>a</div>
<div style="position: absolute; left: 100px">b</div> <div style="position: absolute; left: 100px">b</div>

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-propagated-003-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div style="page: a">a</div> <div style="page: a">a</div>
<div style="page: b"> <div style="page: b">

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div style="break-after: page">a</div> <div style="break-after: page">a</div>
<div> <div>

Просмотреть файл

@ -1,5 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<link rel="match" href="page-name-propagated-004-print-ref.html"/>
<link rel="help" href="https://www.w3.org/TR/css-page-3/#using-named-pages"/>
<body> <body>
<div style="page: a">a</div> <div style="page: a">a</div>
<div style="page: b"> <div style="page: b">

Просмотреть файл

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="reftest-paged"> <html>
<body> <body>
<div> <div>
<div> <div>

Некоторые файлы не были показаны из-за слишком большого количества измененных файлов Показать больше