joyent-portal/packages/my-joy-beta/src/components/navigation/__tests__/__snapshots__/menu.spec.js.snap

168 lines
2.7 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders <Menu /> without throwing 1`] = `null`;
exports[`renders <Menu links /> without throwing 1`] = `
.c1 {
margin-bottom: 2.25rem;
}
.c6 {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
}
.c5 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
}
.c5:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
.c0 {
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100%;
max-width: 62.5rem;
}
.c3 {
display: inline-block;
font-size: 0.9375rem;
line-height: 1.6;
margin-right: 1.4375rem;
}
.c4 {
color: rgb(70,70,70);
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
}
.c4.active {
color: rgb(59,70,204);
cursor: default;
}
.c2 {
list-style-type: none;
padding: 0;
margin: 1.125rem 0 0 0;
}
@media only screen and (min-width:48em) {
.c0 {
width: 46rem;
}
}
@media only screen and (min-width:64em) {
.c0 {
width: 56rem;
}
}
@media only screen and (min-width:75em) {
.c0 {
width: 59rem;
}
}
@media only screen and (max-width:47.9375rem) {
.c0 {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
}
<div
className="c0"
>
<div
className="c1"
>
<ul
className="c2"
>
<li
className="c3"
>
<a
className="c4 c5 c6"
to="/instances/:name/summary"
>
summary
</a>
</li>
<li
className="c3"
>
<a
className="c4 c5 c6"
to="/instances/:name/tags"
>
tags
</a>
</li>
<li
className="c3"
>
<a
className="c4 c5 c6"
to="/instances/:name/metadata"
>
metadata
</a>
</li>
<li
className="c3"
>
<a
className="c4 c5 c6"
to="/instances/:name/networks"
>
networks
</a>
</li>
<li
className="c3"
>
<a
className="c4 c5 c6"
to="/instances/:name/firewall"
>
firewall
</a>
</li>
<li
className="c3"
>
<a
className="c4 c5 c6"
to="/instances/:name/dns"
>
dns
</a>
</li>
<li
className="c3"
>
<a
className="c4 c5 c6"
to="/instances/:name/snapshots"
>
snapshots
</a>
</li>
</ul>
</div>
</div>
`;