src/app/components/MostRead/Label/__snapshots__/index.test.tsx.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`MostReadSectionLabel assertion should render most-read section label with correct attributes 1`] = `
.emotion-0 {
position: relative;
z-index: 0;
color: #141414;
margin-top: 2rem;
}
@media (min-width: 37.5rem) {
.emotion-0 {
margin-top: 1.5rem;
}
}
@media (min-width: 63rem) {
.emotion-0 {
margin-bottom: 1.5rem;
}
}
@media (min-width: 37.5rem) and (max-width: 62.9375rem) {
.emotion-0 {
margin-bottom: 1rem;
}
}
.emotion-2 {
margin: 0;
padding: 0;
}
.emotion-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.emotion-6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex-flow: row nowrap;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
min-height: 2.75rem;
-webkit-align-items: baseline;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
@media (min-width: 37.5rem) {
.emotion-6 {
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.emotion-8 {
font-size: 1.25rem;
line-height: 1.75rem;
font-family: "BBC Reith Qalam","Times New Roman",Arial,Verdana,Geneva,Helvetica,sans-serif;
font-weight: 700;
font-style: normal;
background-color: #F6F6F6;
margin: 1rem 0;
padding-left: 0.5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 20rem) and (max-width: 37.4375rem) {
.emotion-8 {
font-size: 1.25rem;
line-height: 1.75rem;
}
}
@media (min-width: 37.5rem) {
.emotion-8 {
font-size: 1.5rem;
line-height: 2rem;
}
}
@media (min-width: 37.5rem) {
.emotion-8 {
margin: 0;
}
}
@media (min-width: 37.5rem) {
.emotion-8 {
padding-left: 1rem;
}
}
<div>
<div
class="emotion-0 emotion-1"
>
<h2
class="emotion-2 emotion-3"
>
<span
class="emotion-4 emotion-5"
>
<span
class="emotion-6 emotion-7"
>
<span
class="emotion-8 emotion-9"
dir="rtl"
id="Most-Read"
>
پربینندهترینها
</span>
</span>
</span>
</h2>
</div>
</div>
`;