Skip to content

Commit

Permalink
Update tests and snapshots
Browse files Browse the repository at this point in the history
  • Loading branch information
nonumpa committed May 24, 2022
1 parent d9ee0ef commit d68782b
Show file tree
Hide file tree
Showing 3 changed files with 119 additions and 107 deletions.
2 changes: 1 addition & 1 deletion components/ListPageDisplays/ListPageCards.stories.js
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ export const ArticleCards = () => (
<ArticleCard
article={{
id: 'id3',
attachmentUrl: 'https://mockurl.jpeg',
attachmentUrl: 'https://placekitten.com/512/1000',
replyCount: 6,
replyRequestCount: 4,
createdAt: '2020-01-01T00:00:00Z',
Expand Down
216 changes: 114 additions & 102 deletions components/ListPageDisplays/__snapshots__/ListPageCards.stories.storyshot
Original file line number Diff line number Diff line change
Expand Up @@ -60,47 +60,51 @@ exports[`Storyshots ListPageDisplays/ListPageCards Article Cards 1`] = `
</div>
</Infos>
<div
className="makeStyles-flex"
className="makeStyles-textImageWrapper"
>
<div
className="makeStyles-infoBox"
>
<div>
<h2>
3
</h2>
<span>
replies
</span>
</div>
<div>
<h2>
4
</h2>
<span>
reports
</span>
</div>
</div>
<ExpandableText
className="makeStyles-content"
lineClamp={3}
className="makeStyles-flex"
>
<div
className="makeStyles-infoBox"
>
<div>
<h2>
3
</h2>
<span>
replies
</span>
</div>
<div>
<h2>
4
</h2>
<span>
reports
</span>
</div>
</div>
<ExpandableText
className="makeStyles-content"
lineClamp={3}
>
<div
className="makeStyles-root"
style={
Object {
"maxHeight": 42,
}
}
className="makeStyles-content"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<div
className="makeStyles-root"
style={
Object {
"maxHeight": 42,
}
}
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</div>
</div>
</ExpandableText>
</ExpandableText>
</div>
</div>
</article>
</ListPageCard>
Expand Down Expand Up @@ -173,79 +177,83 @@ exports[`Storyshots ListPageDisplays/ListPageCards Article Cards 1`] = `
</div>
</Infos>
<div
className="makeStyles-flex"
className="makeStyles-textImageWrapper"
>
<div
className="makeStyles-infoBox"
>
<div>
<h2>
0
</h2>
<span>
replies
</span>
</div>
<div>
<h2>
999
</h2>
<span>
reports
</span>
</div>
</div>
<ExpandableText
className="makeStyles-content"
lineClamp={3}
className="makeStyles-flex"
>
<div
className="makeStyles-infoBox"
>
<div>
<h2>
0
</h2>
<span>
replies
</span>
</div>
<div>
<h2>
999
</h2>
<span>
reports
</span>
</div>
</div>
<ExpandableText
className="makeStyles-content"
lineClamp={3}
>
<div
className="makeStyles-root"
style={
Object {
"maxHeight": 42,
}
}
className="makeStyles-content"
>
<mark
className="makeStyles-highlight"
key="highlight-0"
>
Lorem ipsum
</mark>
dolor sit amet, consectetur adipiscing elit.
<mark
className="makeStyles-highlight"
key="highlight-1"
>
Mauris eu ex augue
</mark>
. Etiam posuere sagittis iaculis. Vestibulum sollicitudin nec felis a mollis. Phasellus ut est velit. Proin fermentum arcu ornare quam vulputate, vel eleifend velit ultrices. Fusce tincidunt vel urna at luctus.
<section
className="makeStyles-hyperlinks"
key="hyperlink-section-0"
<div
className="makeStyles-root"
style={
Object {
"maxHeight": 42,
}
}
>
<mark
className="makeStyles-highlight"
key="highlight-0"
>
Lorem ipsum
</mark>
dolor sit amet
dolor sit amet, consectetur adipiscing elit.
<mark
className="makeStyles-highlight"
key="highlight-1"
>
Mauris eu ex augue
</mark>
. Etiam posuere sagittis iaculis.
</section>
. Etiam posuere sagittis iaculis. Vestibulum sollicitudin nec felis a mollis. Phasellus ut est velit. Proin fermentum arcu ornare quam vulputate, vel eleifend velit ultrices. Fusce tincidunt vel urna at luctus.
<section
className="makeStyles-hyperlinks"
key="hyperlink-section-0"
>
<mark
className="makeStyles-highlight"
key="highlight-0"
>
Lorem ipsum
</mark>
dolor sit amet
<mark
className="makeStyles-highlight"
key="highlight-1"
>
Mauris eu ex augue
</mark>
. Etiam posuere sagittis iaculis.
</section>
</div>
</div>
</div>
</ExpandableText>
</ExpandableText>
</div>
</div>
</article>
</ListPageCard>
Expand All @@ -255,7 +263,7 @@ exports[`Storyshots ListPageDisplays/ListPageCards Article Cards 1`] = `
<ArticleCard
article={
Object {
"attachmentUrl": "https://mockurl.jpeg",
"attachmentUrl": "https://placekitten.com/512/1000",
"createdAt": "2020-01-01T00:00:00Z",
"id": "id3",
"replyCount": 6,
Expand Down Expand Up @@ -307,32 +315,36 @@ exports[`Storyshots ListPageDisplays/ListPageCards Article Cards 1`] = `
</div>
</Infos>
<div
className="makeStyles-flex"
className="makeStyles-textImageWrapper"
>
<div
className="makeStyles-infoBox"
className="makeStyles-flex"
>
<div>
<h2>
6
</h2>
<span>
replies
</span>
</div>
<div>
<h2>
4
</h2>
<span>
reports
</span>
<div
className="makeStyles-infoBox"
>
<div>
<h2>
6
</h2>
<span>
replies
</span>
</div>
<div>
<h2>
4
</h2>
<span>
reports
</span>
</div>
</div>
</div>
<img
alt="image"
className="makeStyles-attachmentImage"
src="https://mockurl.jpeg"
src="https://placekitten.com/512/1000"
/>
</div>
</article>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ exports[`Storyshots ReportPage/ActionButton Default 1`] = `
}
>
<button
className="MuiButtonBase-root-299 MuiButton-root-272 MuiButton-outlined-277 makeStyles-button"
className="MuiButtonBase-root-300 MuiButton-root-273 MuiButton-outlined-278 makeStyles-button"
disabled={false}
onBlur={[Function]}
onDragLeave={[Function]}
Expand All @@ -31,13 +31,13 @@ exports[`Storyshots ReportPage/ActionButton Default 1`] = `
type="button"
>
<span
className="MuiButton-label-273"
className="MuiButton-label-274"
>
Action button text
<Arrow>
<svg
aria-hidden={true}
className="MuiSvgIcon-root-300"
className="MuiSvgIcon-root-301"
focusable="false"
viewBox="0 0 14 27"
>
Expand All @@ -51,7 +51,7 @@ exports[`Storyshots ReportPage/ActionButton Default 1`] = `
</Arrow>
</span>
<span
className="MuiTouchRipple-root-309"
className="MuiTouchRipple-root-310"
>
<TransitionGroup
childFactory={[Function]}
Expand Down

0 comments on commit d68782b

Please sign in to comment.