decidim 0.0.2 → 0.0.3

data/decidim-comments/app/frontend/comments/add_comment_form.component.test.jsx

@@ -1,12 +1,13 @@
 /* eslint-disable no-unused-expressions */
-import { shallow, mount }      from 'enzyme';
+import { shallow, mount }    from 'enzyme';
 
-import { AddCommentForm }      from './add_comment_form.component';
+import { AddCommentForm }    from './add_comment_form.component';
 
-import generateCurrentUserData from '../support/generate_current_user_data';
+import generateUserData      from '../support/generate_user_data';
+import generateUserGroupData from '../support/generate_user_group_data';
 
 describe("<AddCommentForm />", () => {
-  let currentUser = null;
+  let session = null;
   const commentableId = "1";
   const commentableType = "Decidim::ParticipatoryProcess";
   const addCommentStub = () => {
@@ -14,48 +15,51 @@ describe("<AddCommentForm />", () => {
   }
 
   beforeEach(() => {
-    currentUser = generateCurrentUserData();
+    session = {
+      user: generateUserData(),
+      verifiedUserGroups: []
+    };
   });
 
   it("should render a div with class add-comment", () => {
-    const wrapper = shallow(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} />);
+    const wrapper = shallow(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} />);
     expect(wrapper.find('div.add-comment')).to.present();
   });
 
   it("should have a reference to body textarea", () => {
-    const wrapper = mount(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} />);
+    const wrapper = mount(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} />);
     expect(wrapper.instance().bodyTextArea).to.be.ok;
   });
 
   it("should initialize with a state property disabled as true", () => {
-    const wrapper = mount(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} />);
+    const wrapper = mount(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} />);
     expect(wrapper).to.have.state('disabled', true);
   });
 
   it("should have a default prop showTitle as true", () => {
-    const wrapper = mount(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} />);
-    expect(wrapper).to.have.prop('showTitle').equal(true);    
+    const wrapper = mount(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} />);
+    expect(wrapper).to.have.prop('showTitle').equal(true);
   });
 
   it("should not render the title if prop showTitle is false", () => {
-    const wrapper = shallow(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} showTitle={false} />);
+    const wrapper = shallow(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} showTitle={false} />);
     expect(wrapper.find('h5.section-heading')).not.to.be.present();
   });
 
   it("should have a default prop submitButtonClassName as 'button button--sc'", () => {
-    const wrapper = mount(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} />);
+    const wrapper = mount(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} />);
     expect(wrapper).to.have.prop('submitButtonClassName').equal('button button--sc');
   });
 
   it("should use prop submitButtonClassName as a className prop for submit button", () => {
-    const wrapper = shallow(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} submitButtonClassName="button small hollow" />);
+    const wrapper = shallow(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} submitButtonClassName="button small hollow" />);
     expect(wrapper.find('input[type="submit"]')).to.have.className('button');
     expect(wrapper.find('input[type="submit"]')).to.have.className('small');
     expect(wrapper.find('input[type="submit"]')).to.have.className('hollow');
   });
 
   it("should enable the submit button if textarea is not blank", () => {
-    const wrapper = mount(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} />);
+    const wrapper = mount(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} />);
     wrapper.find('textarea').simulate('change', {
       target: {
         value: 'This is a comment'
@@ -65,7 +69,7 @@ describe("<AddCommentForm />", () => {
   });
 
   it("should disable the submit button if textarea is blank", () => {
-    const wrapper = mount(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} />);
+    const wrapper = mount(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} />);
     wrapper.find('textarea').simulate('change', {
       target: {
         value: 'This will be deleted'
@@ -80,7 +84,7 @@ describe("<AddCommentForm />", () => {
   });
 
   it("should not render a div with class 'opinion-toggle'", () => {
-    const wrapper = shallow(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} />);
+    const wrapper = shallow(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} />);
     expect(wrapper.find('.opinion-toggle')).not.to.be.present();
   });
 
@@ -93,7 +97,7 @@ describe("<AddCommentForm />", () => {
     beforeEach(() => {
       addComment = sinon.spy();
       onCommentAdded = sinon.spy();
-      wrapper = mount(<AddCommentForm addComment={addComment} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} onCommentAdded={onCommentAdded} />);
+      wrapper = mount(<AddCommentForm addComment={addComment} session={session} commentableId={commentableId} commentableType={commentableType} onCommentAdded={onCommentAdded} />);
       message = 'This will be submitted';
       wrapper.instance().bodyTextArea.value = message;
     });
@@ -121,25 +125,25 @@ describe("<AddCommentForm />", () => {
   });
 
   it("should initialize state with a property alignment and value 0", () => {
-    const wrapper = shallow(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} arguable />);
+    const wrapper = shallow(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} arguable />);
     expect(wrapper).to.have.state('alignment').equal(0);
   });
 
   describe("when receiving an optional prop arguable with value true", () => {
     it("should render a div with class 'opinion-toggle'", () => {
-      const wrapper = shallow(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} arguable />);
+      const wrapper = shallow(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} arguable />);
       expect(wrapper.find('.opinion-toggle')).to.be.present();
     });
 
     it("should set state alignment to 1 if user clicks ok button and change its class", () => {
-      const wrapper = shallow(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} arguable />);
+      const wrapper = shallow(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} arguable />);
       wrapper.find('.opinion-toggle--ok').simulate('click');
       expect(wrapper.find('.opinion-toggle--ok')).to.have.className('is-active');
       expect(wrapper).to.have.state('alignment').equal(1);
     });
 
     it("should set state alignment to -11 if user clicks ko button and change its class", () => {
-      const wrapper = shallow(<AddCommentForm addComment={addCommentStub} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} arguable />);
+      const wrapper = shallow(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} arguable />);
       wrapper.find('.opinion-toggle--ko').simulate('click');
       expect(wrapper.find('.opinion-toggle--ko')).to.have.className('is-active');
       expect(wrapper).to.have.state('alignment').equal(-1);
@@ -152,7 +156,7 @@ describe("<AddCommentForm />", () => {
 
       beforeEach(() => {
         addComment = sinon.spy();
-        wrapper = mount(<AddCommentForm addComment={addComment} currentUser={currentUser} commentableId={commentableId} commentableType={commentableType} arguable />);
+        wrapper = mount(<AddCommentForm addComment={addComment} session={session} commentableId={commentableId} commentableType={commentableType} arguable />);
         message = 'This will be submitted';
         wrapper.instance().bodyTextArea.value = message;
       });
@@ -170,4 +174,55 @@ describe("<AddCommentForm />", () => {
       });
     });
   });
+
+  describe("when user groups are greater than 0", () => {
+    beforeEach(() => {
+      session.verifiedUserGroups = [
+        generateUserGroupData(),
+        generateUserGroupData()
+      ];
+    });
+
+    it("should have a reference to user_group_id select", () => {
+      const wrapper = mount(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} />);
+      expect(wrapper.instance().userGroupIdSelect).to.be.ok;
+    });
+
+    it("should render a select with option tags for each verified user group", () => {
+      const wrapper = mount(<AddCommentForm addComment={addCommentStub} session={session} commentableId={commentableId} commentableType={commentableType} />);
+      expect(wrapper.find('select')).to.have.exactly(3).descendants('option');
+    });
+
+    describe("submitting the form", () => {
+      let addComment = null;
+      let wrapper = null;
+      let message = null;
+      let userGroupId = null;
+
+      beforeEach(() => {
+        addComment = sinon.spy();
+        wrapper = mount(<AddCommentForm addComment={addComment} session={session} commentableId={commentableId} commentableType={commentableType} />);
+        message = 'This will be submitted';
+        userGroupId = session.verifiedUserGroups[1].id;
+        wrapper.instance().bodyTextArea.value = message;
+        wrapper.instance().userGroupIdSelect.value = userGroupId;
+      });
+
+      it("should call addComment prop with the body textarea, alignment and user_group_id select values", () => {
+        wrapper.find('form').simulate('submit');
+        expect(addComment).to.calledWith({ body: message, alignment: 0, userGroupId });
+      });
+
+      describe("when user_group_id is blank", () => {
+        beforeEach(() => {
+          wrapper.instance().userGroupIdSelect.value = '';
+        });
+
+        it("should call addComment prop with the body textarea and alignment", () => {
+          wrapper.find('form').simulate('submit');
+          expect(addComment).to.calledWith({ body: message, alignment: 0 });
+        });
+      });
+    });
+  })
 });

data/decidim-comments/app/frontend/comments/add_comment_form.fragment.graphql

@@ -0,0 +1,6 @@
+fragment AddCommentForm on Session {
+  verifiedUserGroups {
+    id
+    name
+  }
+}

data/decidim-comments/app/frontend/comments/add_comment_form.mutation.graphql

@@ -1,5 +1,5 @@
-mutation addComment($commentableId: String!, $commentableType: String!, $body: String!, $alignment: Int)  {
-  addComment(commentableId: $commentableId, commentableType: $commentableType, body: $body, alignment: $alignment) {
+mutation addComment($commentableId: String!, $commentableType: String!, $body: String!, $alignment: Int, $userGroupId: ID)  {
+  addComment(commentableId: $commentableId, commentableType: $commentableType, body: $body, alignment: $alignment, userGroupId: $userGroupId) {
     ...CommentThread
   }
 }

data/decidim-comments/app/frontend/comments/comment.component.jsx

@@ -68,12 +68,12 @@ class Comment extends Component {
    * @returns {Void|DOMElement} - Render the reply button or not if user can reply
    */
   _renderReplyButton() {
-    const { comment: { canHaveReplies }, currentUser } = this.props;
+    const { comment: { canHaveReplies }, session } = this.props;
     const { showReplyForm } = this.state;
 
-    if (currentUser && canHaveReplies) {
+    if (session && canHaveReplies) {
       return (
-        <button 
+        <button
           className="comment__reply muted-link"
           aria-controls="comment1-reply"
           onClick={() => this.setState({ showReplyForm: !showReplyForm })}
@@ -92,10 +92,10 @@ class Comment extends Component {
    * @returns {Void|DOMElement} - Render the reply button or not if user can reply
    */
   _renderAdditionalReplyButton() {
-    const { comment: { canHaveReplies, hasReplies }, currentUser, isRootComment } = this.props;
+    const { comment: { canHaveReplies, hasReplies }, session, isRootComment } = this.props;
     const { showReplyForm } = this.state;
-    
-    if (currentUser && canHaveReplies) {
+
+    if (session && canHaveReplies) {
       if (hasReplies && isRootComment) {
 
         return (
@@ -140,9 +140,9 @@ class Comment extends Component {
    * @returns {Void|DomElement} - A wrapper element with comment replies inside
    */
   _renderReplies() {
-    const { comment: { id, replies }, currentUser, votable, articleClassName } = this.props;
+    const { comment: { id, replies }, session, votable, articleClassName } = this.props;
     let replyArticleClassName = 'comment comment--nested';
-   
+
     if (articleClassName === 'comment comment--nested') {
       replyArticleClassName = `${replyArticleClassName} comment--nested--alt`;
     }
@@ -155,7 +155,7 @@ class Comment extends Component {
               <Comment
                 key={`comment_${id}_reply_${reply.id}`}
                 comment={reply}
-                currentUser={currentUser}
+                session={session}
                 votable={votable}
                 articleClassName={replyArticleClassName}
               />
@@ -164,7 +164,7 @@ class Comment extends Component {
         </div>
       );
     }
-    
+
     return null;
   }
 
@@ -174,7 +174,7 @@ class Comment extends Component {
    * @returns {Void|ReactElement} - Render the AddCommentForm component or not
    */
   _renderReplyForm() {
-    const { currentUser, comment } = this.props;
+    const { session, comment } = this.props;
     const { showReplyForm } = this.state;
 
     if (showReplyForm) {
@@ -182,7 +182,7 @@ class Comment extends Component {
         <AddCommentForm
           commentableId={comment.id}
           commentableType="Decidim::Comments::Comment"
-          currentUser={currentUser}
+          session={session}
           showTitle={false}
           submitButtonClassName="button small hollow"
           onCommentAdded={() => this.setState({ showReplyForm: false })}
@@ -207,7 +207,7 @@ class Comment extends Component {
     });
 
     let label = '';
-    
+
     if (alignment === 1) {
       label = I18n.t('components.comment.alignment.in_favor');
     } else {
@@ -251,8 +251,8 @@ Comment.propTypes = {
     propType(Comment.fragments.comment).isRequired,
     propType(Comment.fragments.commentData).isRequired
   ]).isRequired,
-  currentUser: PropTypes.shape({
-    name: PropTypes.string.isRequired
+  session: PropTypes.shape({
+    user: PropTypes.any.isRequired
   }),
   articleClassName: PropTypes.string.isRequired,
   isRootComment: PropTypes.bool,

data/decidim-comments/app/frontend/comments/comment.component.test.jsx

@@ -1,25 +1,25 @@
 /* eslint-disable no-unused-expressions */
-import { shallow, mount }      from 'enzyme';
-import { filter }              from 'graphql-anywhere';
-import gql                     from 'graphql-tag';
+import { shallow, mount }   from 'enzyme';
+import { filter }           from 'graphql-anywhere';
+import gql                  from 'graphql-tag';
 
-import Comment                 from './comment.component';
-import AddCommentForm          from './add_comment_form.component';
-import UpVoteButton            from './up_vote_button.component';
-import DownVoteButton          from './down_vote_button.component';
+import Comment              from './comment.component';
+import AddCommentForm       from './add_comment_form.component';
+import UpVoteButton         from './up_vote_button.component';
+import DownVoteButton       from './down_vote_button.component';
 
-import commentFragment         from './comment.fragment.graphql';
-import commentDataFragment     from './comment_data.fragment.graphql';
-import upVoteFragment          from './up_vote.fragment.graphql';
-import downVoteFragment        from './down_vote.fragment.graphql';
+import commentFragment      from './comment.fragment.graphql';
+import commentDataFragment  from './comment_data.fragment.graphql';
+import upVoteFragment       from './up_vote.fragment.graphql';
+import downVoteFragment     from './down_vote.fragment.graphql';
 
-import stubComponent           from '../support/stub_component';
-import generateCommentsData    from '../support/generate_comments_data';
-import generateCurrentUserData from '../support/generate_current_user_data';
+import stubComponent        from '../support/stub_component';
+import generateCommentsData from '../support/generate_comments_data';
+import generateUserData     from '../support/generate_user_data';
 
 describe("<Comment />", () => {
   let comment = {};
-  let currentUser = null;
+  let session = null;
 
   stubComponent(AddCommentForm);
   stubComponent(UpVoteButton);
@@ -28,8 +28,7 @@ describe("<Comment />", () => {
   beforeEach(() => {
     let commentsData = generateCommentsData(1);
     commentsData[0].replies = generateCommentsData(3);
-    const currentUserData = generateCurrentUserData();
-    
+
     const fragment = gql`
       ${commentFragment}
       ${commentDataFragment}
@@ -38,44 +37,46 @@ describe("<Comment />", () => {
     `;
 
     comment = filter(fragment, commentsData[0]);
-    currentUser = currentUserData;
+    session = {
+      user: generateUserData()
+    }
   });
 
   it("should render an article with class comment", () => {
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = shallow(<Comment comment={comment} session={session} />);
     expect(wrapper.find('article.comment')).to.present();
   });
 
   it("should render a time tag with comment's created at", () => {
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = shallow(<Comment comment={comment} session={session} />);
     expect(wrapper.find('time')).to.have.text(comment.created_at);
   });
 
   it("should render author's name in a link with class author__name", () => {
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = shallow(<Comment comment={comment} session={session} />);
     expect(wrapper.find('a.author__name')).to.have.text(comment.author.name);
   });
 
   it("should render author's avatar as a image tag", () => {
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = shallow(<Comment comment={comment} session={session} />);
     expect(wrapper.find('a.author__avatar img')).to.have.attr('src').equal(comment.author.avatarUrl);
   });
 
   it("should render comment's body on a div with class comment__content", () => {
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = shallow(<Comment comment={comment} session={session} />);
     expect(wrapper.find('div.comment__content')).to.have.text(comment.body);
   });
 
   it("should initialize with a state property showReplyForm as false", () => {
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = shallow(<Comment comment={comment} session={session} />);
     expect(wrapper).to.have.state('showReplyForm', false);
   });
 
   it("should render a AddCommentForm component with the correct props when clicking the reply button", () => {
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = shallow(<Comment comment={comment} session={session} />);
     expect(wrapper.find(AddCommentForm)).not.to.be.present();
     wrapper.find('button.comment__reply').simulate('click');
-    expect(wrapper.find(AddCommentForm)).to.have.prop('currentUser').deep.equal(currentUser);
+    expect(wrapper.find(AddCommentForm)).to.have.prop('session').deep.equal(session);
     expect(wrapper.find(AddCommentForm)).to.have.prop('commentableId').equal(comment.id);
     expect(wrapper.find(AddCommentForm)).to.have.prop('commentableType').equal("Decidim::Comments::Comment");
     expect(wrapper.find(AddCommentForm)).to.have.prop('showTitle').equal(false);
@@ -84,89 +85,89 @@ describe("<Comment />", () => {
 
   it("should not render the reply button if the comment cannot have replies", () => {
     comment.canHaveReplies = false;
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = shallow(<Comment comment={comment} session={session} />);
     expect(wrapper.find('button.comment__reply')).not.to.be.present();
   });
 
   it("should not render the additional reply button if the parent comment has no replies and isRootcomment", () => {
     comment.canHaveReplies = true;
     comment.hasReplies = false;
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} isRootComment />);
+    const wrapper = shallow(<Comment comment={comment} session={session} isRootComment />);
     expect(wrapper.find('div.comment__additionalreply')).not.to.be.present();
   });
 
  it("should not render the additional reply button if the parent comment has replies and not isRootcomment", () => {
     comment.canHaveReplies = true;
     comment.hasReplies = true;
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = shallow(<Comment comment={comment} session={session} />);
     expect(wrapper.find('div.comment__additionalreply')).not.to.be.present();
   });
 
   it("should render the additional reply button if the parent comment has replies and isRootcomment", () => {
     comment.canHaveReplies = true;
     comment.hasReplies = true;
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} isRootComment />);
+    const wrapper = shallow(<Comment comment={comment} session={session} isRootComment />);
     expect(wrapper.find('div.comment__additionalreply')).to.be.present();
   });
 
   it("should render comment replies a separate Comment components", () => {
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} votable />);
+    const wrapper = shallow(<Comment comment={comment} session={session} votable />);
     wrapper.find(Comment).forEach((node, idx) => {
       expect(node).to.have.prop("comment").deep.equal(comment.replies[idx]);
-      expect(node).to.have.prop("currentUser").deep.equal(currentUser);
+      expect(node).to.have.prop("session").deep.equal(session);
       expect(node).to.have.prop("articleClassName").equal("comment comment--nested")
       expect(node).to.have.prop("votable").equal(true);
     });
   });
 
   it("should render comment replies with articleClassName as 'comment comment--nested comment--nested--alt' when articleClassName is 'comment comment--nested'", () => {
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} articleClassName="comment comment--nested" />);
+    const wrapper = shallow(<Comment comment={comment} session={session} articleClassName="comment comment--nested" />);
     wrapper.find(Comment).forEach((node) => {
       expect(node).to.have.prop("articleClassName").equal("comment comment--nested comment--nested--alt")
     });
   });
 
   it("should have a default prop articleClassName with value 'comment'", () => {
-    const wrapper = mount(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = mount(<Comment comment={comment} session={session} />);
     expect(wrapper).to.have.prop("articleClassName").equal("comment");
   });
 
   it("should have a default prop isRootComment with value false", () => {
-    const wrapper = mount(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = mount(<Comment comment={comment} session={session} />);
     expect(wrapper).to.have.prop("isRootComment").equal(false);
   });
 
   describe("when user is not logged in", () => {
     beforeEach(() => {
-      currentUser = null;
+      session = null;
     });
 
     it("should not render reply button", () => {
-      const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} />);
+      const wrapper = shallow(<Comment comment={comment} session={session} />);
       expect(wrapper.find('button.comment__reply')).not.to.be.present();
     });
   });
 
   it("should render a 'in favor' badge if comment's alignment is 1", () => {
     comment.alignment = 1;
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = shallow(<Comment comment={comment} session={session} />);
     expect(wrapper.find('span.success.label')).to.have.text('In favor');
   });
 
   it("should render a 'against' badge if comment's alignment is -1", () => {
     comment.alignment = -1;
-    const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} />);
+    const wrapper = shallow(<Comment comment={comment} session={session} />);
     expect(wrapper.find('span.alert.label')).to.have.text('Against');
   });
 
   describe("when the comment is votable", () => {
     it("should render an UpVoteButton component", () => {
-      const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} votable />);
+      const wrapper = shallow(<Comment comment={comment} session={session} votable />);
       expect(wrapper.find(UpVoteButton)).to.have.prop("comment").deep.equal(comment);
     })
 
     it("should render an DownVoteButton component", () => {
-      const wrapper = shallow(<Comment comment={comment} currentUser={currentUser} votable />);
+      const wrapper = shallow(<Comment comment={comment} session={session} votable />);
       expect(wrapper.find(DownVoteButton)).to.have.prop("comment").deep.equal(comment);
     })
   });