From e90f766459ea4e007f241f57e92effd3338a28d7 Mon Sep 17 00:00:00 2001
From: Evilebot Tnawi <evilebottnawi@users.noreply.github.com>
Date: Thu, 25 Jan 2018 14:59:38 +0300
Subject: [PATCH] tests(css): `viewport` at rule (#3817)

---
 .../__snapshots__/jsfmt.spec.js.snap          | 66 +++++++++++++++++++
 tests/css_atrule/viewport.css                 | 32 +++++++++
 2 files changed, 98 insertions(+)
 create mode 100644 tests/css_atrule/viewport.css

diff --git a/tests/css_atrule/__snapshots__/jsfmt.spec.js.snap b/tests/css_atrule/__snapshots__/jsfmt.spec.js.snap
index f5e67edea..8adba619d 100644
--- a/tests/css_atrule/__snapshots__/jsfmt.spec.js.snap
+++ b/tests/css_atrule/__snapshots__/jsfmt.spec.js.snap
@@ -303,3 +303,69 @@ run-in
 }
 
 `;
+
+exports[`viewport.css 1`] = `
+@viewport {
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport {
+min-width: 640px;
+max-width: 800px;
+}
+
+@viewport{
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport  {
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport
+{
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport
+
+{
+  min-width: 640px;
+  max-width: 800px;
+}
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+@viewport {
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport {
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport {
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport {
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport {
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport {
+  min-width: 640px;
+  max-width: 800px;
+}
+
+`;
diff --git a/tests/css_atrule/viewport.css b/tests/css_atrule/viewport.css
new file mode 100644
index 000000000..4a4f13cc5
--- /dev/null
+++ b/tests/css_atrule/viewport.css
@@ -0,0 +1,32 @@
+@viewport {
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport {
+min-width: 640px;
+max-width: 800px;
+}
+
+@viewport{
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport  {
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport
+{
+  min-width: 640px;
+  max-width: 800px;
+}
+
+@viewport
+
+{
+  min-width: 640px;
+  max-width: 800px;
+}