From db1e774937bbe7276901232d9e57cc2e25b19f61 Mon Sep 17 00:00:00 2001
From: squidfunk <martin.donath@squidfunk.com>
Date: Thu, 10 Aug 2017 14:46:34 +0200
Subject: [PATCH] Added tests
---
.../extensions/admonition/#bug/@screen.json | 81 ++
.../admonition/#custom-title/@screen.json | 81 ++
.../admonition/#danger/@screen.json | 81 ++
.../admonition/#empty-title/@screen.json | 60 ++
.../admonition/#failure/@screen.json | 81 ++
.../admonition/#long-title/@screen.json | 81 ++
.../extensions/admonition/#note/@screen.json | 81 ++
.../extensions/admonition/#quote/@screen.json | 81 ++
.../admonition/#success/@screen.json | 81 ++
.../admonition/#summary/@screen.json | 81 ++
.../extensions/admonition/#tip/@screen.json | 81 ++
.../admonition/#warning/@screen.json | 81 ++
.../admonition/@mobile/landscape.json | 81 ++
.../admonition/@mobile/portrait.json | 81 ++
.../extensions/admonition/@screen.json | 81 ++
.../admonition/@tablet/landscape.json | 81 ++
.../admonition/@tablet/portrait.json | 81 ++
.../extensions/admonition/#bug/@screen.json | 81 ++
.../admonition/#custom-title/@screen.json | 81 ++
.../admonition/#danger/@screen.json | 81 ++
.../admonition/#empty-title/@screen.json | 60 ++
.../admonition/#failure/@screen.json | 81 ++
.../admonition/#long-title/@screen.json | 81 ++
.../extensions/admonition/#note/@screen.json | 81 ++
.../extensions/admonition/#quote/@screen.json | 81 ++
.../admonition/#success/@screen.json | 81 ++
.../admonition/#summary/@screen.json | 81 ++
.../extensions/admonition/#tip/@screen.json | 81 ++
.../admonition/#warning/@screen.json | 81 ++
.../admonition/@mobile/landscape.json | 81 ++
.../admonition/@mobile/portrait.json | 81 ++
.../extensions/admonition/@screen.json | 81 ++
.../admonition/@tablet/landscape.json | 81 ++
.../admonition/@tablet/portrait.json | 81 ++
.../md-nav--primary/@mobile/landscape.json | 801 ++++++++++++++++++
.../md-nav--primary/@mobile/portrait.json | 801 ++++++++++++++++++
.../layout/md-nav--primary/@screen.json | 741 ++++++++++++++++
.../md-nav--primary/@tablet/landscape.json | 781 +++++++++++++++++
.../md-nav--primary/@tablet/portrait.json | 801 ++++++++++++++++++
.../suites/layout/nav/_overflow/docs/_.md | 12 +
.../suites/layout/nav/_overflow/docs/index.md | 12 +
.../layout/nav/_overflow/docs/nested.md | 12 +
.../suites/layout/nav/_overflow/mkdocs.yml | 32 +
tests/snapshot/suites/layout/nav/docs/_.md | 12 +
.../snapshot/suites/layout/nav/docs/index.md | 21 +
.../snapshot/suites/layout/nav/docs/nested.md | 12 +
.../suites/layout/nav/docs/secondary.md | 79 ++
tests/snapshot/suites/layout/nav/index.js | 57 ++
tests/snapshot/suites/layout/nav/mkdocs.yml | 35 +
webpack.config.js | 0
50 files changed, 6921 insertions(+)
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#bug/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#custom-title/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#danger/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#empty-title/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#failure/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#long-title/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#note/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#quote/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#success/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#summary/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#tip/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#warning/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@mobile/landscape.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@mobile/portrait.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@tablet/landscape.json
create mode 100644 tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@tablet/portrait.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#bug/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#custom-title/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#danger/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#empty-title/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#failure/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#long-title/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#note/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#quote/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#success/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#summary/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#tip/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#warning/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@mobile/landscape.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@mobile/portrait.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@tablet/landscape.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@tablet/portrait.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@mobile/landscape.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@mobile/portrait.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@screen.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@tablet/landscape.json
create mode 100644 tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@tablet/portrait.json
create mode 100644 tests/snapshot/suites/layout/nav/_overflow/docs/_.md
create mode 100644 tests/snapshot/suites/layout/nav/_overflow/docs/index.md
create mode 100644 tests/snapshot/suites/layout/nav/_overflow/docs/nested.md
create mode 100644 tests/snapshot/suites/layout/nav/_overflow/mkdocs.yml
create mode 100644 tests/snapshot/suites/layout/nav/docs/_.md
create mode 100644 tests/snapshot/suites/layout/nav/docs/index.md
create mode 100644 tests/snapshot/suites/layout/nav/docs/nested.md
create mode 100644 tests/snapshot/suites/layout/nav/docs/secondary.md
create mode 100644 tests/snapshot/suites/layout/nav/index.js
create mode 100644 tests/snapshot/suites/layout/nav/mkdocs.yml
create mode 100644 webpack.config.js
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#bug/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#bug/@screen.json
new file mode 100644
index 00000000..83bd285d
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#bug/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition bug"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 2023,
+ "right": 0,
+ "bottom": 158,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#custom-title/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#custom-title/@screen.json
new file mode 100644
index 00000000..779b69ba
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#custom-title/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 384,
+ "right": 0,
+ "bottom": 1797,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#danger/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#danger/@screen.json
new file mode 100644
index 00000000..2cb9cdd9
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#danger/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition danger"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1865,
+ "right": 0,
+ "bottom": 316,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#empty-title/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#empty-title/@screen.json
new file mode 100644
index 00000000..753cd766
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#empty-title/@screen.json
@@ -0,0 +1,60 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 68.796875
+ },
+ "offset": {
+ "top": 720,
+ "right": 0,
+ "bottom": 1481,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 40.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#failure/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#failure/@screen.json
new file mode 100644
index 00000000..3b32118f
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#failure/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition failure"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1707,
+ "right": 0,
+ "bottom": 474,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#long-title/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#long-title/@screen.json
new file mode 100644
index 00000000..d39d5a57
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#long-title/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 108.796875
+ },
+ "offset": {
+ "top": 542,
+ "right": 0,
+ "bottom": 1619,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 80.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 60.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#note/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#note/@screen.json
new file mode 100644
index 00000000..fb402b6e
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#note/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 917,
+ "right": 0,
+ "bottom": 1264,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#quote/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#quote/@screen.json
new file mode 100644
index 00000000..6cd0de18
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#quote/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition quote"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 2181,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#success/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#success/@screen.json
new file mode 100644
index 00000000..b080c7af
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#success/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition success"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1391,
+ "right": 0,
+ "bottom": 790,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#summary/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#summary/@screen.json
new file mode 100644
index 00000000..4bb937b2
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#summary/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition summary"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1075,
+ "right": 0,
+ "bottom": 1106,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#tip/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#tip/@screen.json
new file mode 100644
index 00000000..bd710b6e
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#tip/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition tip"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1233,
+ "right": 0,
+ "bottom": 948,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#warning/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#warning/@screen.json
new file mode 100644
index 00000000..091468ac
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/#warning/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition warning"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1549,
+ "right": 0,
+ "bottom": 632,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@mobile/landscape.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@mobile/landscape.json
new file mode 100644
index 00000000..96aa83d0
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@mobile/landscape.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 512,
+ "height": 108.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2274,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 486,
+ "bottom": 80.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 456,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 68,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 456,
+ "height": 60
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@mobile/portrait.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@mobile/portrait.json
new file mode 100644
index 00000000..6099a02b
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@mobile/portrait.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 272,
+ "height": 168.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 3054,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 246,
+ "bottom": 140.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 216,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 128,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 216,
+ "height": 120
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@screen.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@screen.json
new file mode 100644
index 00000000..2b9c1de6
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2014,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@tablet/landscape.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@tablet/landscape.json
new file mode 100644
index 00000000..44e28e6e
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@tablet/landscape.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 730,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2014,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 704,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 674,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 674,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@tablet/portrait.json b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@tablet/portrait.json
new file mode 100644
index 00000000..e51a140e
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 59.0.3071/Windows 7 0.0.0/extensions/admonition/@tablet/portrait.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 752,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2014,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 726,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 696,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 696,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#bug/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#bug/@screen.json
new file mode 100644
index 00000000..83bd285d
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#bug/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition bug"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 2023,
+ "right": 0,
+ "bottom": 158,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#custom-title/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#custom-title/@screen.json
new file mode 100644
index 00000000..779b69ba
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#custom-title/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 384,
+ "right": 0,
+ "bottom": 1797,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#danger/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#danger/@screen.json
new file mode 100644
index 00000000..2cb9cdd9
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#danger/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition danger"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1865,
+ "right": 0,
+ "bottom": 316,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#empty-title/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#empty-title/@screen.json
new file mode 100644
index 00000000..753cd766
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#empty-title/@screen.json
@@ -0,0 +1,60 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 68.796875
+ },
+ "offset": {
+ "top": 720,
+ "right": 0,
+ "bottom": 1481,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 40.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#failure/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#failure/@screen.json
new file mode 100644
index 00000000..3b32118f
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#failure/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition failure"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1707,
+ "right": 0,
+ "bottom": 474,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#long-title/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#long-title/@screen.json
new file mode 100644
index 00000000..d39d5a57
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#long-title/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 108.796875
+ },
+ "offset": {
+ "top": 542,
+ "right": 0,
+ "bottom": 1619,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 80.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 60.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#note/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#note/@screen.json
new file mode 100644
index 00000000..fb402b6e
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#note/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 917,
+ "right": 0,
+ "bottom": 1264,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#quote/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#quote/@screen.json
new file mode 100644
index 00000000..6cd0de18
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#quote/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition quote"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 2181,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#success/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#success/@screen.json
new file mode 100644
index 00000000..b080c7af
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#success/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition success"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1391,
+ "right": 0,
+ "bottom": 790,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#summary/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#summary/@screen.json
new file mode 100644
index 00000000..4bb937b2
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#summary/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition summary"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1075,
+ "right": 0,
+ "bottom": 1106,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#tip/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#tip/@screen.json
new file mode 100644
index 00000000..bd710b6e
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#tip/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition tip"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1233,
+ "right": 0,
+ "bottom": 948,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#warning/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#warning/@screen.json
new file mode 100644
index 00000000..091468ac
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/#warning/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition warning"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 1549,
+ "right": 0,
+ "bottom": 632,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@mobile/landscape.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@mobile/landscape.json
new file mode 100644
index 00000000..c89ea7d9
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@mobile/landscape.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 528,
+ "height": 108.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2274,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 502,
+ "bottom": 80.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 472,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 68,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 472,
+ "height": 60
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@mobile/portrait.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@mobile/portrait.json
new file mode 100644
index 00000000..aafe4467
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@mobile/portrait.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 288,
+ "height": 148.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2794,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 262,
+ "bottom": 120.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 232,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 108,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 232,
+ "height": 100
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@screen.json
new file mode 100644
index 00000000..2b9c1de6
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@screen.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 688,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2014,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 662,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 632,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@tablet/landscape.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@tablet/landscape.json
new file mode 100644
index 00000000..7b8175a6
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@tablet/landscape.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 746,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2014,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 720,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 690,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 690,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@tablet/portrait.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@tablet/portrait.json
new file mode 100644
index 00000000..90c0ddda
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/extensions/admonition/@tablet/portrait.json
@@ -0,0 +1,81 @@
+{
+ "element": {
+ "tag": "DIV",
+ "attrs": {
+ "class": "admonition note"
+ },
+ "props": {
+ "size": {
+ "width": 768,
+ "height": 88.796875
+ },
+ "offset": {
+ "top": 167,
+ "right": 0,
+ "bottom": 2014,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 20,
+ "height": 20
+ },
+ "offset": {
+ "top": 8,
+ "right": 742,
+ "bottom": 60.796875,
+ "left": 6
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {
+ "class": "admonition-title"
+ },
+ "props": {
+ "size": {
+ "width": 712,
+ "height": 20
+ },
+ "offset": {
+ "top": 20.796875,
+ "right": 12,
+ "bottom": 48,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "P",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 712,
+ "height": 40
+ },
+ "offset": {
+ "top": 40.796875,
+ "right": 12,
+ "bottom": 8,
+ "left": 44
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@mobile/landscape.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@mobile/landscape.json
new file mode 100644
index 00000000..6ac14868
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@mobile/landscape.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@mobile/portrait.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@mobile/portrait.json
new file mode 100644
index 00000000..6ac14868
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@mobile/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@screen.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@screen.json
new file mode 100644
index 00000000..4fdc9895
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@screen.json
@@ -0,0 +1,741 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 193.75
+ },
+ "offset": {
+ "top": 0,
+ "right": 1,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 163.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -110,
+ "right": 267,
+ "bottom": 140,
+ "left": -34
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 155
+ },
+ "offset": {
+ "top": 38.75,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 137,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.75,
+ "right": 267,
+ "bottom": 166.75,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.75,
+ "right": 267,
+ "bottom": 166.75,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -148.75,
+ "right": 267,
+ "bottom": 166.75,
+ "left": -34
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 26.75,
+ "right": 0,
+ "bottom": 110.25,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 36
+ },
+ "offset": {
+ "top": 53.5,
+ "right": 0,
+ "bottom": 65.5,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 36
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 18
+ },
+ "offset": {
+ "top": 98.25,
+ "right": 0,
+ "bottom": 38.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -247,
+ "right": 267,
+ "bottom": 265,
+ "left": -34
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 14,
+ "height": 14
+ },
+ "offset": {
+ "top": 0,
+ "right": 29.828125,
+ "bottom": 4,
+ "left": 165.171875
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 0
+ },
+ "offset": {
+ "top": 18,
+ "right": 12,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -265,
+ "right": 255,
+ "bottom": 265,
+ "left": -46
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 71.5
+ },
+ "offset": {
+ "top": 8.75,
+ "right": 0,
+ "bottom": -80.25,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 53.5,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 26.75,
+ "right": 0,
+ "bottom": 26.75,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 53.5,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 197,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 233,
+ "height": 30
+ },
+ "offset": {
+ "top": 125,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 209,
+ "height": 18
+ },
+ "offset": {
+ "top": 0,
+ "right": 12,
+ "bottom": 12,
+ "left": 12
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@tablet/landscape.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@tablet/landscape.json
new file mode 100644
index 00000000..c6319a28
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@tablet/landscape.json
@@ -0,0 +1,781 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 168,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 294,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 194,
+ "right": 0,
+ "bottom": 213,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -306,
+ "right": 242,
+ "bottom": 387,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -306,
+ "right": -242,
+ "bottom": -213,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 275,
+ "right": 0,
+ "bottom": 156,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@tablet/portrait.json b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@tablet/portrait.json
new file mode 100644
index 00000000..6ac14868
--- /dev/null
+++ b/tests/snapshot/baseline/Chrome 60.0.3112/Mac OS X 10.12.1/layout/md-nav--primary/@tablet/portrait.json
@@ -0,0 +1,801 @@
+{
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--primary",
+ "data-md-level": "0"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": -600,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title md-nav__title--site",
+ "for": "drawer"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "I",
+ "attrs": {
+ "class": "md-icon md-icon--home md-nav__button"
+ },
+ "props": {
+ "size": {
+ "width": 64,
+ "height": 64
+ },
+ "offset": {
+ "top": 8,
+ "right": 170,
+ "bottom": 40,
+ "left": 8
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 48,
+ "height": 48
+ },
+ "offset": {
+ "top": 8,
+ "right": 8,
+ "bottom": 8,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--active"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 408,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "toc",
+ "type": "checkbox",
+ "id": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link md-nav__link--active",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": ".",
+ "title": "Lorem ipsum dolor sit amet",
+ "class": "md-nav__link md-nav__link--active"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav md-nav--secondary"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -112,
+ "right": 242,
+ "bottom": 192,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "toc"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "#default",
+ "title": "Default",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 80,
+ "right": 0,
+ "bottom": 351,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Consectetur adipiscing elit",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 137,
+ "right": 0,
+ "bottom": 270,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Etiam condimentum lacinia urna id vestibulum",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item md-nav__item--nested"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 81
+ },
+ "offset": {
+ "top": 218,
+ "right": 0,
+ "bottom": 189,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "INPUT",
+ "attrs": {
+ "class": "md-toggle md-nav__toggle",
+ "data-md-toggle": "nav-4",
+ "type": "checkbox",
+ "id": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 0,
+ "height": 0
+ },
+ "offset": {
+ "top": -330,
+ "right": 242,
+ "bottom": 411,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ },
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__link",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 80
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::after",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 24,
+ "height": 24
+ },
+ "offset": {
+ "top": 28,
+ "right": 12,
+ "bottom": 28,
+ "left": 206
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "NAV",
+ "attrs": {
+ "class": "md-nav",
+ "data-md-component": "collapsible",
+ "data-md-level": "1",
+ "data-md-state": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 600
+ },
+ "offset": {
+ "top": -330,
+ "right": -242,
+ "bottom": -189,
+ "left": 242
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LABEL",
+ "attrs": {
+ "class": "md-nav__title",
+ "for": "nav-4"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 112
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 488,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "::before",
+ "attrs": {},
+ "props": {
+ "size": {
+ "width": 40,
+ "height": 40
+ },
+ "offset": {
+ "top": 8,
+ "right": 194,
+ "bottom": 64,
+ "left": 8
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "UL",
+ "attrs": {
+ "class": "md-nav__list",
+ "data-md-scrollfix": ""
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 488
+ },
+ "offset": {
+ "top": 112,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 432,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "nested/",
+ "title": "Donec tortor sem",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 0,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 56,
+ "right": 0,
+ "bottom": 375,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "secondary/",
+ "title": "Scelerisque ut congue id",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 113,
+ "right": 0,
+ "bottom": 318,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Pretium ac risus",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "element": {
+ "tag": "LI",
+ "attrs": {
+ "class": "md-nav__item"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 57
+ },
+ "offset": {
+ "top": 299,
+ "right": 0,
+ "bottom": 132,
+ "left": 0
+ }
+ }
+ },
+ "children": [
+ {
+ "element": {
+ "tag": "A",
+ "attrs": {
+ "href": "_/",
+ "title": "Maecenas tincidunt nulla dui",
+ "class": "md-nav__link"
+ },
+ "props": {
+ "size": {
+ "width": 242,
+ "height": 56
+ },
+ "offset": {
+ "top": 1,
+ "right": 0,
+ "bottom": 0,
+ "left": 0
+ }
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
diff --git a/tests/snapshot/suites/layout/nav/_overflow/docs/_.md b/tests/snapshot/suites/layout/nav/_overflow/docs/_.md
new file mode 100644
index 00000000..20b8c4bc
--- /dev/null
+++ b/tests/snapshot/suites/layout/nav/_overflow/docs/_.md
@@ -0,0 +1,12 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
+<style>
+ *,
+ *::before,
+ *::after {
+ transition: none !important;
+ }
+</style>
diff --git a/tests/snapshot/suites/layout/nav/_overflow/docs/index.md b/tests/snapshot/suites/layout/nav/_overflow/docs/index.md
new file mode 100644
index 00000000..20b8c4bc
--- /dev/null
+++ b/tests/snapshot/suites/layout/nav/_overflow/docs/index.md
@@ -0,0 +1,12 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
+<style>
+ *,
+ *::before,
+ *::after {
+ transition: none !important;
+ }
+</style>
diff --git a/tests/snapshot/suites/layout/nav/_overflow/docs/nested.md b/tests/snapshot/suites/layout/nav/_overflow/docs/nested.md
new file mode 100644
index 00000000..20b8c4bc
--- /dev/null
+++ b/tests/snapshot/suites/layout/nav/_overflow/docs/nested.md
@@ -0,0 +1,12 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
+<style>
+ *,
+ *::before,
+ *::after {
+ transition: none !important;
+ }
+</style>
diff --git a/tests/snapshot/suites/layout/nav/_overflow/mkdocs.yml b/tests/snapshot/suites/layout/nav/_overflow/mkdocs.yml
new file mode 100644
index 00000000..6e8ae791
--- /dev/null
+++ b/tests/snapshot/suites/layout/nav/_overflow/mkdocs.yml
@@ -0,0 +1,32 @@
+# Copyright (c) 2016-2017 Martin Donath <martin.donath@squidfunk.com>
+
+# Permission is hereby granted, free of charge, to any person obtaining a copy
+# of this software and associated documentation files (the "Software"), to
+# deal in the Software without restriction, including without limitation the
+# rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+# sell copies of the Software, and to permit persons to whom the Software is
+# furnished to do so, subject to the following conditions:
+
+# The above copyright notice and this permission notice shall be included in
+# all copies or substantial portions of the Software.
+
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+# FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+# FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+# IN THE SOFTWARE.
+
+# Test suite
+site_name: Pneumonoultramicroscopicsilicovolcanoconiosis
+pages:
+ - Pneumonoultramicroscopicsilicovolcanoconiosis: index.md
+ - Supercalifragilisticexpialidocious:
+ - Pseudopseudohypoparathyroidism: nested.md
+ - Floccinaucinihilipilification: _.md
+ - Antidisestablishmentarianism: _.md
+
+# Reset webfonts because of flaky tests
+extra:
+ font: none
diff --git a/tests/snapshot/suites/layout/nav/docs/_.md b/tests/snapshot/suites/layout/nav/docs/_.md
new file mode 100644
index 00000000..20b8c4bc
--- /dev/null
+++ b/tests/snapshot/suites/layout/nav/docs/_.md
@@ -0,0 +1,12 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
+<style>
+ *,
+ *::before,
+ *::after {
+ transition: none !important;
+ }
+</style>
diff --git a/tests/snapshot/suites/layout/nav/docs/index.md b/tests/snapshot/suites/layout/nav/docs/index.md
new file mode 100644
index 00000000..24260448
--- /dev/null
+++ b/tests/snapshot/suites/layout/nav/docs/index.md
@@ -0,0 +1,21 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
+Furthermore, the table of contents is hidden for all tests layed out on this
+page, as it is sometimes shown within the drawer though it isn't activated.
+This seems to be a caching-related issue.
+
+<style>
+ *,
+ *::before,
+ *::after {
+ transition: none !important;
+ }
+ .md-nav--secondary {
+ display: none !important;
+ }
+</style>
+
+## Default
diff --git a/tests/snapshot/suites/layout/nav/docs/nested.md b/tests/snapshot/suites/layout/nav/docs/nested.md
new file mode 100644
index 00000000..20b8c4bc
--- /dev/null
+++ b/tests/snapshot/suites/layout/nav/docs/nested.md
@@ -0,0 +1,12 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
+<style>
+ *,
+ *::before,
+ *::after {
+ transition: none !important;
+ }
+</style>
diff --git a/tests/snapshot/suites/layout/nav/docs/secondary.md b/tests/snapshot/suites/layout/nav/docs/secondary.md
new file mode 100644
index 00000000..6e35136b
--- /dev/null
+++ b/tests/snapshot/suites/layout/nav/docs/secondary.md
@@ -0,0 +1,79 @@
+# Suite
+
+All transitions are set to `none` in order to ensure that all elements of
+interest always look the same and are not captured somewhere in the middle.
+
+<style>
+ *,
+ *::before,
+ *::after {
+ transition: none !important;
+ }
+</style>
+
+## Lorem ipsum dolor sit amet
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum
+lacinia urna id vestibulum. Maecenas tincidunt nulla dui, a dapibus turpis
+iaculis at. Donec tortor sem, scelerisque ut congue id, pretium ac risus.
+Vivamus ac quam semper, elementum neque nec, dictum sem. Nullam porttitor in
+ipsum quis sagittis. Cras viverra egestas purus ullamcorper eleifend. Nunc id
+facilisis magna, id sagittis metus. Suspendisse egestas, ipsum sed consectetur
+pretium, mauris tortor eleifend sem, vel cursus diam augue at diam. Nullam
+accumsan id sapien feugiat ultrices. Cras tempor nulla a maximus dignissim.
+Aliquam sed orci et elit tempor bibendum ac non neque. Aliquam erat volutpat.
+Duis eu ligula ullamcorper, tristique libero in, eleifend turpis. Cras
+fermentum iaculis ipsum, vitae viverra enim posuere vel. Phasellus non
+fermentum arcu. Donec pulvinar erat non tellus rhoncus, bibendum interdum
+libero ornare.
+
+### Consectetur adipiscing elit
+
+Etiam vel commodo turpis. Proin imperdiet ante eu suscipit ullamcorper.
+Vivamus pharetra, mauris nec bibendum suscipit, dui velit vehicula purus,
+sit amet pretium ex felis quis tellus. Nunc urna purus, dignissim in justo
+quis, tempus sollicitudin odio. Morbi in commodo leo. Vestibulum fringilla
+arcu quis venenatis venenatis. Phasellus vitae est at magna aliquam hendrerit.
+Sed egestas, dui sit amet convallis porttitor, velit lectus molestie ipsum,
+non ullamcorper erat elit vitae purus. In pulvinar nisl sed nulla placerat,
+ac sollicitudin felis varius. Nunc orci quam, cursus ut fermentum eu,
+interdum id dolor. Etiam tincidunt est elit, at tempus ligula pretium quis.
+
+#### Etiam condimentum lacinia urna id vestibulum
+
+In vitae leo ullamcorper, lobortis nibh at, varius risus. Lorem ipsum dolor sit
+amet, consectetur adipiscing elit. Sed risus neque, mattis a urna in, gravida
+bibendum odio. Quisque enim nunc, auctor id justo a, viverra tempor dolor.
+Duis molestie sagittis justo, id euismod mauris volutpat et. Suspendisse sed
+leo vitae eros pulvinar scelerisque ut eu dolor. Nam at sapien dui. Integer
+mattis faucibus metus. Pellentesque habitant morbi tristique senectus et netus
+et malesuada fames ac turpis egestas. Mauris non sapien eleifend, eleifend
+lectus at, elementum metus. Maecenas in tortor ut dui venenatis venenatis
+sed id erat. Duis felis leo, eleifend a orci a, iaculis hendrerit arcu.
+Praesent eget tellus tellus. Mauris eleifend mauris vitae porta laoreet. Morbi
+venenatis, eros consectetur faucibus sodales, sapien purus interdum erat, quis
+ultricies lacus odio sit amet tellus. Sed tincidunt est vitae sapien tempor
+elementum.
+
+##### Maecenas tincidunt nulla dui, a dapibus turpis iaculis at
+
+Morbi ac eros ultrices, pulvinar ante ut, gravida risus. Integer id dolor
+rhoncus odio scelerisque vestibulum. Integer justo felis, finibus congue felis
+in, efficitur bibendum libero. Lorem ipsum dolor sit amet, consectetur
+adipiscing elit. Aenean dignissim enim ac justo cursus condimentum. Class
+aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
+himenaeos. Morbi euismod pulvinar lacus sit amet egestas. Praesent in ex
+molestie, scelerisque diam id, malesuada mauris. Vivamus at magna eu tellus
+cursus hendrerit eu nec felis. Suspendisse ut hendrerit ex. Nulla semper quam
+nec tincidunt vestibulum. Donec non nibh elit. Donec neque lacus, consequat
+vitae nibh et, faucibus mollis dolor.
+
+###### Donec tortor sem
+
+Nunc tempus lectus odio, sed laoreet elit suscipit et. Cras rutrum nibh eget
+tellus tempus, et sodales sapien varius. Nam quis mi sagittis lacus commodo
+cursus et viverra nibh. Vivamus ut egestas ante. Proin scelerisque tortor
+turpis, at facilisis tortor feugiat mollis. Suspendisse neque odio, efficitur
+quis ipsum a, tristique rutrum purus. Fusce ac tellus in magna eleifend
+aliquet. Aliquam lectus libero, varius id nibh a, gravida fermentum est.
+Aliquam erat volutpat.
diff --git a/tests/snapshot/suites/layout/nav/index.js b/tests/snapshot/suites/layout/nav/index.js
new file mode 100644
index 00000000..ef1acf1d
--- /dev/null
+++ b/tests/snapshot/suites/layout/nav/index.js
@@ -0,0 +1,57 @@
+/*
+ * Copyright (c) 2016-2017 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+/* ----------------------------------------------------------------------------
+ * Tests
+ * ------------------------------------------------------------------------- */
+
+/* Layout */
+describe("layout", () => {
+
+ /* Navigation */
+ describe("md-nav--primary", () => {
+
+ /* Load fixtures and open drawer */
+ beforeAll(done => {
+ viewport.load("/layout/nav/_/index.html", () => {
+ const drawer = viewport.element.contentDocument.querySelector( // viewport.delay(1000) // set delay when
+ "[data-md-toggle=\"drawer\"]")
+ drawer.checked = true
+ done()
+ })
+ })
+
+ /* Reset viewport */
+ afterEach(() => {
+ viewport.reset()
+ })
+
+ /* Test: should capture layout */
+ it("should capture layout", () => {
+ viewport.each(name => {
+ // debugger // eslint-disable-line
+ expect(ginseng.capture(`@${name}`, ".md-nav--primary")) // TODO: ginseng.query() --> returns element inside context!
+ .toEqual(true)
+ })
+ })
+ })
+})
diff --git a/tests/snapshot/suites/layout/nav/mkdocs.yml b/tests/snapshot/suites/layout/nav/mkdocs.yml
new file mode 100644
index 00000000..c6b4859d
--- /dev/null
+++ b/tests/snapshot/suites/layout/nav/mkdocs.yml
@@ -0,0 +1,35 @@
+# Copyright (c) 2016-2017 Martin Donath <martin.donath@squidfunk.com>
+
+# Permission is hereby granted, free of charge, to any person obtaining a copy
+# of this software and associated documentation files (the "Software"), to
+# deal in the Software without restriction, including without limitation the
+# rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+# sell copies of the Software, and to permit persons to whom the Software is
+# furnished to do so, subject to the following conditions:
+
+# The above copyright notice and this permission notice shall be included in
+# all copies or substantial portions of the Software.
+
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+# FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+# FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+# IN THE SOFTWARE.
+
+# Test suite
+site_name: Test
+pages:
+ - Lorem ipsum dolor sit amet: index.md
+ - Consectetur adipiscing elit: _.md
+ - Etiam condimentum lacinia urna id vestibulum: _.md
+ - A dapibus turpis iaculis at:
+ - Donec tortor sem: nested.md
+ - Scelerisque ut congue id: secondary.md
+ - Pretium ac risus: _.md
+ - Maecenas tincidunt nulla dui: _.md
+
+# Reset webfonts because of flaky tests
+extra:
+ font: none
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 00000000..e69de29b
--
GitLab