nagai/fune
3
0
Fork 0
forked from mirrors/gecko-dev
Code Pull requests Activity

Bug 1883558 [wpt PR 44928] - Add WPT for tabbed display_override, a=testonly

Browse source 
Automatic update from web-platform-tests
Add WPT for tabbed display_override

Explainer: https://github.com/WICG/manifest-incubations/blob/gh-pages/tabbed-mode-explainer.md

Bug: b/298308271
Change-Id: I4f4fac2fd55120669e2d24dc7cec6125ae9e1ee7
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5342815
Reviewed-by: Matt Giuca <mgiuca@chromium.org>
Commit-Queue: Louise Brett <loubrett@google.com>
Cr-Commit-Position: refs/heads/main@{#1269347}

--

wpt-commits: 931396ae4bbd3fcf3cfdaf02e98191ab1072f91c
wpt-pr: 44928
This commit is contained in:
Louise Brett 2024-03-12 22:31:38 +00:00 committed by moz-wptsync-bot
parent 94c6532fc6
commit f2d63e4489
3 changed files with 48 additions and 0 deletions
repo.diff.show_diff_stats Download patch file Download diff file Expand all files Collapse all files

36
testing/web-platform/tests/appmanifest/display-override-member/display-override-member-media-feature-tabbed-manual.tentative.html Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<title>Test "tabbed" in display-override member + media feature</title>
<link rel="help" href="https://w3c.github.io/manifest#display-member" />
<link rel="help" href="https://www.w3.org/TR/mediaqueries-5/#display-modes" />
<link rel="help" href="https://w3c.github.io/manifest/#dom-displaymodetype-browser" />
<link rel="manifest" href="resources/display-override-member-media-feature-tabbed.webmanifest" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="resources/display-override-member-media-feature-manual.js"></script>
<h1>Test "tabbed" in display-override member + media feature</h1>
<style>
.fail {
background-color: red;
}
@media all and (display-mode: tabbed) {
body {
background-color: green;
}
}
</style>
<script>
const tabbed = matchMedia("(display-mode: tabbed)");
tabbed.onchange = () => {
if (tabbed.matches) {
document.body.classList.remove("fail");
}
}
if (!tabbed.matches) {
document.body.classList.add("fail");
}
</script>
<p>
To pass, the background color must be green after installing.
</p>

11
testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-tabbed.webmanifest Normal file
View file

@ -0,0 +1,11 @@
{
"name": "Display override member media feature WPT",
"icons": [
{
"src": "icon.png",
"sizes": "192x192"
}
],
"start_url": "../display-override-member-media-feature-tabbed-manual.tentative.html",
"display_override": [ "tabbed" ]
}

1
testing/web-platform/tests/appmanifest/display-override-member/resources/display-override-member-media-feature-tabbed.webmanifest.headers Normal file
View file

@ -0,0 +1 @@
Content-Type: application/manifest+json; charset=utf-8