Setup tests

Author: Wardormeur

cypress/fixtures/dojo.json

@@ -19,6 +19,9 @@
   "notes": "<h2>Suggested Notes:<br />\n<br />\nPlease bring:</h2>\n\n<ul>\n\t<li>\n\t<h2>A laptop. Borrow one from somebody if needs be.</h2>\n\t</li>\n\t<li>\n\t<h2><strong>A parent! (Very important). If you are 12 or under, your parent must stay with you during the session.</strong></h2>\n\t</li>\n</ul>\n\n<h2>&nbsp;</h2>\n",
   "needMentors": 0,
   "placeName": "Dublin",
+  "city": {
+    "name": "Dublin"
+  },
   "frequency": "other",
   "alternativeFrequency": "Sunday 10am",
   "website": null,

cypress/integration/events/event-form_spec.js

@@ -0,0 +1,17 @@
+import page from '../../pages/event-form';
+
+describe('Event form', () => {
+  beforeEach(() => {
+    cy.server();
+    cy.route('/api/2.0/users/instance', 'fx:parentLoggedIn');
+    cy.route('/api/2.0/dojos/d1', 'fx:dojo').as('dojo');
+  });
+
+  it('should display the form', () => {
+    cy.visit('/dashboard/dojos/d1/events/new');
+    cy.wait('@dojo');
+    cy.get(page.header).should('be.visible');
+    cy.get(page.submitButton).should('be.visible');
+    cy.get(page.submitButton).invoke('text').should('contain', 'Publish and email members');
+  });
+});

cypress/pages/event-form.js

@@ -0,0 +1,4 @@
+export default {
+  header: '.cd-event-form__header',
+  submitButton: '.cd-event-form__button-default-submit',
+};

src/events/cd-event-form.vue

@@ -42,7 +42,7 @@
           <input type="datetime-local" name="day" :value="today" :min="today">
         </div>
         <dropdown type="primary" display="splitted" class="cd-event-form__button">
-          <button slot="submit" type="submit" class="btn btn-primary">
+          <button slot="submit" type="submit" class="btn btn-primary cd-event-form__button-default-submit">
             {{ $t('Publish and email members') }}
           </button>
           <li><a href="#">Publish only</a></li>

test/unit/specs/events/cd-event-form.spec.js

@@ -0,0 +1,50 @@
+import vueUnitHelper from 'vue-unit-helper';
+import eventForm from '!!vue-loader?inject!@/events/cd-event-form';
+
+describe('Event Form component', () => {
+  let sandbox;
+  let EventFormWithMocks;
+  let MockDojosService;
+
+  beforeEach(() => {
+    sandbox = sinon.sandbox.create();
+    MockDojosService = {
+      getDojoById: sandbox.stub(),
+    };
+    EventFormWithMocks = eventForm({
+      '@/dojos/service': MockDojosService,
+    });
+  });
+
+  afterEach(() => {
+    sandbox.restore();
+  });
+
+  describe('lifecycle functions', () => {
+    describe('created', () => {
+      it('should load user and event data', async () => {
+        // ARRANGE
+        MockDojosService.getDojoById.resolves({
+          body: {
+            city: { name: 'Here' },
+            address1: 'There',
+          },
+        });
+        const vm = vueUnitHelper(EventFormWithMocks);
+        vm.$route = {
+          params: {
+            dojoId: 'd1',
+          },
+        };
+        // ACT
+        await vm.$lifecycleMethods.created();
+
+        // ASSERT
+        expect(MockDojosService.getDojoById).to.have.been.calledOnce
+          .and.calledWith('d1');
+        expect(vm.address).to.equal('There');
+        expect(vm.city).to.equal('Here');
+      });
+    });
+  });
+});