Skip to content

Commit

Permalink
Update snapshots
Browse files Browse the repository at this point in the history
  • Loading branch information
@MrOrz
MrOrz committed Jul 8, 2022
1 parent e57aac5 commit 4b6773f
Show file tree
Hide file tree
Showing 3 changed files with 201 additions and 116 deletions.
9 changes: 9 additions & 0 deletions components/ListPageDisplays/ListPageCards.stories.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,5 +65,14 @@ export const ArticleCards = () => (
createdAt: '2020-01-01T00:00:00Z',
}}
/>
<ArticleCard
article={{
id: 'id3',
attachmentUrl: 'https://placekitten.com/2000/150',
replyCount: 4,
replyRequestCount: 6,
createdAt: '2020-01-01T00:00:00Z',
}}
/>
</ListPageCards>
);
300 changes: 188 additions & 112 deletions components/ListPageDisplays/__snapshots__/ListPageCards.stories.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,51 +60,47 @@ exports[`Storyshots ListPageDisplays/ListPageCards Article Cards 1`] = `
</div>
</Infos>
<div
className="makeStyles-textImageWrapper"
className="makeStyles-flex"
>
<div
className="makeStyles-flex"
className="makeStyles-infoBox"
>
<div
className="makeStyles-infoBox"
>
<div>
<h2>
3
</h2>
<span>
replies
</span>
</div>
<div>
<h2>
4
</h2>
<span>
reports
</span>
</div>
<div>
<h2>
3
</h2>
<span>
replies
</span>
</div>
<ExpandableText
<div>
<h2>
4
</h2>
<span>
reports
</span>
</div>
</div>
<ExpandableText
className="makeStyles-content"
lineClamp={3}
>
<div
className="makeStyles-content"
lineClamp={3}
>
<div
className="makeStyles-content"
>
<div
className="makeStyles-root"
style={
Object {
"maxHeight": 42,
}
className="makeStyles-root"
style={
Object {
"maxHeight": 42,
}
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
}
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
</ExpandableText>
</div>
</div>
</ExpandableText>
</div>
</article>
</ListPageCard>
Expand Down Expand Up @@ -177,83 +173,79 @@ exports[`Storyshots ListPageDisplays/ListPageCards Article Cards 1`] = `
</div>
</Infos>
<div
className="makeStyles-textImageWrapper"
className="makeStyles-flex"
>
<div
className="makeStyles-flex"
className="makeStyles-infoBox"
>
<div
className="makeStyles-infoBox"
>
<div>
<h2>
0
</h2>
<span>
replies
</span>
</div>
<div>
<h2>
999
</h2>
<span>
reports
</span>
</div>
<div>
<h2>
0
</h2>
<span>
replies
</span>
</div>
<ExpandableText
<div>
<h2>
999
</h2>
<span>
reports
</span>
</div>
</div>
<ExpandableText
className="makeStyles-content"
lineClamp={3}
>
<div
className="makeStyles-content"
lineClamp={3}
>
<div
className="makeStyles-content"
>
<div
className="makeStyles-root"
style={
Object {
"maxHeight": 42,
}
className="makeStyles-root"
style={
Object {
"maxHeight": 42,
}
}
>
<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"
>
<mark
className="makeStyles-highlight"
key="highlight-0"
>
Lorem ipsum
</mark>
dolor sit amet, consectetur adipiscing elit.
dolor sit amet
<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"
>
<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>
. Etiam posuere sagittis iaculis.
</section>
</div>
</ExpandableText>
</div>
</div>
</ExpandableText>
</div>
</article>
</ListPageCard>
Expand Down Expand Up @@ -315,30 +307,26 @@ exports[`Storyshots ListPageDisplays/ListPageCards Article Cards 1`] = `
</div>
</Infos>
<div
className="makeStyles-textImageWrapper"
className="makeStyles-flex"
>
<div
className="makeStyles-flex"
className="makeStyles-infoBox"
>
<div
className="makeStyles-infoBox"
>
<div>
<h2>
6
</h2>
<span>
replies
</span>
</div>
<div>
<h2>
4
</h2>
<span>
reports
</span>
</div>
<div>
<h2>
6
</h2>
<span>
replies
</span>
</div>
<div>
<h2>
4
</h2>
<span>
reports
</span>
</div>
</div>
<img
Expand All @@ -352,6 +340,94 @@ exports[`Storyshots ListPageDisplays/ListPageCards Article Cards 1`] = `
</a>
</Link>
</ArticleCard>
<ArticleCard
article={
Object {
"attachmentUrl": "https://placekitten.com/2000/150",
"createdAt": "2020-01-01T00:00:00Z",
"id": "id3",
"replyCount": 4,
"replyRequestCount": 6,
}
}
>
<Link
as="/article/id3"
href="/article/[id]"
>
<a
className="makeStyles-root"
href="/article/id3"
onClick={[Function]}
onMouseEnter={[Function]}
>
<ListPageCard>
<article
className="makeStyles-root"
>
<Infos>
<div
className="makeStyles-root"
>
<TimeInfo
key=".0"
time="2020-01-01T00:00:00Z"
>
<Tooltip
title="Jan 1, 2020, 12:00 AM"
>
<time
aria-describedby={null}
className=""
dateTime="2020-01-01T00:00:00.000Z"
onBlur={[Function]}
onFocus={[Function]}
onMouseLeave={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
onTouchStart={[Function]}
title="Jan 1, 2020, 12:00 AM"
>
First reported now
</time>
</Tooltip>
</TimeInfo>
</div>
</Infos>
<div
className="makeStyles-flex"
>
<div
className="makeStyles-infoBox"
>
<div>
<h2>
4
</h2>
<span>
replies
</span>
</div>
<div>
<h2>
6
</h2>
<span>
reports
</span>
</div>
</div>
<img
alt="image"
className="makeStyles-attachmentImage"
src="https://placekitten.com/2000/150"
/>
</div>
</article>
</ListPageCard>
</a>
</Link>
</ArticleCard>
</div>
</ListPageCards>
`;
Expand Down

0 comments on commit 4b6773f

Please sign in to comment.