Add new print mode grid overflow test (#45111)
* Add new print mode grid overflow test
This one fails in Chromium but passes in Firefox.
diff --git a/css/css-break/grid/monolithic-overflow-print-ref.html b/css/css-break/grid/monolithic-overflow-print-ref.html
index ba0372d..58cc082 100644
--- a/css/css-break/grid/monolithic-overflow-print-ref.html
+++ b/css/css-break/grid/monolithic-overflow-print-ref.html
@@ -1,6 +1,6 @@
<!DOCTYPE html>
<link rel="author" title="Psychpsyo" href="mailto:psychpsyo@gmail.com" />
-<p style="height: 50vh">Test passes if there is two purple rectangles at the start of both page 2 and 3 when printing the page (Ctrl+P).</p>
+<p style="height: 50vh">Test passes if there is two purple rectangles at the start of both page 2 and 3 when printing the page (Ctrl+P, with "print backgrounds" enabled).</p>
<div style="display:grid; grid-template-columns:1fr 1fr; break-before:page;">
<div style="contain:size; height:75vh;">
<div style="height:75vh; width: 100px; background:purple;"></div>
diff --git a/css/css-break/grid/monolithic-overflow-print.html b/css/css-break/grid/monolithic-overflow-print.html
index 5a9e559..9b174ca 100644
--- a/css/css-break/grid/monolithic-overflow-print.html
+++ b/css/css-break/grid/monolithic-overflow-print.html
@@ -2,7 +2,7 @@
<link rel="author" title="Psychpsyo" href="mailto:psychpsyo@gmail.com">
<link rel="help" href="https://issues.chromium.org/issues/327643792">
<link rel="match" href="./monolithic-overflow-print-ref.html">
-<p style="height: 50vh">Test passes if there is two purple rectangles at the start of both page 2 and 3 when printing the page (Ctrl+P).</p>
+<p style="height: 50vh">Test passes if there is two purple rectangles at the start of both page 2 and 3 when printing the page (Ctrl+P, with "print backgrounds" enabled).</p>
<div style="display:grid; grid-template-columns:1fr 1fr;">
<div style="contain:size; height:75vh;">
<div style="height:75vh; width: 100px; background:purple;"></div>
diff --git a/css/css-grid/grid-fragmentation-between-rows-001-print-ref.tentative.html b/css/css-grid/grid-fragmentation-between-rows-001-print-ref.tentative.html
new file mode 100644
index 0000000..7846471
--- /dev/null
+++ b/css/css-grid/grid-fragmentation-between-rows-001-print-ref.tentative.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<div style="height:40vh">
+ Test passes if there is two purple boxes on both page 1 and page 2 in print mode. (Ctrl+P, with "print backgrounds" enabled)
+</div>
+<div style="display:grid; grid-template-columns:1fr 1fr;">
+ <div style="contain:size; height:40vh;">
+ <div style="height:40vh; width: 20vw; background:purple;"></div>
+ </div>
+ <div style="contain:size; height:40vh;">
+ <div style="height:40vh; width: 20vw; background:purple;"></div>
+ </div>
+</div>
+<div style="display:grid; grid-template-columns:1fr 1fr; break-before:page;">
+ <div style="contain:size; height:40vh;">
+ <div style="height:40vh; width: 20vw; background:purple;"></div>
+ </div>
+ <div style="contain:size; height:40vh;">
+ <div style="height:40vh; width: 20vw; background:purple;"></div>
+ </div>
+</div>
diff --git a/css/css-grid/grid-fragmentation-between-rows-001-print.tentative.html b/css/css-grid/grid-fragmentation-between-rows-001-print.tentative.html
new file mode 100644
index 0000000..01fd975
--- /dev/null
+++ b/css/css-grid/grid-fragmentation-between-rows-001-print.tentative.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<link rel="author" title="Psychpsyo" href="mailto:psychpsyo@gmail.com">
+<link rel="help" href="https://www.w3.org/TR/css-grid-1/#pagination">
+<link rel="match" href="./grid-fragmentation-between-rows-001-print-ref.tentative.html">
+<div style="height: 40vh">
+ Test passes if there is two purple boxes on both page 1 and page 2 in print mode. (Ctrl+P, with "print backgrounds" enabled)
+</div>
+<div style="display: grid; grid-template-columns: 1fr 1fr;">
+ <div style="contain:size; height:40vh;">
+ <div style="height:40vh; width: 20vw; background:purple;"></div>
+ </div>
+ <div style="contain:size; height:40vh;">
+ <div style="height:40vh; width: 20vw; background:purple;"></div>
+ </div>
+ <div style="contain:size; height:40vh;">
+ <div style="height:40vh; width: 20vw; background:purple;"></div>
+ </div>
+ <div style="contain:size; height:40vh;">
+ <div style="height:40vh; width: 20vw; background:purple;"></div>
+ </div>
+</div>
