test(instances): update network step snapshot

This commit is contained in:
Fábio Moreira 2018-05-28 09:43:36 +01:00
parent 1f54a586f3
commit 0a651abc72
1 changed files with 249 additions and 89 deletions

View File

@ -1048,7 +1048,7 @@ exports[`renders <Networks networks /> without throwing 1`] = `
}
.c17 {
padding: 1.875rem;
padding: 1.125rem;
}
.c6 {
@ -1403,6 +1403,12 @@ exports[`renders <Networks networks /> without throwing 1`] = `
font-weight: 200;
}
@media (min-width:46.0625em) {
.c17 {
padding: 1.875rem;
}
}
@media only screen and (min-width:48em) {
.c1 {
width: 46rem;
@ -1655,139 +1661,285 @@ exports[`renders <Networks networks /> without throwing 1`] = `
</div>
</div>
</div>
<div
className="c19"
<span
name="react-responsive-mock"
query="only screen and (min-width: 37.5rem)"
>
<div
className="c20"
className="c19"
>
<div
className="c21"
className="c20"
>
<div
className="c20"
className="c21"
>
<div
className="c22"
className="c20"
>
<svg
height="17"
style={
Object {
"transform": "rotate(0deg)",
}
}
version="1.1"
viewBox="0 0 17 17"
width="17"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
<div
className="c22"
>
<g
transform="translate(-1105 974)"
<svg
height="17"
style={
Object {
"transform": "rotate(0deg)",
}
}
version="1.1"
viewBox="0 0 17 17"
width="17"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1105 -974)"
xlinkHref="#c"
/>
</g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1111 -974)"
xlinkHref="#c"
/>
</g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1117 -974)"
xlinkHref="#c"
/>
</g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1105 -968)"
xlinkHref="#c"
/>
</g>
<g
transform="translate(-1105 974)"
>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1111 -968)"
xlinkHref="#d"
transform="translate(1105 -974)"
xlinkHref="#c"
/>
</g>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1117 -968)"
xlinkHref="#d"
transform="translate(1111 -974)"
xlinkHref="#c"
/>
</g>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1105 -962)"
xlinkHref="#d"
transform="translate(1117 -974)"
xlinkHref="#c"
/>
</g>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1111 -962)"
xlinkHref="#d"
transform="translate(1105 -968)"
xlinkHref="#c"
/>
</g>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1117 -962)"
xlinkHref="#d"
/>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1111 -968)"
xlinkHref="#d"
/>
</g>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1117 -968)"
xlinkHref="#d"
/>
</g>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1105 -962)"
xlinkHref="#d"
/>
</g>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1111 -962)"
xlinkHref="#d"
/>
</g>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1117 -962)"
xlinkHref="#d"
/>
</g>
</g>
</g>
</g>
</g>
<defs>
<path
d="M 2.5 5C 3.88071 5 5 3.88071 5 2.5C 5 1.11929 3.88071 0 2.5 0C 1.11929 0 0 1.11929 0 2.5C 0 3.88071 1.11929 5 2.5 5Z"
id="c"
/>
<path
d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
id="d"
/>
</defs>
</svg>
<defs>
<path
d="M 2.5 5C 3.88071 5 5 3.88071 5 2.5C 5 1.11929 3.88071 0 2.5 0C 1.11929 0 0 1.11929 0 2.5C 0 3.88071 1.11929 5 2.5 5Z"
id="c"
/>
<path
d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
id="d"
/>
</defs>
</svg>
</div>
</div>
<div
className="c20"
>
<p
className="c6"
>
2 instances
</p>
</div>
</div>
</div>
</div>
</span>
</div>
<span
name="react-responsive-mock"
query="only screen and (max-width: 37.4375rem)"
>
<div
className="c18"
>
<div
className="c19"
>
<div
className="c20"
>
<div
className="c20"
className="c21"
>
<p
className="c6"
<div
className="c20"
>
2 instances
</p>
<div
className="c22"
>
<svg
height="17"
style={
Object {
"transform": "rotate(0deg)",
}
}
version="1.1"
viewBox="0 0 17 17"
width="17"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<g
transform="translate(-1105 974)"
>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1105 -974)"
xlinkHref="#c"
/>
</g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1111 -974)"
xlinkHref="#c"
/>
</g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1117 -974)"
xlinkHref="#c"
/>
</g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1105 -968)"
xlinkHref="#c"
/>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1111 -968)"
xlinkHref="#d"
/>
</g>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1117 -968)"
xlinkHref="#d"
/>
</g>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1105 -962)"
xlinkHref="#d"
/>
</g>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1111 -962)"
xlinkHref="#d"
/>
</g>
</g>
<g>
<g>
<use
fill="rgb(73, 73, 73)"
transform="translate(1117 -962)"
xlinkHref="#d"
/>
</g>
</g>
</g>
</g>
<defs>
<path
d="M 2.5 5C 3.88071 5 5 3.88071 5 2.5C 5 1.11929 3.88071 0 2.5 0C 1.11929 0 0 1.11929 0 2.5C 0 3.88071 1.11929 5 2.5 5Z"
id="c"
/>
<path
d="M 2.5 1C 3.3 1 4 1.7 4 2.5C 4 3.3 3.3 4 2.5 4C 1.7 4 1 3.3 1 2.5C 1 1.7 1.7 1 2.5 1ZM 2.5 0C 1.1 0 0 1.1 0 2.5C 0 3.9 1.1 5 2.5 5C 3.9 5 5 3.9 5 2.5C 5 1.1 3.9 0 2.5 0Z"
id="d"
/>
</defs>
</svg>
</div>
</div>
<div
className="c20"
>
<p
className="c6"
>
2 instances
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</span>
<div
className="c23"
>
@ -2042,7 +2194,15 @@ exports[`renders <Networks networks /> without throwing 1`] = `
</div>
</div>
</div>
<span
name="react-responsive-mock"
query="only screen and (min-width: 37.5rem)"
/>
</div>
<span
name="react-responsive-mock"
query="only screen and (max-width: 37.4375rem)"
/>
</div>
</div>
</div>