Update unit tests

- Adds tests to test rendering of AttributionDetailsComponent @ different statuses
- Modifies unit test to test condition status is current
- Modifies snapshot

Author: JackieBinya

tests/unit/specs/components/AttributionDetailsStep.spec.js

@@ -8,27 +8,39 @@ const localVue = createLocalVue()
 localVue.use(Vuex)
 localVue.use(Buefy)
 
-it('AttributionDetailsStep Component is mounted if status is current', () => {
-    const wrapper = mount(AttributionDetailsStep, {
-        localVue,
-        propsData: {
-            status: 'current'
-
-        },
-        mocks: {
-            $t: key => key,
-            $store: {
-                state: {
-                    attributionDetails: {
-                        creatorName: '',
-                        creatorProfileUrl: '',
-                        workTitle: '',
-                        workUrl: ''
+describe('AttributionDetailsStep Component Rendering', () => {
+    
+        const wrapper = mount(AttributionDetailsStep, {
+            localVue,
+            mocks: {
+                $t: key => key,
+                $store: {
+                    state: {
+                        attributionDetails: {
+                            creatorName: '',
+                            creatorProfileUrl: '',
+                            workTitle: '',
+                            workUrl: ''
+                        }
                     }
                 }
             }
-        }
+    
+        })
+    
+    it('Component not mounted if status is previous', () =>{
+        wrapper.setProps({status : 'previous'})
+        expect(wrapper.find('.step-action').exists()).toBeFalsy
+    })
 
+    it('Component not mounted if status is inactive', () =>{
+        wrapper.setProps({status : 'inactive'})
+        expect(wrapper.find('.step-action').exists()).toBeFalsy
+    })
+    
+    it('Component mounted if status is current', () =>{
+        wrapper.setProps({status : 'current'})
+        expect(wrapper.element).toMatchSnapshot()
     })
-    expect(wrapper.element).toMatchSnapshot()
 })
+

tests/unit/specs/components/__snapshots__/AttributionDetailsStep.spec.js.snap

@@ -1,144 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`AttributeDetailsStep Component is mounted if status is current 1`] = `
-<div
-  class="step-content"
->
-  <div
-    class="step-actions"
-  >
-    <p
-      class="attribution-details-instructions"
-    >
-      
-            stepper.AD.instructions
-        
-    </p>
-     
-    <form
-      class="attribution-details-form"
-    >
-      <div
-        class="field"
-      >
-        <label
-          class="label"
-        >
-          stepper.AD.form.creator-name.label
-        </label>
-         
-        <div
-          class="control is-clearfix"
-        >
-          <input
-            autocomplete="on"
-            class="input"
-            placeholder="stepper.AD.form.creator-name.placeholder"
-            type="text"
-          />
-           
-          <!---->
-           
-          <!---->
-           
-          <!---->
-        </div>
-         
-        <!---->
-      </div>
-       
-      <div
-        class="field"
-      >
-        <label
-          class="label"
-        >
-          stepper.AD.form.creator-profile.label
-        </label>
-         
-        <div
-          class="control is-clearfix"
-        >
-          <input
-            autocomplete="on"
-            class="input"
-            placeholder="stepper.AD.form.creator-profile.placeholder"
-            type="text"
-          />
-           
-          <!---->
-           
-          <!---->
-           
-          <!---->
-        </div>
-         
-        <!---->
-      </div>
-       
-      <div
-        class="field"
-      >
-        <label
-          class="label"
-        >
-          stepper.AD.form.work-title.label
-        </label>
-         
-        <div
-          class="control is-clearfix"
-        >
-          <input
-            autocomplete="on"
-            class="input"
-            placeholder="stepper.AD.form.work-title.placeholder"
-            type="text"
-          />
-           
-          <!---->
-           
-          <!---->
-           
-          <!---->
-        </div>
-         
-        <!---->
-      </div>
-       
-      <div
-        class="field"
-      >
-        <label
-          class="label"
-        >
-          stepper.AD.form.work-url.label
-        </label>
-         
-        <div
-          class="control is-clearfix"
-        >
-          <input
-            autocomplete="on"
-            class="input"
-            placeholder="stepper.AD.form.work-url.placeholder"
-            type="text"
-          />
-           
-          <!---->
-           
-          <!---->
-           
-          <!---->
-        </div>
-         
-        <!---->
-      </div>
-    </form>
-  </div>
-</div>
-`;
-
-exports[`AttributionDetailsStep Component is mounted if status is current 1`] = `
+exports[`AttributionDetailsStep Component Rendering Component mounted if status is current 1`] = `
 <div
   class="step-content"
 >