wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-09-11 12:51:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix tests

Browse Source
This commit is contained in:
Chi Vinh Le
2018-09-06 00:06:58 +02:00
parent 31bc5fa913
commit c96112fc8c
39 changed files with 1095 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/stream/test/__snapshots__/loadMore.spec.tsx.snap
+101 -21
View File
@@ -62,7 +62,7 @@ exports[`loads more comments 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_bold
</span>
@@ -76,7 +76,7 @@ exports[`loads more comments 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_italic
</span>
@@ -90,7 +90,7 @@ exports[`loads more comments 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_quote
</span>
@@ -153,7 +153,7 @@ exports[`loads more comments 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -177,8 +177,24 @@ exports[`loads more comments 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
@@ -189,7 +205,7 @@ exports[`loads more comments 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -213,8 +229,24 @@ exports[`loads more comments 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
@@ -225,7 +257,7 @@ exports[`loads more comments 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -249,8 +281,24 @@ exports[`loads more comments 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
@@ -320,7 +368,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_bold
</span>
@@ -334,7 +382,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_italic
</span>
@@ -348,7 +396,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_quote
</span>
@@ -411,7 +459,7 @@ exports[`renders comment stream 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -435,8 +483,24 @@ exports[`renders comment stream 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
@@ -447,7 +511,7 @@ exports[`renders comment stream 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -471,8 +535,24 @@ exports[`renders comment stream 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<button
src/core/client/stream/test/__snapshots__/permalinkView.spec.tsx.snap
+41 -9
View File
@@ -28,7 +28,7 @@ exports[`renders permalink view 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -52,8 +52,24 @@ exports[`renders permalink view 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
@@ -121,7 +137,7 @@ exports[`show all comments 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_bold
</span>
@@ -135,7 +151,7 @@ exports[`show all comments 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_italic
</span>
@@ -149,7 +165,7 @@ exports[`show all comments 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_quote
</span>
@@ -212,7 +228,7 @@ exports[`show all comments 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -236,8 +252,24 @@ exports[`show all comments 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
src/core/client/stream/test/__snapshots__/permalinkViewAssetNotFound.spec.tsx.snap
+2 -24
View File
@@ -4,30 +4,8 @@ exports[`renders permalink view with unknown asset 1`] = `
<div
className="Flex-root App-root Flex-flex Flex-justifyCenter"
>
<div
className="PermalinkView-root"
>
<a
className="BaseButton-root Button-root PermalinkView-button Button-sizeRegular Button-colorPrimary Button-variantOutlined Button-fullWidth"
href="http://localhost/"
id="talk-comments-permalinkView-showAllComments"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
target="_parent"
type="button"
>
Show all comments
</a>
<p
className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
>
Comment not found
</p>
<div>
Asset not found
</div>
</div>
`;
src/core/client/stream/test/__snapshots__/permalinkViewCommentNotFound.spec.tsx.snap
+22 -6
View File
@@ -94,7 +94,7 @@ exports[`show all comments 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_bold
</span>
@@ -108,7 +108,7 @@ exports[`show all comments 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_italic
</span>
@@ -122,7 +122,7 @@ exports[`show all comments 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_quote
</span>
@@ -185,7 +185,7 @@ exports[`show all comments 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -209,8 +209,24 @@ exports[`show all comments 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
src/core/client/stream/test/__snapshots__/postComment.spec.tsx.snap
+161 -33
View File
@@ -81,7 +81,7 @@ exports[`post a comment 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_bold
</span>
@@ -95,7 +95,7 @@ exports[`post a comment 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_italic
</span>
@@ -109,7 +109,7 @@ exports[`post a comment 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_quote
</span>
@@ -185,7 +185,7 @@ exports[`post a comment 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -209,8 +209,24 @@ exports[`post a comment 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
@@ -221,7 +237,7 @@ exports[`post a comment 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -245,8 +261,24 @@ exports[`post a comment 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
@@ -257,7 +289,7 @@ exports[`post a comment 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -281,8 +313,24 @@ exports[`post a comment 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
@@ -371,7 +419,7 @@ exports[`post a comment 2`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_bold
</span>
@@ -385,7 +433,7 @@ exports[`post a comment 2`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_italic
</span>
@@ -399,7 +447,7 @@ exports[`post a comment 2`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_quote
</span>
@@ -481,7 +529,7 @@ exports[`post a comment 2`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -505,8 +553,24 @@ exports[`post a comment 2`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
@@ -517,7 +581,7 @@ exports[`post a comment 2`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -541,8 +605,24 @@ exports[`post a comment 2`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
@@ -553,7 +633,7 @@ exports[`post a comment 2`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -577,8 +657,24 @@ exports[`post a comment 2`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
@@ -667,7 +763,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_bold
</span>
@@ -681,7 +777,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_italic
</span>
@@ -695,7 +791,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_quote
</span>
@@ -777,7 +873,7 @@ exports[`renders comment stream 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -801,8 +897,24 @@ exports[`renders comment stream 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
@@ -813,7 +925,7 @@ exports[`renders comment stream 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -837,8 +949,24 @@ exports[`renders comment stream 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
src/core/client/stream/test/__snapshots__/renderReplies.spec.tsx.snap
+79 -15
View File
@@ -62,7 +62,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_bold
</span>
@@ -76,7 +76,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_italic
</span>
@@ -90,7 +90,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_quote
</span>
@@ -153,7 +153,7 @@ exports[`renders comment stream 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -177,8 +177,24 @@ exports[`renders comment stream 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
@@ -189,7 +205,7 @@ exports[`renders comment stream 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -213,8 +229,24 @@ exports[`renders comment stream 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
<div
className="Indent-root Indent-level0"
@@ -229,7 +261,7 @@ exports[`renders comment stream 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -253,15 +285,31 @@ exports[`renders comment stream 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -285,8 +333,24 @@ exports[`renders comment stream 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
src/core/client/stream/test/__snapshots__/renderStream.spec.tsx.snap
+41 -9
View File
@@ -62,7 +62,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_bold
</span>
@@ -76,7 +76,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_italic
</span>
@@ -90,7 +90,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_quote
</span>
@@ -153,7 +153,7 @@ exports[`renders comment stream 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -177,8 +177,24 @@ exports[`renders comment stream 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
@@ -189,7 +205,7 @@ exports[`renders comment stream 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -213,8 +229,24 @@ exports[`renders comment stream 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
src/core/client/stream/test/__snapshots__/showAllReplies.spec.tsx.snap
+101 -21
View File
@@ -62,7 +62,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_bold
</span>
@@ -76,7 +76,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_italic
</span>
@@ -90,7 +90,7 @@ exports[`renders comment stream 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_quote
</span>
@@ -153,7 +153,7 @@ exports[`renders comment stream 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -177,8 +177,24 @@ exports[`renders comment stream 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
<div
className="Indent-root Indent-level0"
@@ -193,7 +209,7 @@ exports[`renders comment stream 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -217,8 +233,24 @@ exports[`renders comment stream 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
<button
aria-controls="talk-comments-replyList-log--comment-0"
@@ -306,7 +338,7 @@ exports[`show all replies 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_bold
</span>
@@ -320,7 +352,7 @@ exports[`show all replies 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_italic
</span>
@@ -334,7 +366,7 @@ exports[`show all replies 1`] = `
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
className="Icon-root Icon-md"
>
format_quote
</span>
@@ -397,7 +429,7 @@ exports[`show all replies 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -421,8 +453,24 @@ exports[`show all replies 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
<div
className="Indent-root Indent-level0"
@@ -437,7 +485,7 @@ exports[`show all replies 1`] = `
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -461,15 +509,31 @@ exports[`show all replies 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root TopBar-root Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
@@ -493,8 +557,24 @@ exports[`show all replies 1`] = `
}
/>
<div
className="Comment-footer"
/>
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>