Add the files

Author: ArayB

src/events/form/form-tickets.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <label for="quantity">{{ $t(label) }}</label>
+    <input type="number" v-model="quantity" name="quantity" />
+  </div>
+
+</template>
+<script>
+export default {
+  name: 'form-ticket',
+  props: [
+    'label',
+    'default-quantity',
+  ],
+  data() {
+    return {
+      quantity: null,
+    };
+  },
+  methods: {
+    createTicket() {
+      console.log('TODO');
+    },
+  },
+  created() {
+    this.quantity = this.defaultQuantity;
+  },
+};
+
+</script>
+<style scoped lang="less">
+
+</style>

test/unit/specs/events/form-tickets.spec.js

@@ -0,0 +1,66 @@
+import vueUnitHelper from 'vue-unit-helper';
+import formTicket from '!!vue-loader?inject!@/events/form/form-tickets';
+
+describe('Form Ticket component', () => {
+  let sandbox;
+  let FormTicketWithMocks;
+
+  beforeEach(() => {
+    sandbox = sinon.sandbox.create();
+    FormTicketWithMocks = formTicket();
+  });
+
+  afterEach(() => {
+    sandbox.restore();
+  });
+
+  describe.only('lifecycle functions', () => {
+    describe('created', () => {
+      it('sets default quantity', () => {
+        // ARRANGE
+        const vm = vueUnitHelper(FormTicketWithMocks);
+        expect(vm.quantity).to.be.null;
+        vm.defaultQuantity = 42;
+
+        // ACT
+        vm.$lifecycleMethods.created();
+
+        // ASSERT
+        expect(vm.quantity).to.equal(42);
+      });
+    });
+  });
+
+  // describe('computed', () => {
+  //   describe('tickets', () => {
+  //     it('should reference dom elements', () => {
+  //       const vm = vueUnitHelper(FormTicketWithMocks);
+  //       vm.$refs = {
+  //         youthTickets: 'one',
+  //         mentorTickets: 'two',
+  //       };
+  //       expect(vm.tickets).to.eql(['one', 'two']);
+  //     });
+  //   });
+  // });
+  //
+  // describe.only('methods', () => {
+  //   describe('save', () => {
+  //     it('should reference dom elements', async () => {
+  //       const vm = vueUnitHelper(FormTicketWithMocks);
+  //       const createTicket = sandbox.stub();
+  //       const event = {
+  //         preventDefault: sandbox.stub(),
+  //       };
+  //
+  //       vm.tickets = [
+  //         { createTicket },
+  //         { createTicket },
+  //       ];
+  //       await vm.save(event);
+  //       expect(event.preventDefault).to.have.been.calledOnce;
+  //       expect(createTicket).to.have.been.calledTwice;
+  //     });
+  //   });
+  // });
+});