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

Merge branch 'next' into next-auth

Browse Source
This commit is contained in:
Wyatt Johnson
2018-10-26 18:17:46 +00:00
committed by GitHub
parent 33ecbaecda 38fba52839
commit 6fc2eabc88
26 changed files with 1152 additions and 919 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+3 -3
View File
@@ -1342,9 +1342,9 @@
}
},
"@coralproject/rte": {
"version": "0.10.12",
"resolved": "https://registry.npmjs.org/@coralproject/rte/-/rte-0.10.12.tgz",
"integrity": "sha512-w7UWe6u+TNoPtFcWvyjYkV7eaAE4ccTOYrhdWPsDfM34ZDRq+bM5eiiAMcUVHizvHgsUzFWoN2qjOo+jSfIjCw==",
"version": "0.10.13",
"resolved": "https://registry.npmjs.org/@coralproject/rte/-/rte-0.10.13.tgz",
"integrity": "sha512-YlKErdrGD3xMPWjObKIa0hmqG2n9F1sbemZrnWwBCzC5xt+ktkTynAXfHo+tsyKquJLZVtFISP8+A717tMl8wg==",
"dev": true,
"requires": {
"bowser": "^1.0.0",
package.json
+1 -1
View File
@@ -108,7 +108,7 @@
"@babel/polyfill": "7.0.0-beta.49",
"@babel/preset-env": "7.0.0-beta.49",
"@babel/preset-react": "7.0.0-beta.49",
"@coralproject/rte": "^0.10.12",
"@coralproject/rte": "^0.10.13",
"@types/bcryptjs": "^2.4.1",
"@types/bull": "^3.3.16",
"@types/bunyan": "^1.8.4",
src/core/client/stream/tabs/comments/components/EditCommentForm.tsx
+33 -22
View File
@@ -16,6 +16,7 @@ import {
Button,
Flex,
HorizontalGutter,
MatchMedia,
Message,
MessageIcon,
RelativeTime,
@@ -128,28 +129,38 @@ const EditCommentForm: StatelessComponent<EditCommentFormProps> = props => {
</Button>
</Localized>
) : (
<>
<Localized id="comments-editCommentForm-cancel">
<Button
id={`comments-editCommentForm-cancelButton-${props.id}`}
variant="outlined"
disabled={submitting}
onClick={props.onCancel}
>
Cancel
</Button>
</Localized>
<Localized id="comments-editCommentForm-saveChanges">
<Button
color="primary"
variant="filled"
disabled={submitting || hasValidationErrors || pristine}
type="submit"
>
Save Changes
</Button>
</Localized>
</>
<MatchMedia ltWidth="sm">
{matches => (
<>
<Localized id="comments-editCommentForm-cancel">
<Button
id={`comments-editCommentForm-cancelButton-${
props.id
}`}
variant="outlined"
disabled={submitting}
onClick={props.onCancel}
fullWidth={matches}
>
Cancel
</Button>
</Localized>
<Localized id="comments-editCommentForm-saveChanges">
<Button
color="primary"
variant="filled"
disabled={
submitting || hasValidationErrors || pristine
}
type="submit"
fullWidth={matches}
>
Save Changes
</Button>
</Localized>
</>
)}
</MatchMedia>
)}
</Flex>
</HorizontalGutter>
src/core/client/stream/tabs/comments/components/RTE.css
+2
View File
@@ -1,9 +1,11 @@
.content {
composes: root from "talk-stream/shared/htmlContent.css";
border: 1px solid var(--palette-grey-main);
}
.toolbar {
background-color: var(--palette-common-white);
border: 1px solid var(--palette-grey-main);
}
.placeholder {
src/core/client/stream/tabs/comments/components/RTE.tsx
+1
View File
@@ -102,6 +102,7 @@ const RTE: StatelessComponent<RTEProps> = props => {
placeholder={placeholder}
features={features}
ref={forwardRef}
toolbarPosition="bottom"
{...rest}
/>
</div>
src/core/client/stream/tabs/comments/components/ReplyCommentForm.tsx
+36 -20
View File
@@ -16,9 +16,11 @@ import {
Button,
Flex,
HorizontalGutter,
MatchMedia,
Typography,
} from "talk-ui/components";
import ReplyTo from "./ReplyTo";
import RTE from "./RTE";
interface FormProps {
@@ -33,6 +35,7 @@ export interface ReplyCommentFormProps {
onChange?: (state: FormState) => void;
initialValues?: FormProps;
rteRef?: Ref<CoralRTE>;
parentUsername: string | null;
}
const ReplyCommentForm: StatelessComponent<ReplyCommentFormProps> = props => {
@@ -56,6 +59,9 @@ const ReplyCommentForm: StatelessComponent<ReplyCommentFormProps> = props => {
Write a reply
</AriaInfo>
</Localized>
{props.parentUsername && (
<ReplyTo username={props.parentUsername} />
)}
<Localized
id="comments-replyCommentForm-rte"
attrs={{ placeholder: true }}
@@ -78,27 +84,37 @@ const ReplyCommentForm: StatelessComponent<ReplyCommentFormProps> = props => {
</div>
)}
</Field>
<Flex direction="row" justifyContent="flex-end" itemGutter="half">
<Localized id="comments-replyCommentForm-cancel">
<Button
variant="outlined"
disabled={submitting}
onClick={props.onCancel}
<MatchMedia ltWidth="sm">
{matches => (
<Flex
direction="row"
justifyContent="flex-end"
itemGutter="half"
>
Cancel
</Button>
</Localized>
<Localized id="comments-replyCommentForm-submit">
<Button
color="primary"
variant="filled"
disabled={submitting || hasValidationErrors}
type="submit"
>
Submit
</Button>
</Localized>
</Flex>
<Localized id="comments-replyCommentForm-cancel">
<Button
variant="outlined"
disabled={submitting}
onClick={props.onCancel}
fullWidth={matches}
>
Cancel
</Button>
</Localized>
<Localized id="comments-replyCommentForm-submit">
<Button
color="primary"
variant="filled"
disabled={submitting || hasValidationErrors}
type="submit"
fullWidth={matches}
>
Submit
</Button>
</Localized>
</Flex>
)}
</MatchMedia>
</HorizontalGutter>
</form>
)}
src/core/client/stream/tabs/comments/components/ReplyTo.css
+15
View File
@@ -0,0 +1,15 @@
.root {
padding: calc(0.5 * var(--spacing-unit));
color: var(--palette-grey-dark);
background-color: var(--palette-grey-lightest);
border: 1px solid var(--palette-grey-main);
border-bottom: 0;
}
.text {
color: var(--palette-grey-dark);
}
.username {
color: var(--palette-grey-darkest);
}
src/core/client/stream/tabs/comments/components/ReplyTo.spec.tsx
+14
View File
@@ -0,0 +1,14 @@
import { shallow } from "enzyme";
import React from "react";
import { PropTypesOf } from "talk-framework/types";
import ReplyTo from "./ReplyTo";
it("renders correctly", () => {
const props: PropTypesOf<typeof ReplyTo> = {
username: "ParentAuthor",
};
const wrapper = shallow(<ReplyTo {...props} />);
expect(wrapper).toMatchSnapshot();
});
src/core/client/stream/tabs/comments/components/ReplyTo.tsx
+30
View File
@@ -0,0 +1,30 @@
import { Localized } from "fluent-react/compat";
import React, { StatelessComponent } from "react";
import { Flex, Icon, Typography } from "talk-ui/components";
import styles from "./ReplyTo.css";
interface Props {
username: string;
}
const ReplyTo: StatelessComponent<Props> = ({ username }) => {
const Username = () => (
<Typography variant="heading4" container="span" className={styles.username}>
{username}
</Typography>
);
return (
<Flex alignItems="center" className={styles.root}>
<Icon>reply</Icon>{" "}
<Localized id="comments-replyTo" username={<Username />}>
<Typography container="span" className={styles.text}>
{"Replying to: <username></username>"}
</Typography>
</Localized>
</Flex>
);
};
export default ReplyTo;
src/core/client/stream/tabs/comments/components/__snapshots__/RTE.spec.tsx.snap
+1
View File
@@ -64,6 +64,7 @@ exports[`renders correctly 1`] = `
placeholderClassNameDisabled=""
toolbarClassName="RTE-toolbar"
toolbarClassNameDisabled=""
toolbarPosition="bottom"
value="Hello world"
/>
</div>
src/core/client/stream/tabs/comments/components/__snapshots__/ReplyTo.spec.tsx.snap
+24
View File
@@ -0,0 +1,24 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders correctly 1`] = `
<withPropsOnChange(Flex)
alignItems="center"
className="ReplyTo-root"
>
<withPropsOnChange(Icon)>
reply
</withPropsOnChange(Icon)>
<Localized
id="comments-replyTo"
username={<Username />}
>
<withPropsOnChange(Typography)
className="ReplyTo-text"
container="span"
>
Replying to: &lt;username&gt;&lt;/username&gt;
</withPropsOnChange(Typography)>
</Localized>
</withPropsOnChange(Flex)>
`;
src/core/client/stream/tabs/comments/containers/ReplyCommentFormContainer.spec.tsx
+18
View File
@@ -25,6 +25,9 @@ it("renders correctly", async () => {
},
comment: {
id: "comment-id",
author: {
username: "Joe",
},
},
sessionStorage: createPromisifiedStorage(),
autofocus: false,
@@ -44,6 +47,9 @@ it("renders with initialValues", async () => {
},
comment: {
id: "comment-id",
author: {
username: "Joe",
},
},
sessionStorage: createPromisifiedStorage(),
autofocus: false,
@@ -68,6 +74,9 @@ it("save values", async () => {
},
comment: {
id: "comment-id",
author: {
username: "Joe",
},
},
sessionStorage: createPromisifiedStorage(),
autofocus: false,
@@ -104,6 +113,9 @@ it("creates a comment", async () => {
},
comment: {
id: "comment-id",
author: {
username: "Joe",
},
},
sessionStorage: createPromisifiedStorage(),
onClose: onCloseStub,
@@ -142,6 +154,9 @@ it("closes on cancel", async () => {
},
comment: {
id: "comment-id",
author: {
username: "Joe",
},
},
sessionStorage: createPromisifiedStorage(),
onClose: onCloseStub,
@@ -177,6 +192,9 @@ it("autofocuses", async () => {
},
comment: {
id: "comment-id",
author: {
username: "Joe",
},
},
sessionStorage: createPromisifiedStorage(),
autofocus: true,
src/core/client/stream/tabs/comments/containers/ReplyCommentFormContainer.tsx
+6
View File
@@ -115,6 +115,9 @@ export class ReplyCommentFormContainer extends Component<InnerProps, State> {
initialValues={this.state.initialValues}
onCancel={this.handleOnCancel}
rteRef={this.handleRTERef}
parentUsername={
this.props.comment.author && this.props.comment.author.username
}
/>
);
}
@@ -134,6 +137,9 @@ const enhanced = withContext(({ sessionStorage, browserInfo }) => ({
comment: graphql`
fragment ReplyCommentFormContainer_comment on Comment {
id
author {
username
}
}
`,
})(ReplyCommentFormContainer)
src/core/client/stream/tabs/comments/containers/__snapshots__/ReplyCommentFormContainer.spec.tsx.snap
+2
View File
@@ -6,6 +6,7 @@ exports[`renders correctly 1`] = `
onCancel={[Function]}
onChange={[Function]}
onSubmit={[Function]}
parentUsername="Joe"
rteRef={[Function]}
/>
`;
@@ -21,6 +22,7 @@ exports[`renders with initialValues 1`] = `
onCancel={[Function]}
onChange={[Function]}
onSubmit={[Function]}
parentUsername="Joe"
rteRef={[Function]}
/>
`;
src/core/client/stream/test/comments/__snapshots__/editComment.spec.tsx.snap
+252 -252
View File
@@ -125,7 +125,33 @@ exports[`cancel edit: edit canceled 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -170,32 +196,6 @@ exports[`cancel edit: edit canceled 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -638,7 +638,33 @@ exports[`edit a comment: edit form 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -683,32 +709,6 @@ exports[`edit a comment: edit form 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -793,7 +793,27 @@ exports[`edit a comment: edit form 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-placeholder="Edit comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "Joining Too",
}
}
disabled={false}
id="comments-editCommentForm-rte-comment-0"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -838,26 +858,6 @@ exports[`edit a comment: edit form 1`] = `
</span>
</button>
</div>
<div
aria-placeholder="Edit comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "Joining Too",
}
}
disabled={false}
id="comments-editCommentForm-rte-comment-0"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -1174,7 +1174,33 @@ exports[`edit a comment: optimistic response 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -1219,32 +1245,6 @@ exports[`edit a comment: optimistic response 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -1329,7 +1329,27 @@ exports[`edit a comment: optimistic response 1`] = `
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
aria-placeholder="Edit comment"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "Edited!",
}
}
disabled={true}
id="comments-editCommentForm-rte-comment-0"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -1374,26 +1394,6 @@ exports[`edit a comment: optimistic response 1`] = `
</span>
</button>
</div>
<div
aria-placeholder="Edit comment"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "Edited!",
}
}
disabled={true}
id="comments-editCommentForm-rte-comment-0"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -1710,7 +1710,33 @@ exports[`edit a comment: render stream 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -1755,32 +1781,6 @@ exports[`edit a comment: render stream 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -2223,7 +2223,33 @@ exports[`edit a comment: server response 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -2268,32 +2294,6 @@ exports[`edit a comment: server response 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -2745,7 +2745,33 @@ exports[`shows expiry message: edit form closed 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -2790,32 +2816,6 @@ exports[`shows expiry message: edit form closed 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -3258,7 +3258,33 @@ exports[`shows expiry message: edit time expired 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -3303,32 +3329,6 @@ exports[`shows expiry message: edit time expired 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -3413,7 +3413,27 @@ exports[`shows expiry message: edit time expired 1`] = `
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
aria-placeholder="Edit comment"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "Joining Too",
}
}
disabled={true}
id="comments-editCommentForm-rte-comment-0"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -3458,26 +3478,6 @@ exports[`shows expiry message: edit time expired 1`] = `
</span>
</button>
</div>
<div
aria-placeholder="Edit comment"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "Joining Too",
}
}
disabled={true}
id="comments-editCommentForm-rte-comment-0"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
src/core/client/stream/test/comments/__snapshots__/loadMore.spec.tsx.snap
+52 -52
View File
@@ -84,7 +84,32 @@ exports[`loads more comments 1`] = `
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
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
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -129,31 +154,6 @@ exports[`loads more comments 1`] = `
</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>
@@ -646,7 +646,32 @@ exports[`renders comment stream 1`] = `
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
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
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -691,31 +716,6 @@ exports[`renders comment stream 1`] = `
</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>
src/core/client/stream/test/comments/__snapshots__/permalinkView.spec.tsx.snap
+26 -26
View File
@@ -891,7 +891,32 @@ exports[`show all comments 1`] = `
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
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
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -936,31 +961,6 @@ exports[`show all comments 1`] = `
</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>
src/core/client/stream/test/comments/__snapshots__/permalinkViewCommentNotFound.spec.tsx.snap
+26 -26
View File
@@ -194,7 +194,32 @@ exports[`show all comments 1`] = `
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
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
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -239,31 +264,6 @@ exports[`show all comments 1`] = `
</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>
src/core/client/stream/test/comments/__snapshots__/postComment.spec.tsx.snap
+75 -75
View File
@@ -125,7 +125,27 @@ exports[`post a comment: optimistic response 1`] = `
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "<strong>Hello world!</strong>",
}
}
disabled={true}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -170,26 +190,6 @@ exports[`post a comment: optimistic response 1`] = `
</span>
</button>
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "<strong>Hello world!</strong>",
}
}
disabled={true}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -758,7 +758,33 @@ exports[`post a comment: server response 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -803,32 +829,6 @@ exports[`post a comment: server response 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -1381,7 +1381,33 @@ exports[`renders comment stream 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -1426,32 +1452,6 @@ exports[`renders comment stream 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
src/core/client/stream/test/comments/__snapshots__/postLocalReply.spec.tsx.snap
+202 -156
View File
@@ -125,7 +125,33 @@ exports[`post a reply: open reply form 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -170,32 +196,6 @@ exports[`post a reply: open reply form 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -1044,12 +1044,61 @@ exports[`post a reply: open reply form 1`] = `
>
Write a reply
</label>
<div
className="Flex-root ReplyTo-root Flex-flex Flex-alignCenter"
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
>
reply
</span>
<span>
 
</span>
<span
className="Typography-root Typography-bodyCopy Typography-colorTextPrimary ReplyTo-text"
>
Replying to:
<span
className="Typography-root Typography-heading4 Typography-colorTextPrimary ReplyTo-username"
>
Markus
</span>
</span>
</div>
<div>
<div
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Write a reply
</div>
<div
aria-placeholder="Write a reply"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-replyCommentForm-rte-comment-with-deepest-replies-5"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -1094,32 +1143,6 @@ exports[`post a reply: open reply form 1`] = `
</span>
</button>
</div>
<div
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Write a reply
</div>
<div
aria-placeholder="Write a reply"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-replyCommentForm-rte-comment-with-deepest-replies-5"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -1299,7 +1322,33 @@ exports[`post a reply: optimistic response 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -1344,32 +1393,6 @@ exports[`post a reply: optimistic response 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -2218,12 +2241,55 @@ exports[`post a reply: optimistic response 1`] = `
>
Write a reply
</label>
<div
className="Flex-root ReplyTo-root Flex-flex Flex-alignCenter"
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
>
reply
</span>
<span>
 
</span>
<span
className="Typography-root Typography-bodyCopy Typography-colorTextPrimary ReplyTo-text"
>
Replying to:
<span
className="Typography-root Typography-heading4 Typography-colorTextPrimary ReplyTo-username"
>
Markus
</span>
</span>
</div>
<div>
<div
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
aria-placeholder="Write a reply"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "<strong>Hello world!</strong>",
}
}
disabled={true}
id="comments-replyCommentForm-rte-comment-with-deepest-replies-5"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -2268,26 +2334,6 @@ exports[`post a reply: optimistic response 1`] = `
</span>
</button>
</div>
<div
aria-placeholder="Write a reply"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "<strong>Hello world!</strong>",
}
}
disabled={true}
id="comments-replyCommentForm-rte-comment-with-deepest-replies-5"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -2599,7 +2645,33 @@ exports[`post a reply: server response 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -2644,32 +2716,6 @@ exports[`post a reply: server response 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -3762,7 +3808,33 @@ exports[`renders comment stream 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -3807,32 +3879,6 @@ exports[`renders comment stream 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
src/core/client/stream/test/comments/__snapshots__/postReply.spec.tsx.snap
+202 -156
View File
@@ -125,7 +125,33 @@ exports[`post a reply: open reply form 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -170,32 +196,6 @@ exports[`post a reply: open reply form 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -378,12 +378,61 @@ exports[`post a reply: open reply form 1`] = `
>
Write a reply
</label>
<div
className="Flex-root ReplyTo-root Flex-flex Flex-alignCenter"
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
>
reply
</span>
<span>
 
</span>
<span
className="Typography-root Typography-bodyCopy Typography-colorTextPrimary ReplyTo-text"
>
Replying to:
<span
className="Typography-root Typography-heading4 Typography-colorTextPrimary ReplyTo-username"
>
Markus
</span>
</span>
</div>
<div>
<div
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Write a reply
</div>
<div
aria-placeholder="Write a reply"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-replyCommentForm-rte-comment-0"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -428,32 +477,6 @@ exports[`post a reply: open reply form 1`] = `
</span>
</button>
</div>
<div
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Write a reply
</div>
<div
aria-placeholder="Write a reply"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-replyCommentForm-rte-comment-0"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -749,7 +772,33 @@ exports[`post a reply: optimistic response 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -794,32 +843,6 @@ exports[`post a reply: optimistic response 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -1002,12 +1025,55 @@ exports[`post a reply: optimistic response 1`] = `
>
Write a reply
</label>
<div
className="Flex-root ReplyTo-root Flex-flex Flex-alignCenter"
>
<span
aria-hidden="true"
className="Icon-root Icon-sm"
>
reply
</span>
<span>
 
</span>
<span
className="Typography-root Typography-bodyCopy Typography-colorTextPrimary ReplyTo-text"
>
Replying to:
<span
className="Typography-root Typography-heading4 Typography-colorTextPrimary ReplyTo-username"
>
Markus
</span>
</span>
</div>
<div>
<div
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
aria-placeholder="Write a reply"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "<strong>Hello world!</strong>",
}
}
disabled={true}
id="comments-replyCommentForm-rte-comment-0"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -1052,26 +1118,6 @@ exports[`post a reply: optimistic response 1`] = `
</span>
</button>
</div>
<div
aria-placeholder="Write a reply"
className="RTE-contentEditable RTE-content RTE-contentEditableDisabled"
contentEditable={false}
dangerouslySetInnerHTML={
Object {
"__html": "<strong>Hello world!</strong>",
}
}
disabled={true}
id="comments-replyCommentForm-rte-comment-0"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -1515,7 +1561,33 @@ exports[`post a reply: server response 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -1560,32 +1632,6 @@ exports[`post a reply: server response 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
@@ -2144,7 +2190,33 @@ exports[`renders comment stream 1`] = `
className=""
>
<div
className="RTE-toolbar Toolbar-toolbar"
aria-hidden="true"
className="RTE-placeholder RTE-placeholder"
>
Post a comment
</div>
<div
aria-placeholder="Post a comment"
className="RTE-contentEditable RTE-content"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
<div
className="RTE-toolbar RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -2189,32 +2261,6 @@ exports[`renders comment stream 1`] = `
</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"
contentEditable={true}
dangerouslySetInnerHTML={
Object {
"__html": "",
}
}
disabled={false}
id="comments-postCommentForm-field"
onBlur={[Function]}
onChange={[Function]}
onCut={[Function]}
onFocus={[Function]}
onInput={[Function]}
onKeyDown={[Function]}
onPaste={[Function]}
onSelect={[Function]}
/>
</div>
</div>
</div>
src/core/client/stream/test/comments/__snapshots__/renderReplies.spec.tsx.snap
+26 -26
View File
@@ -84,7 +84,32 @@ exports[`renders comment stream 1`] = `
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
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
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -129,31 +154,6 @@ exports[`renders comment stream 1`] = `
</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>
src/core/client/stream/test/comments/__snapshots__/renderStream.spec.tsx.snap
+26 -26
View File
@@ -84,7 +84,32 @@ exports[`renders comment stream 1`] = `
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
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
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -129,31 +154,6 @@ exports[`renders comment stream 1`] = `
</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>
src/core/client/stream/test/comments/__snapshots__/showAllReplies.spec.tsx.snap
+52 -52
View File
@@ -84,7 +84,32 @@ exports[`renders comment stream 1`] = `
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
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
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -129,31 +154,6 @@ exports[`renders comment stream 1`] = `
</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>
@@ -550,7 +550,32 @@ exports[`show all replies 1`] = `
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
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
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -595,31 +620,6 @@ exports[`show all replies 1`] = `
</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>
src/core/client/stream/test/comments/__snapshots__/showConversation.spec.tsx.snap
+26 -26
View File
@@ -84,7 +84,32 @@ exports[`renders comment stream 1`] = `
className=""
>
<div
className="RTE-toolbar RTE-toolbarDisabled Toolbar-toolbar"
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
className="RTE-toolbar RTE-toolbarDisabled RTE-toolbarBottom Toolbar-toolbar"
>
<button
className="Button-button"
@@ -129,31 +154,6 @@ exports[`renders comment stream 1`] = `
</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>
src/locales/en-US/stream.ftl
+1
View File
@@ -85,6 +85,7 @@ comments-conversationThread-showHiddenComments =
comments-permalinkView-currentViewing = You are currently viewing a
comments-permalinkView-singleConversation = SINGLE CONVERSATION
comments-inReplyTo = In reply to <username></username>
comments-replyTo = Replying to: <username></username>
## Profile Tab
profile-historyComment-viewConversation = View Conversation