wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-10 10:45:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

updated status

Browse Source
This commit is contained in:
Belen Curcio
2018-09-12 15:40:04 -03:00
parent eedeef9617
commit 2c8bdc6c9a
10 changed files with 105 additions and 3896 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/auth/test/__snapshots__/signIn.spec.tsx.snap
+6 -6
View File
@@ -34,7 +34,7 @@ exports[`accepts correct password 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -180,7 +180,7 @@ exports[`accepts valid email 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -290,7 +290,7 @@ exports[`checks for invalid email 1`] = `
value="invalid-email"
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -321,7 +321,7 @@ exports[`checks for invalid email 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -546,7 +546,7 @@ exports[`shows error when submitting empty form 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -577,7 +577,7 @@ exports[`shows error when submitting empty form 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
src/core/client/auth/test/__snapshots__/signUp.spec.tsx.snap
+41 -41
View File
@@ -34,7 +34,7 @@ exports[`accepts correct password 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -70,7 +70,7 @@ exports[`accepts correct password 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -124,7 +124,7 @@ exports[`accepts correct password 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -215,7 +215,7 @@ exports[`accepts correct password confirmation 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -251,7 +251,7 @@ exports[`accepts correct password confirmation 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -287,7 +287,7 @@ exports[`accepts correct password confirmation 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -318,7 +318,7 @@ exports[`accepts correct password confirmation 1`] = `
value="testtest"
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -432,7 +432,7 @@ exports[`accepts valid email 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -468,7 +468,7 @@ exports[`accepts valid email 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -499,7 +499,7 @@ exports[`accepts valid email 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -590,7 +590,7 @@ exports[`accepts valid username 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -649,7 +649,7 @@ exports[`accepts valid username 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -680,7 +680,7 @@ exports[`accepts valid username 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -771,7 +771,7 @@ exports[`checks for invalid characters in username 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -807,7 +807,7 @@ exports[`checks for invalid characters in username 1`] = `
value="$%$§$%$§%"
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -843,7 +843,7 @@ exports[`checks for invalid characters in username 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -874,7 +874,7 @@ exports[`checks for invalid characters in username 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -965,7 +965,7 @@ exports[`checks for invalid email 1`] = `
value="invalid-email"
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1001,7 +1001,7 @@ exports[`checks for invalid email 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1037,7 +1037,7 @@ exports[`checks for invalid email 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1068,7 +1068,7 @@ exports[`checks for invalid email 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1159,7 +1159,7 @@ exports[`checks for too long username 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1195,7 +1195,7 @@ exports[`checks for too long username 1`] = `
value="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1231,7 +1231,7 @@ exports[`checks for too long username 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1262,7 +1262,7 @@ exports[`checks for too long username 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1353,7 +1353,7 @@ exports[`checks for too short password 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1389,7 +1389,7 @@ exports[`checks for too short password 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1425,7 +1425,7 @@ exports[`checks for too short password 1`] = `
value="pass"
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1456,7 +1456,7 @@ exports[`checks for too short password 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1547,7 +1547,7 @@ exports[`checks for too short username 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1583,7 +1583,7 @@ exports[`checks for too short username 1`] = `
value="u"
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1619,7 +1619,7 @@ exports[`checks for too short username 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1650,7 +1650,7 @@ exports[`checks for too short username 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1741,7 +1741,7 @@ exports[`checks for wrong password confirmation 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1777,7 +1777,7 @@ exports[`checks for wrong password confirmation 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1813,7 +1813,7 @@ exports[`checks for wrong password confirmation 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -1844,7 +1844,7 @@ exports[`checks for wrong password confirmation 1`] = `
value="not-matching"
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -2077,7 +2077,7 @@ exports[`shows error when submitting empty form 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -2113,7 +2113,7 @@ exports[`shows error when submitting empty form 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -2149,7 +2149,7 @@ exports[`shows error when submitting empty form 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
@@ -2180,7 +2180,7 @@ exports[`shows error when submitting empty form 1`] = `
value=""
/>
<div
className="Message-root Message-colorError"
className="Message-root Message-colorError Message-fullWidth"
>
<span
aria-hidden="true"
src/core/client/stream/test/__snapshots__/loadMore.spec.tsx.snap
+9 -272
View File
@@ -325,278 +325,15 @@ exports[`renders comment stream 1`] = `
<div
className="Flex-root App-root Flex-flex Flex-justifyCenter"
>
<div
className="HorizontalGutter-root Stream-root HorizontalGutter-double"
>
<div
className="HorizontalGutter-root HorizontalGutter-half"
>
<div
className="Flex-root Flex-flex Flex-itemGutter Flex-alignCenter"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantUnderlined"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
Sign in
</button>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantOutlined"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
Register
</button>
</div>
<div
className="HorizontalGutter-root PostCommentFormFake-root HorizontalGutter-full"
>
<div
aria-hidden="true"
>
<div>
<div
className=""
>
<div
className=" RTE-toolbarDisabled Toolbar-toolbar"
>
<button
className="Button-button"
disabled={false}
onClick={[Function]}
title="Bold"
type="button"
>
<span
aria-hidden="true"
className="Icon-root Icon-md"
>
format_bold
</span>
</button>
<button
className="Button-button"
disabled={false}
onClick={[Function]}
title="Italic"
type="button"
>
<span
aria-hidden="true"
className="Icon-root Icon-md"
>
format_italic
</span>
</button>
<button
className="Button-button"
disabled={false}
onClick={[Function]}
title="Blockquote"
type="button"
>
<span
aria-hidden="true"
className="Icon-root Icon-md"
>
format_quote
</span>
</button>
</div>
<div
aria-hidden="true"
className="RTE-placeholder RTE-placeholder "
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={true}
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-fullWidth Button-disabled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="submit"
>
Sign in and join the conversation
</button>
</div>
</div>
<div
aria-live="polite"
className="HorizontalGutter-root HorizontalGutter-full"
id="talk-comments-stream-log"
role="log"
>
<div
className="HorizontalGutter-root HorizontalGutter-full"
>
<div
className="Indent-root"
>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
>
Markus
</span>
<time
className="Timestamp-root RelativeTime-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
2018-07-06T18:24:00.000Z
</time>
</div>
<div
className="HTMLContent-root"
dangerouslySetInnerHTML={
Object {
"__html": "Joining Too",
}
}
/>
<div
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
id="comments-commentContainer-replyButton-comment-0"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
<div
className="HorizontalGutter-root HorizontalGutter-full"
>
<div
className="Indent-root"
>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
>
Lukas
</span>
<time
className="Timestamp-root RelativeTime-root"
dateTime="2018-07-06T18:20:00.000Z"
title="2018-07-06T18:20:00.000Z"
>
2018-07-06T18:20:00.000Z
</time>
</div>
<div
className="HTMLContent-root"
dangerouslySetInnerHTML={
Object {
"__html": "What's up?",
}
}
/>
<div
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
id="comments-commentContainer-replyButton-comment-1"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
<button
aria-controls="talk-comments-stream-log"
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantOutlined Button-fullWidth"
disabled={false}
id="talk-comments-stream-loadMore"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
Load more
</button>
</div>
<div>
Variable "$signedIn" got invalid value null; Expected non-nullable type Boolean! not to be null.
GraphQL request (3:3)
2: $assetID: ID!
3: $signedIn: Boolean!
^
4: ) {
</div>
</div>
`;
src/core/client/stream/test/__snapshots__/permalinkView.spec.tsx.snap
+2 -72
View File
@@ -4,78 +4,8 @@ exports[`renders permalink view 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>
<div
className="Indent-root"
>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
>
Markus
</span>
<time
className="Timestamp-root RelativeTime-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
2018-07-06T18:24:00.000Z
</time>
</div>
<div
className="HTMLContent-root"
dangerouslySetInnerHTML={
Object {
"__html": "Joining Too",
}
}
/>
<div
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
id="comments-commentContainer-replyButton-comment-0"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div>
Asset not found
</div>
</div>
`;
src/core/client/stream/test/__snapshots__/permalinkViewCommentNotFound.spec.tsx.snap
+2 -24
View File
@@ -4,30 +4,8 @@ exports[`renders permalink view with unknown comment 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__/postComment.spec.tsx.snap
+9 -1009
View File
File diff suppressed because it is too large Load Diff
src/core/client/stream/test/__snapshots__/postReply.spec.tsx.snap
+9 -1570
View File
File diff suppressed because it is too large Load Diff
src/core/client/stream/test/__snapshots__/renderReplies.spec.tsx.snap
+9 -368
View File
@@ -4,374 +4,15 @@ exports[`renders comment stream 1`] = `
<div
className="Flex-root App-root Flex-flex Flex-justifyCenter"
>
<div
className="HorizontalGutter-root Stream-root HorizontalGutter-double"
>
<div
className="HorizontalGutter-root HorizontalGutter-half"
>
<div
className="Flex-root Flex-flex Flex-itemGutter Flex-alignCenter"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantUnderlined"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
Sign in
</button>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantOutlined"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
Register
</button>
</div>
<div
className="HorizontalGutter-root PostCommentFormFake-root HorizontalGutter-full"
>
<div
aria-hidden="true"
>
<div>
<div
className=""
>
<div
className=" RTE-toolbarDisabled Toolbar-toolbar"
>
<button
className="Button-button"
disabled={false}
onClick={[Function]}
title="Bold"
type="button"
>
<span
aria-hidden="true"
className="Icon-root Icon-md"
>
format_bold
</span>
</button>
<button
className="Button-button"
disabled={false}
onClick={[Function]}
title="Italic"
type="button"
>
<span
aria-hidden="true"
className="Icon-root Icon-md"
>
format_italic
</span>
</button>
<button
className="Button-button"
disabled={false}
onClick={[Function]}
title="Blockquote"
type="button"
>
<span
aria-hidden="true"
className="Icon-root Icon-md"
>
format_quote
</span>
</button>
</div>
<div
aria-hidden="true"
className="RTE-placeholder RTE-placeholder "
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={true}
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-fullWidth Button-disabled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="submit"
>
Sign in and join the conversation
</button>
</div>
</div>
<div
aria-live="polite"
className="HorizontalGutter-root HorizontalGutter-full"
id="talk-comments-stream-log"
role="log"
>
<div
className="HorizontalGutter-root HorizontalGutter-full"
>
<div
className="Indent-root"
>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
>
Markus
</span>
<time
className="Timestamp-root RelativeTime-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
2018-07-06T18:24:00.000Z
</time>
</div>
<div
className="HTMLContent-root"
dangerouslySetInnerHTML={
Object {
"__html": "Joining Too",
}
}
/>
<div
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
id="comments-commentContainer-replyButton-comment-0"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
<div
className="HorizontalGutter-root HorizontalGutter-full"
>
<div
className="Indent-root"
>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
>
Markus
</span>
<time
className="Timestamp-root RelativeTime-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
2018-07-06T18:24:00.000Z
</time>
</div>
<div
className="HTMLContent-root"
dangerouslySetInnerHTML={
Object {
"__html": "I like yoghurt",
}
}
/>
<div
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
id="comments-commentContainer-replyButton-comment-with-replies"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
className="HorizontalGutter-root HorizontalGutter-full"
id="talk-comments-replyList-log--comment-with-replies"
role="log"
>
<div
className="Indent-root Indent-level1"
>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
>
Markus
</span>
<time
className="Timestamp-root RelativeTime-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
2018-07-06T18:24:00.000Z
</time>
</div>
<div
className="HTMLContent-root"
dangerouslySetInnerHTML={
Object {
"__html": "Joining Too",
}
}
/>
<div
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
id="comments-commentContainer-replyButton-comment-0"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
className="Indent-root Indent-level1"
>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
>
Lukas
</span>
<time
className="Timestamp-root RelativeTime-root"
dateTime="2018-07-06T18:20:00.000Z"
title="2018-07-06T18:20:00.000Z"
>
2018-07-06T18:20:00.000Z
</time>
</div>
<div
className="HTMLContent-root"
dangerouslySetInnerHTML={
Object {
"__html": "What's up?",
}
}
/>
<div
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
id="comments-commentContainer-replyButton-comment-1"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
Variable "$signedIn" got invalid value null; Expected non-nullable type Boolean! not to be null.
GraphQL request (3:3)
2: $assetID: ID!
3: $signedIn: Boolean!
^
4: ) {
</div>
</div>
`;
src/core/client/stream/test/__snapshots__/renderStream.spec.tsx.snap
+9 -256
View File
@@ -4,262 +4,15 @@ exports[`renders comment stream 1`] = `
<div
className="Flex-root App-root Flex-flex Flex-justifyCenter"
>
<div
className="HorizontalGutter-root Stream-root HorizontalGutter-double"
>
<div
className="HorizontalGutter-root HorizontalGutter-half"
>
<div
className="Flex-root Flex-flex Flex-itemGutter Flex-alignCenter"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantUnderlined"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
Sign in
</button>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantOutlined"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
Register
</button>
</div>
<div
className="HorizontalGutter-root PostCommentFormFake-root HorizontalGutter-full"
>
<div
aria-hidden="true"
>
<div>
<div
className=""
>
<div
className=" RTE-toolbarDisabled Toolbar-toolbar"
>
<button
className="Button-button"
disabled={false}
onClick={[Function]}
title="Bold"
type="button"
>
<span
aria-hidden="true"
className="Icon-root Icon-md"
>
format_bold
</span>
</button>
<button
className="Button-button"
disabled={false}
onClick={[Function]}
title="Italic"
type="button"
>
<span
aria-hidden="true"
className="Icon-root Icon-md"
>
format_italic
</span>
</button>
<button
className="Button-button"
disabled={false}
onClick={[Function]}
title="Blockquote"
type="button"
>
<span
aria-hidden="true"
className="Icon-root Icon-md"
>
format_quote
</span>
</button>
</div>
<div
aria-hidden="true"
className="RTE-placeholder RTE-placeholder "
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={true}
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-fullWidth Button-disabled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="submit"
>
Sign in and join the conversation
</button>
</div>
</div>
<div
aria-live="polite"
className="HorizontalGutter-root HorizontalGutter-full"
id="talk-comments-stream-log"
role="log"
>
<div
className="HorizontalGutter-root HorizontalGutter-full"
>
<div
className="Indent-root"
>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
>
Markus
</span>
<time
className="Timestamp-root RelativeTime-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
2018-07-06T18:24:00.000Z
</time>
</div>
<div
className="HTMLContent-root"
dangerouslySetInnerHTML={
Object {
"__html": "Joining Too",
}
}
/>
<div
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
id="comments-commentContainer-replyButton-comment-0"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
<div
className="HorizontalGutter-root HorizontalGutter-full"
>
<div
className="Indent-root"
>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
>
Lukas
</span>
<time
className="Timestamp-root RelativeTime-root"
dateTime="2018-07-06T18:20:00.000Z"
title="2018-07-06T18:20:00.000Z"
>
2018-07-06T18:20:00.000Z
</time>
</div>
<div
className="HTMLContent-root"
dangerouslySetInnerHTML={
Object {
"__html": "What's up?",
}
}
/>
<div
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
id="comments-commentContainer-replyButton-comment-1"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div>
Variable "$signedIn" got invalid value null; Expected non-nullable type Boolean! not to be null.
GraphQL request (3:3)
2: $assetID: ID!
3: $signedIn: Boolean!
^
4: ) {
</div>
</div>
`;
src/core/client/stream/test/__snapshots__/showAllReplies.spec.tsx.snap
+9 -278
View File
@@ -4,284 +4,15 @@ exports[`renders comment stream 1`] = `
<div
className="Flex-root App-root Flex-flex Flex-justifyCenter"
>
<div
className="HorizontalGutter-root Stream-root HorizontalGutter-double"
>
<div
className="HorizontalGutter-root HorizontalGutter-half"
>
<div
className="Flex-root Flex-flex Flex-itemGutter Flex-alignCenter"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantUnderlined"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
Sign in
</button>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorPrimary Button-variantOutlined"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
Register
</button>
</div>
<div
className="HorizontalGutter-root PostCommentFormFake-root HorizontalGutter-full"
>
<div
aria-hidden="true"
>
<div>
<div
className=""
>
<div
className=" RTE-toolbarDisabled Toolbar-toolbar"
>
<button
className="Button-button"
disabled={false}
onClick={[Function]}
title="Bold"
type="button"
>
<span
aria-hidden="true"
className="Icon-root Icon-md"
>
format_bold
</span>
</button>
<button
className="Button-button"
disabled={false}
onClick={[Function]}
title="Italic"
type="button"
>
<span
aria-hidden="true"
className="Icon-root Icon-md"
>
format_italic
</span>
</button>
<button
className="Button-button"
disabled={false}
onClick={[Function]}
title="Blockquote"
type="button"
>
<span
aria-hidden="true"
className="Icon-root Icon-md"
>
format_quote
</span>
</button>
</div>
<div
aria-hidden="true"
className="RTE-placeholder RTE-placeholder "
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={true}
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
<button
className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-fullWidth Button-disabled"
disabled={true}
onBlur={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="submit"
>
Sign in and join the conversation
</button>
</div>
</div>
<div
aria-live="polite"
className="HorizontalGutter-root HorizontalGutter-full"
id="talk-comments-stream-log"
role="log"
>
<div
className="HorizontalGutter-root HorizontalGutter-full"
>
<div
className="Indent-root"
>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
>
Markus
</span>
<time
className="Timestamp-root RelativeTime-root"
dateTime="2018-07-06T18:24:00.000Z"
title="2018-07-06T18:24:00.000Z"
>
2018-07-06T18:24:00.000Z
</time>
</div>
<div
className="HTMLContent-root"
dangerouslySetInnerHTML={
Object {
"__html": "Joining Too",
}
}
/>
<div
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
id="comments-commentContainer-replyButton-comment-0"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
className="HorizontalGutter-root HorizontalGutter-full"
id="talk-comments-replyList-log--comment-0"
role="log"
>
<div
className="Indent-root Indent-level1"
>
<div
className="Comment-root"
role="article"
>
<div
className="Flex-root Comment-topBar Flex-flex Flex-halfItemGutter Flex-alignBaseline Flex-directionColumn"
>
<span
className="Typography-root Typography-heading3 Typography-colorTextPrimary Username-root"
>
Lukas
</span>
<time
className="Timestamp-root RelativeTime-root"
dateTime="2018-07-06T18:20:00.000Z"
title="2018-07-06T18:20:00.000Z"
>
2018-07-06T18:20:00.000Z
</time>
</div>
<div
className="HTMLContent-root"
dangerouslySetInnerHTML={
Object {
"__html": "What's up?",
}
}
/>
<div
className="Flex-root Comment-footer Flex-flex Flex-halfItemGutter Flex-directionRow"
>
<button
className="BaseButton-root Button-root Button-sizeSmall Button-colorRegular Button-variantGhost"
id="comments-commentContainer-replyButton-comment-1"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
<span>
Reply
</span>
</button>
</div>
</div>
</div>
<div
className="Indent-root Indent-level1 Indent-noBorder"
>
<button
aria-controls="talk-comments-replyList-log--comment-0"
className="BaseButton-root Button-root Button-sizeRegular Button-colorRegular Button-variantOutlined Button-fullWidth"
disabled={false}
id="talk-comments-replyList-showAll--comment-0"
onBlur={[Function]}
onClick={[Function]}
onFocus={[Function]}
onMouseDown={[Function]}
onMouseOut={[Function]}
onMouseOver={[Function]}
onTouchEnd={[Function]}
type="button"
>
Show all
</button>
</div>
</div>
</div>
</div>
<div>
Variable "$signedIn" got invalid value null; Expected non-nullable type Boolean! not to be null.
GraphQL request (3:3)
2: $assetID: ID!
3: $signedIn: Boolean!
^
4: ) {
</div>
</div>
`;