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 { .c17 {
padding: 1.875rem; padding: 1.125rem;
} }
.c6 { .c6 {
@ -1403,6 +1403,12 @@ exports[`renders <Networks networks /> without throwing 1`] = `
font-weight: 200; font-weight: 200;
} }
@media (min-width:46.0625em) {
.c17 {
padding: 1.875rem;
}
}
@media only screen and (min-width:48em) { @media only screen and (min-width:48em) {
.c1 { .c1 {
width: 46rem; width: 46rem;
@ -1655,139 +1661,285 @@ exports[`renders <Networks networks /> without throwing 1`] = `
</div> </div>
</div> </div>
</div> </div>
<div <span
className="c19" name="react-responsive-mock"
query="only screen and (min-width: 37.5rem)"
> >
<div <div
className="c20" className="c19"
> >
<div <div
className="c21" className="c20"
> >
<div <div
className="c20" className="c21"
> >
<div <div
className="c22" className="c20"
> >
<svg <div
height="17" className="c22"
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 <svg
transform="translate(-1105 974)" 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
<g> transform="translate(-1105 974)"
<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>
<g> <g>
<use <use
fill="rgb(73, 73, 73)" fill="rgb(73, 73, 73)"
transform="translate(1111 -968)" transform="translate(1105 -974)"
xlinkHref="#d" xlinkHref="#c"
/> />
</g> </g>
</g>
<g>
<g> <g>
<use <use
fill="rgb(73, 73, 73)" fill="rgb(73, 73, 73)"
transform="translate(1117 -968)" transform="translate(1111 -974)"
xlinkHref="#d" xlinkHref="#c"
/> />
</g> </g>
</g>
<g>
<g> <g>
<use <use
fill="rgb(73, 73, 73)" fill="rgb(73, 73, 73)"
transform="translate(1105 -962)" transform="translate(1117 -974)"
xlinkHref="#d" xlinkHref="#c"
/> />
</g> </g>
</g>
<g>
<g> <g>
<use <use
fill="rgb(73, 73, 73)" fill="rgb(73, 73, 73)"
transform="translate(1111 -962)" transform="translate(1105 -968)"
xlinkHref="#d" xlinkHref="#c"
/> />
</g> </g>
</g>
<g>
<g> <g>
<use <g>
fill="rgb(73, 73, 73)" <use
transform="translate(1117 -962)" fill="rgb(73, 73, 73)"
xlinkHref="#d" 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>
</g> </g>
</g> <defs>
<defs> <path
<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"
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"
id="c" />
/> <path
<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"
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"
id="d" />
/> </defs>
</defs> </svg>
</svg> </div>
</div>
<div
className="c20"
>
<p
className="c6"
>
2 instances
</p>
</div> </div>
</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 <div
className="c20" className="c21"
> >
<p <div
className="c6" className="c20"
> >
2 instances <div
</p> 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> </div>
</div> </div>
</div> </span>
<div <div
className="c23" className="c23"
> >
@ -2042,7 +2194,15 @@ exports[`renders <Networks networks /> without throwing 1`] = `
</div> </div>
</div> </div>
</div> </div>
<span
name="react-responsive-mock"
query="only screen and (min-width: 37.5rem)"
/>
</div> </div>
<span
name="react-responsive-mock"
query="only screen and (max-width: 37.4375rem)"
/>
</div> </div>
</div> </div>
</div> </div>