Files
sousa-gecko/testing/web-platform/tests/css/css-page/fixedpos-009-print-ref.html
T
Blink WPT Bot 0e244f205a Bug 1957461 [wpt PR 51723] - Update tests for print-color-adjust., a=testonly
Automatic update from web-platform-tests
Update tests for print-color-adjust. (#51723)

Specify `print-color-adjust:exact` in tests that test background
printing.

This is in preparation for disabling backgrounds by default when
WPT-printing (just like browsers do), so that
`print-color-adjust:economy` (the initial value) can be tested at all.

See crrev.com/c/6408671

Bug: 376381169
Change-Id: Ibddb01164e86c0f3bcc4fcdb2a7cba40a1a8c718
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6408631
Reviewed-by: Chris Harrelson <chrishtr@chromium.org>
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1440518}

Co-authored-by: Morten Stenshorne <mstensho@chromium.org>
--

wpt-commits: b5ded362cc5e3e5a25415def9cb67cafb64d35e5
wpt-pr: 51723
2025-04-07 12:29:05 +00:00

36 lines
1.1 KiB
HTML

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<style>
:root {
print-color-adjust: exact;
}
body {
margin: 0;
}
.pencil {
background-color: black;
mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTMgMTcuMjVWMjFoMy43NUwxNy44MSA5Ljk0bC0zLjc1LTMuNzVMMyAxNy4yNXpNMjAuNzEgNy4wNGEuOTk2Ljk5NiAwIDAgMCAwLTEuNDFsLTIuMzQtMi4zNGEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBsLTEuODMgMS44MyAzLjc1IDMuNzUgMS44My0xLjgzeiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
mask-repeat: no-repeat;
width: 36px;
height: 36px;
}
.fakepage {
position: relative;
height: 100vh;
}
</style>
<div class="fakepage">
<div style="position:absolute; bottom:0; right:0;">
<div class="pencil"></div>
</div>
When printed, there should be two pages. There should be a black pencil in the
bottom right corner on both pages.
</div>
<div class="fakepage">
<div style="position:absolute; bottom:0; right:0;">
<div class="pencil"></div>
</div>
Page 2.
</div>