src/app/legacy/containers/PodcastExternalLinks/__snapshots__/index.test.jsx.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`PodcastExternalLinks Should render external links 1`] = `
.emotion-0 {
border-top: 0.0625rem #BABABA solid;
border-bottom: 0.0625rem #BABABA solid;
margin: 0;
padding: 0;
margin-bottom: 0.5rem;
}
@media (min-width: 63rem) {
.emotion-0 {
margin-bottom: 1rem;
}
}
.emotion-2 {
font-size: 1.125rem;
line-height: 1.375rem;
font-family: ReithSans,Helvetica,Arial,sans-serif;
font-weight: 400;
font-style: normal;
color: #3F3F42;
margin: 0;
margin-top: 1rem;
}
@media (min-width: 20rem) and (max-width: 37.4375rem) {
.emotion-2 {
font-size: 1.125rem;
line-height: 1.375rem;
}
}
@media (min-width: 37.5rem) {
.emotion-2 {
font-size: 1.25rem;
line-height: 1.5rem;
}
}
@media (min-width: 25rem) {
.emotion-2 {
margin-top: 1rem;
margin-bottom: 0;
}
}
@media (min-width: 37.5rem) {
.emotion-2 {
margin-top: 1rem;
margin-bottom: 0;
}
}
.emotion-4 {
list-style-type: none;
padding: 0;
margin: 0;
}
.emotion-6 {
display: inline-block;
}
.emotion-6:not(:first-of-type)>a>span {
padding-left: 1rem;
border-left: 0.0625rem #BABABA solid;
}
.emotion-8 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-family: ReithSans,Helvetica,Arial,sans-serif;
font-weight: 700;
font-style: normal;
padding-right: 1rem;
color: #222222;
-webkit-text-decoration: none;
text-decoration: none;
display: inline-block;
margin: 0.1875rem 0;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
@media (min-width: 20rem) and (max-width: 37.4375rem) {
.emotion-8 {
font-size: 0.9375rem;
line-height: 1.125rem;
}
}
@media (min-width: 37.5rem) {
.emotion-8 {
font-size: 0.875rem;
line-height: 1.125rem;
}
}
.emotion-8>span {
display: inline-block;
}
.emotion-8:visited {
color: #6E6E73;
}
.emotion-8:focus>span,
.emotion-8:hover>span {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.emotion-10 {
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
margin: 0;
}
<div>
<aside
aria-labelledby="third-party-links"
class="emotion-0 emotion-1"
role="complementary"
>
<h2
class="emotion-2 emotion-3"
id="third-party-links"
>
Этот подкаст доступен на
</h2>
<ul
class="emotion-4 emotion-5"
role="list"
>
<li
class="emotion-6 emotion-7"
dir="ltr"
>
<a
aria-labelledby="externalLinkId-Apple"
class="emotion-8 emotion-9"
dir="ltr"
href="https://bbc.com"
>
<span
id="externalLinkId-Apple"
role="text"
>
<span
lang="en-GB"
>
Apple
</span>
<span
class="emotion-10"
>
, A brand podcast, внешняя
</span>
</span>
</a>
</li>
<li
class="emotion-6 emotion-7"
dir="ltr"
>
<a
aria-labelledby="externalLinkId-Spotify"
class="emotion-8 emotion-9"
dir="ltr"
href="https://bbc.com"
>
<span
id="externalLinkId-Spotify"
role="text"
>
<span
lang="en-GB"
>
Spotify
</span>
<span
class="emotion-10"
>
, A brand podcast, внешняя
</span>
</span>
</a>
</li>
<li
class="emotion-6 emotion-7"
dir="ltr"
>
<a
aria-labelledby="externalLinkId-RSS"
class="emotion-8 emotion-9"
dir="ltr"
href="https://bbc.com"
>
<span
id="externalLinkId-RSS"
role="text"
>
<span
lang="en-GB"
>
RSS
</span>
<span
class="emotion-10"
>
, A brand podcast, внешняя
</span>
</span>
</a>
</li>
<li
class="emotion-6 emotion-7"
dir="ltr"
>
<a
aria-labelledby="externalLinkId-Загрузить-эпизод"
class="emotion-8 emotion-9"
dir="ltr"
href="https://bbc.com"
>
<span
id="externalLinkId-Загрузить-эпизод"
role="text"
>
<span
lang="ru"
>
Загрузить эпизод
</span>
<span
class="emotion-10"
>
, A brand podcast, внешняя
</span>
</span>
</a>
</li>
</ul>
</aside>
</div>
`;