🐛 HDResponsive to properly run on SSR (#844)

* 🐛 HDResponsive to use window on mounted

* 📸 snapshot update

* ✏️ typo

* ✅ removed not suiting test

* ✅ fixed tests

* ✏️ typo and lint

src/components/HdResponsive.vue

@@ -24,8 +24,9 @@ export default {
       this.setListeners();
     },
   },
-  created() {
+  mounted() {
     this.setListeners();
+    this.$forceUpdate();
   },
   methods: {
     /* istanbul ignore next */

tests/unit/components/HdResponsive.spec.js

@@ -38,7 +38,7 @@ describe('HdResponsive', () => {
     expect(wrapper.html()).toMatchSnapshot();
   });
 
-  it('provides "matches" object as part of a scoped slot', () => {
+  it('provides "matches" object as part of a scoped slot', async () => {
     setBreakpoints(BREAKPOINTS);
 
     const wrapper = wrapperBuilder({
@@ -47,6 +47,8 @@ describe('HdResponsive', () => {
       },
     });
 
+    await wrapper.vm.$nextTick();
+
     expect(wrapper.html()).toMatchSnapshot();
   });
 
@@ -62,7 +64,7 @@ describe('HdResponsive', () => {
     expect(wrapper.html()).toMatchSnapshot();
   });
 
-  it('breakpoint changes are managed', () => {
+  it('breakpoints set and change are managed', async () => {
     setBreakpoints(BREAKPOINTS);
 
     const mockedSetListeners = jest.fn();
@@ -77,11 +79,17 @@ describe('HdResponsive', () => {
       },
     });
 
+    // first at the mount...
+    expect(mockedSetListeners).toHaveBeenCalledTimes(1);
+
     const modifiedBreakpoints = BREAKPOINTS;
     delete modifiedBreakpoints.s;
 
     wrapper.setProps({ breakpoints: modifiedBreakpoints });
 
-    expect(mockedSetListeners).toHaveBeenCalled();
+    await wrapper.vm.$nextTick();
+
+    // ...then by the watch
+    expect(mockedSetListeners).toHaveBeenCalledTimes(2);
   });
 });