Add spec for appending checkmark

stride-nyc · Feb 4, 2020 · ffde83f · ffde83f
1 parent 25c5034
commit ffde83f
Showing 1 changed file with 31 additions and 2 deletions.
diff --git a/test/components/group_label_input_test.js b/test/components/group_label_input_test.js
@@ -5,9 +5,11 @@ import sinon from "sinon"
 import GroupLabelInput from "../../web/static/js/components/group_label_input"
 
 describe("GroupLabelInput component", () => {
+  let wrapper
+  let groupWithAssociatedIdeasAndVotes
+
   describe("upon blurring the input field", () => {
     let submitGroupLabelChangesSpy
-    let groupWithAssociatedIdeasAndVotes
 
     beforeEach(() => {
       groupWithAssociatedIdeasAndVotes = {
@@ -18,7 +20,7 @@ describe("GroupLabelInput component", () => {
       }
 
       submitGroupLabelChangesSpy = sinon.spy()
-      const wrapper = shallow(
+      wrapper = shallow(
         <GroupLabelInput
           groupWithAssociatedIdeasAndVotes={groupWithAssociatedIdeasAndVotes}
           actions={{ submitGroupLabelChanges: submitGroupLabelChangesSpy }}
@@ -35,4 +37,31 @@ describe("GroupLabelInput component", () => {
       ).to.have.been.calledWith(groupWithAssociatedIdeasAndVotes, "Turtles")
     })
   })
+
+  describe("upon the group label changing", () => {
+    it("adds a checkmark next to the label", () => {
+      groupWithAssociatedIdeasAndVotes = {
+        id: 777,
+        label: "some previous label",
+        ideas: [],
+        votes: [],
+      }
+      wrapper = shallow(
+        <GroupLabelInput
+          groupWithAssociatedIdeasAndVotes={groupWithAssociatedIdeasAndVotes}
+          actions={{}}
+        />
+      )
+      const newGroupWithAssociatedIdeasAndVotes = {
+        id: 777,
+        label: "a better label",
+        ideas: [],
+        votes: [],
+      }
+
+      expect(wrapper.find(".check")).to.have.lengthOf(0)
+      wrapper.setProps({ groupWithAssociatedIdeasAndVotes: newGroupWithAssociatedIdeasAndVotes })
+      expect(wrapper.find(".check")).to.have.lengthOf(1)
+    })
+  })
 })