[appmanifest] Test orientation member (#24378)

* [appmanifest] Add orientation member test * [appmanifest] add portrait orientation test
web-platform-tests · Jun 30, 2020 · 1cb9dae · 1cb9dae
1 parent 93caf8c
commit 1cb9dae
Show file tree

Hide file tree

Showing 6 changed files with 58 additions and 0 deletions.
diff --git a/appmanifest/orientation-member/orientation-member-landscape-manual.html b/appmanifest/orientation-member/orientation-member-landscape-manual.html
@@ -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>
diff --git a/appmanifest/orientation-member/orientation-member-landscape.webmanifest b/appmanifest/orientation-member/orientation-member-landscape.webmanifest
@@ -0,0 +1,4 @@
+{
+    "display": "standalone",
+    "orientation": "landscape"
+}
diff --git a/appmanifest/orientation-member/orientation-member-landscape.webmanifest.headers b/appmanifest/orientation-member/orientation-member-landscape.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8
diff --git a/appmanifest/orientation-member/orientation-member-portrait-manual.html b/appmanifest/orientation-member/orientation-member-portrait-manual.html
@@ -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>
diff --git a/appmanifest/orientation-member/orientation-member-portrait.webmanifest b/appmanifest/orientation-member/orientation-member-portrait.webmanifest
@@ -0,0 +1,4 @@
+{
+    "display": "standalone",
+    "orientation": "portrait"
+}
diff --git a/appmanifest/orientation-member/orientation-member-portrait.webmanifest.headers b/appmanifest/orientation-member/orientation-member-portrait.webmanifest.headers
@@ -0,0 +1 @@
+Content-Type: application/manifest+json; charset=utf-8