[appmanifest] Test orientation member (#24378)

christianliebel · web-flow · commit 1cb9daef513e · 2020-06-30T14:56:20.000+10:00
* [appmanifest] Add orientation member test

* [appmanifest] add portrait orientation test
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

-Original file 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 @@`
	`1`	`+Content-Type: application/manifest+json; charset=utf-8`