add tests, add placeholder

src/qComponents/QInputNumber/QInputNumber.test.js

@@ -0,0 +1,23 @@
+import Component from './src/QInputNumber.vue';
+
+describe('QInputNumber', () => {
+  it('should match snapshot', async () => {
+    const { element } = shallowMount(Component);
+
+    expect(element).toMatchSnapshot();
+  });
+
+  it('should match snapshot without controls', async () => {
+    const { element } = shallowMount(Component, {
+      propsData: {
+        controls: false
+      }
+    });
+
+    expect(element).toMatchSnapshot();
+  });
+
+  it('data should match snapshot', () => {
+    expect(Component.data()).toMatchSnapshot();
+  });
+});

src/qComponents/QInputNumber/__snapshots__/QInputNumber.test.js.snap

@@ -0,0 +1,55 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`QInputNumber data should match snapshot 1`] = `
+Object {
+  "number": null,
+  "prevNumber": null,
+  "userNumber": null,
+}
+`;
+
+exports[`QInputNumber should match snapshot 1`] = `
+<div
+  class="q-input-number q-input-number_with-controls"
+>
+  <button
+    class="q-input-number__button_decrease q-input-number__button q-icon-minus"
+  />
+   
+  <q-input-stub
+    autocomplete="off"
+    class="q-input-number__input"
+    label=""
+    suffixicon=""
+    tabindex=""
+    type="text"
+    validateevent="true"
+    value=""
+  />
+   
+  <button
+    class="q-input-number__button_increase q-input-number__button q-icon-plus"
+  />
+</div>
+`;
+
+exports[`QInputNumber should match snapshot without controls 1`] = `
+<div
+  class="q-input-number"
+>
+  <!---->
+   
+  <q-input-stub
+    autocomplete="off"
+    class="q-input-number__input"
+    label=""
+    suffixicon=""
+    tabindex=""
+    type="text"
+    validateevent="true"
+    value=""
+  />
+   
+  <!---->
+</div>
+`;

src/qComponents/QInputNumber/src/QInputNumber.vue

@@ -15,6 +15,7 @@
       :value="currentValue"
       class="q-input-number__input"
       :disabled="isDisabled"
+      :placeholder="placeholder"
       @blur="handleBlur"
       @focus="handleFocus"
       @input="handleChangeInput($event, 'input')"
@@ -88,6 +89,10 @@ export default {
       type: Boolean,
       default: true
     },
+    placeholder: {
+      type: String,
+      default: null
+    },
     value: {
       type: [Number, String],
       default: null,

stories/components/QInputNumber.stories.js

@@ -16,7 +16,7 @@ export const Default = (_, { argTypes }) => ({
   props: Object.keys(argTypes).filter(val => val !== 'value'),
   data() {
     return {
-      value: '2'
+      value: 2
     };
   },
   methods: {
@@ -35,4 +35,3 @@ export const Default = (_, { argTypes }) => ({
 });
 
 Default.storyName = 'Default';
-Default.args = { value: 17 };