Skip to content

Commit

Permalink
Bug 1649081 [wpt PR 24378] - Test orientation member, a=testonly
Browse files Browse the repository at this point in the history
Automatic update from web-platform-tests
[appmanifest] Test `orientation` member (#24378)

* [appmanifest] Add orientation member test

* [appmanifest] add portrait orientation test
--

wpt-commits: 1cb9daef513ee0c7e82a6689a6248946d0c580c0
wpt-pr: 24378
  • Loading branch information
christianliebel authored and moz-wptsync-bot committed Jul 3, 2020
1 parent 03085c1 commit c99aa02
Show file tree
Hide file tree
Showing 6 changed files with 58 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<title>Test that orientation member with landscape value is supported</title>
<link rel="help" href="https://w3c.github.io/manifest#orientation-member" />
<link rel="manifest" href="orientation-member-landscape.webmanifest" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<h1>Testing support for orientation member with "landscape" value</h1>
<style>
@media all and (orientation: landscape) {
body {
background-color: green;
}
}
@media all and (orientation: portrait) {
body {
background-color: red;
}
}
</style>
<p>
Please set the phone orientation to portrait.
</p>
<p>
To pass, after installing the display orientation must be landscape and the background must be green.
</p>
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"display": "standalone",
"orientation": "landscape"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Content-Type: application/manifest+json; charset=utf-8
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<title>Test that orientation member with portrait value is supported</title>
<link rel="help" href="https://w3c.github.io/manifest#orientation-member" />
<link rel="manifest" href="orientation-member-portrait.webmanifest" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<h1>Testing support for orientation member with "portrait" value</h1>
<style>
@media all and (orientation: portrait) {
body {
background-color: green;
}
}
@media all and (orientation: landscape) {
body {
background-color: red;
}
}
</style>
<p>
Please set the phone orientation to landscape.
</p>
<p>
To pass, after installing the display orientation must be portrait and the background must be green.
</p>
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"display": "standalone",
"orientation": "portrait"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Content-Type: application/manifest+json; charset=utf-8

0 comments on commit c99aa02

Please sign in to comment.