feat: Initiate snapshot testing for StarsRating comp

babel.config.js

@@ -0,0 +1,21 @@
+function isBabelLoader(caller) {
+  return caller && caller.name === "babel-loader";
+}
+
+module.exports = function(api) {
+  if (api.env("test") && !api.caller(isBabelLoader)) {
+    return {
+      presets: [
+        [
+          "@babel/preset-env",
+          {
+            targets: {
+              node: "current"
+            }
+          }
+        ]
+      ]
+    };
+  }
+  return {};
+};

components/ui/StarsRating.vue

@@ -30,4 +30,4 @@ export default {
 </script>
 
 <style>
-</style>
+</style>

components/ui/__tests__/StarsRating.spec.js

@@ -0,0 +1,17 @@
+import { createLocalVue, mount } from "@vue/test-utils";
+import StarsRating from "@/components/ui/StarsRating";
+
+const factory = () => {
+  return mount(StarsRating, {
+    propsData: {
+      stars: 4
+    }
+  })
+}
+
+describe('StarsRating', () => {
+    const wrapper = factory()
+    test("renders properly", () => {
+      expect(wrapper.html()).toMatchSnapshot();
+    });
+})

components/ui/__tests__/__snapshots__/StarsRating.spec.js.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StarsRating renders properly 1`] = `<span><i class="fas fa-star fa-sm fa-fw text-warning"></i><i class="fas fa-star fa-sm fa-fw text-warning"></i><i class="fas fa-star fa-sm fa-fw text-warning"></i><i class="fas fa-star fa-sm fa-fw text-warning"></i><i class="fas fa-star fa-sm fa-fw text-gray-400"></i></span>`;

jest.config.js

@@ -0,0 +1,22 @@
+module.exports = {
+  // tell Jest to handle `*.vue` files
+  moduleFileExtensions: ["js", "json", "vue"],
+  watchman: false,
+  moduleNameMapper: {
+    "^~/(.*)$": "<rootDir>/$1",
+    "^~~/(.*)$": "<rootDir>/$1",
+    "^@/(.*)$": "<rootDir>/$1"
+  },
+  transform: {
+    // process js with `babel-jest`
+    "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
+    // process `*.vue` files with `vue-jest`
+    ".*\\.(vue)$": "<rootDir>/node_modules/vue-jest"
+  },
+  snapshotSerializers: ["<rootDir>/node_modules/jest-serializer-vue"],
+  collectCoverage: true,
+  collectCoverageFrom: [
+    "<rootDir>/components/**/*.vue",
+    "<rootDir>/pages/*.vue"
+  ]
+};