classNames

client/coral-embed-stream/src/tabs/stream/components/DraftArea.js

@@ -14,8 +14,8 @@ import styles from './DraftArea.css';
 export default class DraftArea extends React.Component {
   renderCharCount() {
     const { value, maxCharCount } = this.props;
-    const className = cn(styles.charCount, 'talk-draftarea-char-count', {
-      [`${styles.charMax} talk-draftarea-char-max`]:
+    const className = cn(styles.charCount, 'talk-commentbox-char-count', {
+      [`${styles.charMax} talk-commentbox-char-max`]:
         value.length > maxCharCount,
     });
     const remaining = maxCharCount - value.length;
@@ -53,7 +53,7 @@ export default class DraftArea extends React.Component {
 
     return (
       <div>
-        <div className={cn(styles.container, 'talk-draftarea-container')}>
+        <div className={cn(styles.container, 'talk-commentbox-container')}>
           <label htmlFor={id} className="screen-reader-text" aria-hidden={true}>
             {label}
           </label>

client/coral-embed-stream/src/tabs/stream/components/DraftAreaContent.js

@@ -12,7 +12,7 @@ const DraftAreaContent = ({
   disabled,
 }) => (
   <textarea
-    className={cn(styles.content, 'talk-draftarea-content')}
+    className={cn(styles.content, 'talk-commentbox-content')}
     value={value}
     placeholder={placeholder}
     id={id}

test/e2e/page_objects/embedStream.js

@@ -97,8 +97,8 @@ module.exports = {
       elements: {
         logoutButton: '.talk-stream-userbox-logout',
         signInButton: '#coralSignInButton',
-        commentBoxTextarea: '.talk-plugin-commentbox-textarea',
-        commentBoxPostButton: '.talk-plugin-commentbox-button',
+        commentBoxTextarea: '.talk-commentbox-textarea',
+        commentBoxPostButton: '.talk-commentbox-button',
         firstComment: '.talk-stream-comment.talk-stream-comment-level-0',
         firstCommentContent:
           '.talk-stream-comment.talk-stream-comment-level-0 .talk-stream-comment-content',