Files
mkdocs-material/gemini-report/index.html
2017-05-15 11:05:28 +02:00

13388 lines
671 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Gemini report</title>
<link rel="stylesheet" type="text/css" href="report.css">
</head>
<body class="report">
<dl class="summary">
<dt class="summary__key">Total Tests</dt><dd class="summary__value">276</dd>
<dt class="summary__key">Passed</dt><dd class="summary__value">130</dd>
<dt class="summary__key summary__key_has-fails">Failed</dt><dd class="summary__value">146</dd>
<dt class="summary__key">Skipped</dt><dd class="summary__value">0</dd>
<dt class="summary__key">Retries</dt><dd class="summary__value">0</dd>
</dl>
<button id="expandAll" class="button">Expand all</button>
<button id="collapseAll" class="button">Collapse all</button>
<button id="expandErrors" class="button">Expand errors</button>
<button id="showSkipped" class="button">Show skipped</button>
<button id="showRetries" class="button">Expand retries</button>
<button id="showOnlyDiff" class="button">Show only diff</button>
<input id="viewHostInput" class="text-input" size="40" placeholder="change original host for view in browser"/>
<div id="skippedList" class="skipped__list collapsed">
There are no skipped tests
</div>
<div class="section section_status_fail ">
<div class="section__title">
admonition
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_success ">
<div class="section__title">
@mobile-portrait
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,@mobile-portrait">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%40mobile-portrait/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%40mobile-portrait/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%40mobile-portrait/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%40mobile-portrait/ie11~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_success ">
<div class="section__title">
@mobile-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,@mobile-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%40mobile-landscape/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%40mobile-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%40mobile-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%40mobile-landscape/ie11~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_success ">
<div class="section__title">
@tablet-portrait
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,@tablet-portrait">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%40tablet-portrait/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%40tablet-portrait/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%40tablet-portrait/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%40tablet-portrait/ie11~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
#custom-title
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#custom-title">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#custom-title,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23custom-title/%40screen/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23custom-title/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23custom-title/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23custom-title/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23custom-title/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23custom-title/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23custom-title/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23custom-title/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
#long-title
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#long-title">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#long-title,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23long-title/%40screen/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23long-title/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23long-title/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23long-title/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23long-title/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23long-title/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23long-title/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23long-title/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
#empty-title
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#empty-title">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#empty-title,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23empty-title/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23empty-title/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23empty-title/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23empty-title/%40screen/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23empty-title/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23empty-title/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23empty-title/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23empty-title/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
#note
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#note">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#note,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23note/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23note/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23note/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23note/%40screen/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23note/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23note/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23note/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23note/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
#summary
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#summary">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#summary,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23summary/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23summary/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23summary/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23summary/%40screen/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23summary/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23summary/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23summary/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23summary/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
#tip
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#tip">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#tip,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23tip/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23tip/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23tip/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23tip/%40screen/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23tip/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23tip/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23tip/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23tip/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
#success
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#success">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#success,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23success/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23success/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23success/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23success/%40screen/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23success/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23success/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23success/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23success/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
#warning
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#warning">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#warning,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23warning/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23warning/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23warning/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23warning/%40screen/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23warning/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23warning/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23warning/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23warning/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
#failure
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#failure">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#failure,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23failure/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23failure/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23failure/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23failure/%40screen/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23failure/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23failure/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23failure/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23failure/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
#danger
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#danger">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#danger,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23danger/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23danger/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23danger/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23danger/%40screen/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23danger/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23danger/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23danger/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23danger/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
#bug
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#bug">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="admonition,#bug,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23bug/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23bug/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23bug/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23bug/%40screen/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/admonition/%23bug/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/admonition/%23bug/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/admonition/%23bug/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000extensions/admonition/_/" href="http://localhost:8000extensions/admonition/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/extensions/admonition/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/extensions/admonition/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/admonition/%23bug/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail has-retries">
<div class="section__title">
md-nav--primary
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/%40tablet-landscape/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/%40tablet-landscape/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/%40tablet-landscape/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
~nested
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,~nested">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,~nested,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/~nested/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/~nested/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/~nested/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/~nested/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/~nested/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/~nested/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/~nested/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/~nested/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/~nested/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/~nested/%40screen/firefox~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/~nested/%40screen/firefox~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/~nested/%40screen/firefox~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
md-nav__title
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__title">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__title,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__title/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__title/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__title/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__title/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__title/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__title/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__title/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__title/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__title,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__title/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__title/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__title/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__title/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__title/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__title/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__title/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__title/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
~overflow
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__title,~overflow">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__title,~overflow,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_overflow/_" href="http://localhost:8000layout/nav/_overflow/_"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_overflow/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_overflow/_" href="http://localhost:8000layout/nav/_overflow/_"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_overflow/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_overflow/_" href="http://localhost:8000layout/nav/_overflow/_"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_overflow/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_overflow/_" href="http://localhost:8000layout/nav/_overflow/_"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_overflow/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__title,~overflow,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_overflow/_" href="http://localhost:8000layout/nav/_overflow/_"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_overflow/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_overflow/_" href="http://localhost:8000layout/nav/_overflow/_"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_overflow/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_overflow/_" href="http://localhost:8000layout/nav/_overflow/_"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_overflow/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_overflow/_" href="http://localhost:8000layout/nav/_overflow/_"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_overflow/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__title/~overflow/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
md-nav__item
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item/%40screen/firefox~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item/%40screen/firefox~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item/%40screen/firefox~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
md-nav__item--nested
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40screen/firefox~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40screen/firefox~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/%40screen/firefox~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
md-nav__link
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav__link">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav__link,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav__link,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
:focus
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav__link,:focus">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav__link,:focus,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav__link,:focus,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Afocus/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
:hover
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav__link,:hover">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav__link,:hover,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav__link,:hover,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav__link/%3Ahover/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
md-nav
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40tablet-landscape/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40tablet-landscape/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40tablet-landscape/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40tablet-landscape/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40screen/firefox~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40screen/firefox~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/%40screen/firefox~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
md-nav__title
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav,md-nav__title">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav,md-nav__title,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/%40tablet-landscape/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/nested" href="http://localhost:8000layout/nav/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/%40tablet-landscape/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/%40tablet-landscape/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/%40tablet-landscape/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
~overflow
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav,md-nav__title,~overflow">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__item--nested,md-nav,md-nav__title,~overflow,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_success ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_overflow/_/nested" href="http://localhost:8000layout/nav/_overflow/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_overflow/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/~overflow/%40tablet-landscape/chrome~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_overflow/_/nested" href="http://localhost:8000layout/nav/_overflow/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_overflow/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/~overflow/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/~overflow/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/~overflow/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_overflow/_/nested" href="http://localhost:8000layout/nav/_overflow/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_overflow/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/~overflow/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_overflow/_/nested" href="http://localhost:8000layout/nav/_overflow/_/nested"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_overflow/_/nested&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__item--nested/md-nav/md-nav__title/~overflow/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail has-retries">
<div class="section__title">
md-nav__link
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail has-retries">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail has-retries">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box image-box_error">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab-switcher">
<button class="state-button tab-switcher__button" data-position="0">
1
</button>
<button class="state-button tab-switcher__button tab-switcher__button_active" data-position="1">
2
</button>
</div>
<div class="tab">
<div class="tab__item" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link/%40tablet-landscape/edge~ref.png">
</div>
</div>
<div class="tab__item tab__item_active" data-position="1">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<pre class="reason">Error: [setWindowSize(1280,1024)] Error response status: 13, UnknownError - An unknown server-side error occurred while processing the command. Selenium error: A window size operation failed because the window is not currently available (WARNING: The server did not provide any stacktrace information)
Command duration or timeout: 31 milliseconds
Build info: version: &#x27;2.52.0&#x27;, revision: &#x27;4c2593c&#x27;, time: &#x27;2016-02-11 19:06:42&#x27;
System info: host: &#x27;sauce-win10&#x27;, ip: &#x27;172.20.58.91&#x27;, os.name: &#x27;Windows 10&#x27;, os.arch: &#x27;amd64&#x27;, os.version: &#x27;10.0&#x27;, java.version: &#x27;1.8.0_101&#x27;
Driver info: org.openqa.selenium.edge.EdgeDriver
Capabilities [{applicationCacheEnabled&#x3D;true, acceptSslCerts&#x3D;true, browserVersion&#x3D;38.14393.0.0, platformVersion&#x3D;10, locationContextEnabled&#x3D;true, webStorageEnabled&#x3D;true, browserName&#x3D;MicrosoftEdge, takesScreenshot&#x3D;true, pageLoadStrategy&#x3D;normal, takesElementScreenshot&#x3D;true, platformName&#x3D;windows, platform&#x3D;ANY}]
Session ID: XXXXXXXX-XXXX-XXXX-XXXX-XXXX3464B438
at exports.newError (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/lib/utils.js:139:13)
at /Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/lib/callbacks.js:33:23
at /Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/lib/webdriver.js:174:5
at Request._callback (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/lib/http-utils.js:87:7)
at Request.self.callback (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/node_modules/request/request.js:368:22)
at emitTwo (events.js:106:13)
at Request.emit (events.js:191:7)
at Request.&lt;anonymous&gt; (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/node_modules/request/request.js:1219:14)
at emitOne (events.js:101:20)
at Request.emit (events.js:188:7)
at IncomingMessage.&lt;anonymous&gt; (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/node_modules/request/request.js:1167:12)
at emitNone (events.js:91:20)
at IncomingMessage.emit (events.js:185:7)
at endReadableNT (_stream_readable.js:974:12)
at _combinedTickCallback (internal/process/next_tick.js:74:11)
at process._tickCallback (internal/process/next_tick.js:98:9)</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail has-retries">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail has-retries">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box image-box_error">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab-switcher">
<button class="state-button tab-switcher__button" data-position="0">
1
</button>
<button class="state-button tab-switcher__button tab-switcher__button_active" data-position="1">
2
</button>
</div>
<div class="tab">
<div class="tab__item" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<pre class="reason">Error: [getWindowSize()] Error response status: 13, , UnknownError - An unknown server-side error occurred while processing the command. Selenium error: A window size operation failed because the window is not currently available (WARNING: The server did not provide any stacktrace information)
Command duration or timeout: 15 milliseconds
Build info: version: &#x27;2.52.0&#x27;, revision: &#x27;4c2593c&#x27;, time: &#x27;2016-02-11 19:06:42&#x27;
System info: host: &#x27;sauce-win10&#x27;, ip: &#x27;172.20.58.91&#x27;, os.name: &#x27;Windows 10&#x27;, os.arch: &#x27;amd64&#x27;, os.version: &#x27;10.0&#x27;, java.version: &#x27;1.8.0_101&#x27;
Driver info: org.openqa.selenium.edge.EdgeDriver
Capabilities [{applicationCacheEnabled&#x3D;true, acceptSslCerts&#x3D;true, browserVersion&#x3D;38.14393.0.0, platformVersion&#x3D;10, locationContextEnabled&#x3D;true, webStorageEnabled&#x3D;true, browserName&#x3D;MicrosoftEdge, takesScreenshot&#x3D;true, pageLoadStrategy&#x3D;normal, takesElementScreenshot&#x3D;true, platformName&#x3D;windows, platform&#x3D;ANY}]
Session ID: XXXXXXXX-XXXX-XXXX-XXXX-XXXX3464B438
at exports.newError (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/lib/utils.js:139:13)
at /Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/lib/callbacks.js:75:19
at /Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/lib/webdriver.js:174:5
at Request._callback (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/lib/http-utils.js:87:7)
at Request.self.callback (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/node_modules/request/request.js:368:22)
at emitTwo (events.js:106:13)
at Request.emit (events.js:191:7)
at Request.&lt;anonymous&gt; (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/node_modules/request/request.js:1219:14)
at emitOne (events.js:101:20)
at Request.emit (events.js:188:7)
at IncomingMessage.&lt;anonymous&gt; (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/node_modules/request/request.js:1167:12)
at emitNone (events.js:91:20)
at IncomingMessage.emit (events.js:185:7)
at endReadableNT (_stream_readable.js:974:12)
at _combinedTickCallback (internal/process/next_tick.js:74:11)
at process._tickCallback (internal/process/next_tick.js:98:9)</pre>
<img data-src="images/md-nav--primary/md-nav__link/%40screen/edge~current.png">
</div>
</div>
<div class="tab__item tab__item_active" data-position="1">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c0f62a39d2e34c0cb84e1d6dd90713e2&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<pre class="reason">Error: [setWindowSize(1280,1024)] Error response status: 13, UnknownError - An unknown server-side error occurred while processing the command. Selenium error: A window size operation failed because the window is not currently available (WARNING: The server did not provide any stacktrace information)
Command duration or timeout: 31 milliseconds
Build info: version: &#x27;2.52.0&#x27;, revision: &#x27;4c2593c&#x27;, time: &#x27;2016-02-11 19:06:42&#x27;
System info: host: &#x27;sauce-win10&#x27;, ip: &#x27;172.20.58.91&#x27;, os.name: &#x27;Windows 10&#x27;, os.arch: &#x27;amd64&#x27;, os.version: &#x27;10.0&#x27;, java.version: &#x27;1.8.0_101&#x27;
Driver info: org.openqa.selenium.edge.EdgeDriver
Capabilities [{applicationCacheEnabled&#x3D;true, acceptSslCerts&#x3D;true, browserVersion&#x3D;38.14393.0.0, platformVersion&#x3D;10, locationContextEnabled&#x3D;true, webStorageEnabled&#x3D;true, browserName&#x3D;MicrosoftEdge, takesScreenshot&#x3D;true, pageLoadStrategy&#x3D;normal, takesElementScreenshot&#x3D;true, platformName&#x3D;windows, platform&#x3D;ANY}]
Session ID: XXXXXXXX-XXXX-XXXX-XXXX-XXXX3464B438
at exports.newError (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/lib/utils.js:139:13)
at /Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/lib/callbacks.js:33:23
at /Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/lib/webdriver.js:174:5
at Request._callback (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/lib/http-utils.js:87:7)
at Request.self.callback (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/node_modules/request/request.js:368:22)
at emitTwo (events.js:106:13)
at Request.emit (events.js:191:7)
at Request.&lt;anonymous&gt; (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/node_modules/request/request.js:1219:14)
at emitOne (events.js:101:20)
at Request.emit (events.js:188:7)
at IncomingMessage.&lt;anonymous&gt; (/Users/squidfunk/Desktop/mkdocs-material/node_modules/wd/node_modules/request/request.js:1167:12)
at emitNone (events.js:91:20)
at IncomingMessage.emit (events.js:185:7)
at endReadableNT (_stream_readable.js:974:12)
at _combinedTickCallback (internal/process/next_tick.js:74:11)
at process._tickCallback (internal/process/next_tick.js:98:9)</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
:focus
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link,:focus">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link,:focus,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link,:focus,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link/%3Afocus/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
:hover
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link,:hover">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link,:hover,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box image-box_error">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<pre class="reason">Error: getaddrinfo ENOTFOUND ondemand.saucelabs.com ondemand.saucelabs.com:80
at errnoException (dns.js:28:10)
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:76:26)</pre>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Ahover/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Ahover/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Ahover/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link/%3Ahover/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link/%3Ahover/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link,:hover,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box image-box_error">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;6790a27d5d1a4176884f331cb5ac6560&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<pre class="reason">Error: getaddrinfo ENOTFOUND ondemand.saucelabs.com ondemand.saucelabs.com:80
at errnoException (dns.js:28:10)
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:76:26)</pre>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Ahover/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Ahover/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link/%3Ahover/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link/%3Ahover/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link/%3Ahover/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
md-nav__link--active
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c038d8eb6f814659bcaae4bbee2f7544&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c038d8eb6f814659bcaae4bbee2f7544&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
:focus
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,:focus">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,:focus,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c038d8eb6f814659bcaae4bbee2f7544&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,:focus,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c038d8eb6f814659bcaae4bbee2f7544&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/%3Afocus/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
:hover
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,:hover">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,:hover,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c038d8eb6f814659bcaae4bbee2f7544&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,:hover,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c038d8eb6f814659bcaae4bbee2f7544&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/%3Ahover/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
~toc
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,~toc">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-portrait
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,~toc,@tablet-portrait">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c038d8eb6f814659bcaae4bbee2f7544&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%40tablet-portrait/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%40tablet-portrait/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%40tablet-portrait/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%40tablet-portrait/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%40tablet-portrait/ie11~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%40tablet-portrait/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
:focus
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,~toc,:focus">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-portrait
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,~toc,:focus,@tablet-portrait">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c038d8eb6f814659bcaae4bbee2f7544&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%3Afocus/%40tablet-portrait/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%3Afocus/%40tablet-portrait/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%3Afocus/%40tablet-portrait/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%3Afocus/%40tablet-portrait/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%3Afocus/%40tablet-portrait/ie11~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%3Afocus/%40tablet-portrait/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
:hover
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,~toc,:hover">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-portrait
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav__link--active,~toc,:hover,@tablet-portrait">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c038d8eb6f814659bcaae4bbee2f7544&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%3Ahover/%40tablet-portrait/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%3Ahover/%40tablet-portrait/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%3Ahover/%40tablet-portrait/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%3Ahover/%40tablet-portrait/ie11~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%3Ahover/%40tablet-portrait/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/" href="http://localhost:8000layout/nav/_/"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--primary/md-nav__link--active/~toc/%3Ahover/%40tablet-portrait/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
md-nav--secondary
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav--secondary">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-portrait
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--primary,md-nav--secondary,@tablet-portrait">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box image-box_error">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;c038d8eb6f814659bcaae4bbee2f7544&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<pre class="reason">StateError: Area with css selector : .md-nav--primary .md-nav--secondary is hidden
at /Users/squidfunk/Desktop/mkdocs-material/node_modules/gemini/lib/browser/client-bridge.js:42:39
at tryCatcher (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/util.js:16:23)
at Promise._settlePromiseFromHandler (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:510:31)
at Promise._settlePromise (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:567:18)
at Promise._settlePromise0 (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:612:10)
at Promise._settlePromises (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:691:18)
at Async._drainQueue (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/async.js:133:16)
at Async._drainQueues (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/async.js:143:10)
at Immediate.Async.drainQueues (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/async.js:17:14)
at runCallback (timers.js:649:20)
at tryOnImmediate (timers.js:622:5)
at processImmediate [as _immediateCallback] (timers.js:594:5)</pre>
<img data-src="images/md-nav--primary/md-nav--secondary/%40tablet-portrait/chrome~current.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box image-box_error">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;3fba76d9850f499c825e0fbe23e6c74a&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<pre class="reason">StateError: Area with css selector : .md-nav--primary .md-nav--secondary is hidden
at /Users/squidfunk/Desktop/mkdocs-material/node_modules/gemini/lib/browser/client-bridge.js:42:39
at tryCatcher (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/util.js:16:23)
at Promise._settlePromiseFromHandler (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:510:31)
at Promise._settlePromise (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:567:18)
at Promise._settlePromise0 (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:612:10)
at Promise._settlePromises (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:691:18)
at Async._drainQueue (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/async.js:133:16)
at Async._drainQueues (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/async.js:143:10)
at Immediate.Async.drainQueues (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/async.js:17:14)
at runCallback (timers.js:649:20)
at tryOnImmediate (timers.js:622:5)
at processImmediate [as _immediateCallback] (timers.js:594:5)</pre>
<img data-src="images/md-nav--primary/md-nav--secondary/%40tablet-portrait/firefox~current.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box image-box_error">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;80bc391c7a3c4762b02d7f4dd18f874c&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<pre class="reason">StateError: Area with css selector : .md-nav--primary .md-nav--secondary is hidden
at /Users/squidfunk/Desktop/mkdocs-material/node_modules/gemini/lib/browser/client-bridge.js:42:39
at tryCatcher (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/util.js:16:23)
at Promise._settlePromiseFromHandler (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:510:31)
at Promise._settlePromise (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:567:18)
at Promise._settlePromise0 (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:612:10)
at Promise._settlePromises (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:691:18)
at Async._drainQueue (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/async.js:133:16)
at Async._drainQueues (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/async.js:143:10)
at Immediate.Async.drainQueues (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/async.js:17:14)
at runCallback (timers.js:649:20)
at tryOnImmediate (timers.js:622:5)
at processImmediate [as _immediateCallback] (timers.js:594:5)</pre>
<img data-src="images/md-nav--primary/md-nav--secondary/%40tablet-portrait/ie11~current.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box image-box_error">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;fe90a0f94568484f9563074d4d98c1cc&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<pre class="reason">StateError: Area with css selector : .md-nav--primary .md-nav--secondary is hidden
at /Users/squidfunk/Desktop/mkdocs-material/node_modules/gemini/lib/browser/client-bridge.js:42:39
at tryCatcher (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/util.js:16:23)
at Promise._settlePromiseFromHandler (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:510:31)
at Promise._settlePromise (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:567:18)
at Promise._settlePromise0 (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:612:10)
at Promise._settlePromises (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/promise.js:691:18)
at Async._drainQueue (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/async.js:133:16)
at Async._drainQueues (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/async.js:143:10)
at Immediate.Async.drainQueues (/Users/squidfunk/Desktop/mkdocs-material/node_modules/bluebird/js/release/async.js:17:14)
at runCallback (timers.js:649:20)
at tryOnImmediate (timers.js:622:5)
at processImmediate [as _immediateCallback] (timers.js:594:5)</pre>
<img data-src="images/md-nav--primary/md-nav--secondary/%40tablet-portrait/edge~current.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
md-nav--secondary
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
md-nav__title
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__title">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__title,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__title/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__title/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__title/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__title/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__title/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__title/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__title/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__title/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__title,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__title/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__title/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__title/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__title/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__title/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__title/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__title/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__title/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
md-nav__item
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__item">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__item,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40tablet-landscape/firefox~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40tablet-landscape/firefox~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40tablet-landscape/firefox~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40tablet-landscape/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40tablet-landscape/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40tablet-landscape/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__item,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40screen/firefox~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40screen/firefox~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40screen/firefox~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40screen/edge~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40screen/edge~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__item/%40screen/edge~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
md-nav__link
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
:focus
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,:focus">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,:focus,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,:focus,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/%3Afocus/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
:hover
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,:hover">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,:hover,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,:hover,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/%3Ahover/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
~blurred
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,~blurred">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,~blurred,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,~blurred,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
:focus
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,~blurred,:focus">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,~blurred,:focus,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,~blurred,:focus,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Afocus/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
:hover
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,~blurred,:hover">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_status_fail ">
<div class="section__title">
@tablet-landscape
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,~blurred,:hover,@tablet-landscape">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40tablet-landscape/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40tablet-landscape/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40tablet-landscape/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40tablet-landscape/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40tablet-landscape/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40tablet-landscape/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40tablet-landscape/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40tablet-landscape/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_status_fail ">
<div class="section__title">
@screen
<button
class="button section__icon section__icon_copy-to-clipboard"
title="copy to clipboard"
data-clipboard-text="md-nav--secondary,md-nav__link,~blurred,:hover,@screen">
</button>
</div>
<div class="section__body section__body_guided">
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
chrome
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;30ab1e7510c14a389956bb3bdf5a2c90&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40screen/chrome~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40screen/chrome~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40screen/chrome~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
firefox
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;9063701d4db34efbb12daaef9edd93fb&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40screen/firefox~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_fail ">
<div class="section__title">
ie11
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;bc5a9570a6e54dd499c212077baf997a&quot;
}</pre>
</div>
</div>
<div class="image-box__exp-with-act">
<div class="image-box__image">
<div class="image-box__title">Expected</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40screen/ie11~ref.png">
</div>
<div class="image-box__image">
<div class="image-box__title">Actual</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40screen/ie11~current.png">
</div>
</div>
<div class="image-box__image">
<div class="image-box__title">Diff</div>
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40screen/ie11~diff.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section_collapsed section_status_success ">
<div class="section__title">
edge
<a
class="button section__icon section__icon_view-local"
data-suite-view-link="http://localhost:8000layout/nav/_/secondary" href="http://localhost:8000layout/nav/_/secondary"
title="view in browser"
target="_blank">
</a>
</div>
<div class="section__body">
<div class="image-box ">
<div class="cswitcher">
<button data-id="1" class="state-button cswitcher__item cswitcher_color_1 cswitcher__item_selected">&nbsp;</button>
<button data-id="2" class="state-button cswitcher__item cswitcher_color_2">&nbsp;</button>
<button data-id="3" class="state-button cswitcher__item cswitcher_color_3">&nbsp;</button>
</div>
<div class="tab">
<div class="tab__item tab__item_active" data-position="0">
<div class="meta-info meta-info_collapsed">
<div class="meta-info__switcher">Meta-info</div>
<div class="meta-info__content">
<pre>{
&quot;url&quot;: &quot;/layout/nav/_/secondary&quot;,
&quot;file&quot;: &quot;tests/visual/suites/layout/nav/suite.js&quot;,
&quot;sessionId&quot;: &quot;ac741df8a41f4a349ce07b495a7cd375&quot;
}</pre>
</div>
</div>
<div class="image-box__image">
<img data-src="images/md-nav--secondary/md-nav__link/~blurred/%3Ahover/%40screen/edge~ref.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="report.min.js"></script>
</body>
</html>