@konfuzio/document-validation-ui 0.1.13-dev.0 → 0.1.13-dev.1

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@konfuzio/document-validation-ui",
-  "version": "0.1.13-dev.0",
+  "version": "0.1.13-dev.1",
   "repository": "git://github.com:konfuzio-ai/document-validation-ui.git",
   "main": "dist/app.js",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build --name DocumentValidationUi ./src/main.js",
     "test:unit": "vue-cli-service test:unit",
+    "cypress:open": "cypress open",
     "i18n:report": "vue-cli-service i18n:report --src \"./src/**/*.?(js|vue)\" --locales \"./src/locales/**/*.json\"",
     "lint": "vue-cli-service lint",
     "format": "prettier .  --write",
@@ -52,6 +53,8 @@
     "@vue/test-utils": "^1.1.3",
     "@vue/vue2-jest": "^27.0.0",
     "babel-jest": "^27.0.6",
+    "cypress": "^12.17.3",
+    "dotenv": "^16.3.1",
     "eslint": "^8.30.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-vue": "^9.8.0",

package/src/components/App.cy.js

@@ -0,0 +1,7 @@
+import App from "./App.vue";
+
+describe("<App />", () => {
+  it("renders the app", () => {
+    cy.mount(App);
+  });
+});

package/src/icons.js

@@ -0,0 +1,43 @@
+// internal icons
+import { library } from "@fortawesome/fontawesome-svg-core";
+import {
+  faArrowUp,
+  faAngleRight,
+  faAngleLeft,
+  faAngleUp,
+  faAngleDown,
+  faSpinner,
+  faPlus,
+  faXmark,
+  faEllipsisVertical,
+  faCircleInfo,
+  faArrowRotateLeft,
+  faArrowRotateRight,
+  faScissors,
+  faRepeat,
+  faArrowLeft,
+  faArrowRight,
+} from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as Icons } from "@fortawesome/vue-fontawesome";
+
+library.add(
+  faArrowUp,
+  faAngleRight,
+  faAngleLeft,
+  faAngleUp,
+  faAngleDown,
+  faSpinner,
+  faXmark,
+  faSpinner,
+  faPlus,
+  faEllipsisVertical,
+  faCircleInfo,
+  faArrowRotateLeft,
+  faArrowRotateRight,
+  faScissors,
+  faRepeat,
+  faArrowLeft,
+  faArrowRight
+);
+
+export default Icons;

package/src/main.js

@@ -1,53 +1,13 @@
+import App from "./components/App";
 import Vue from "vue";
 import Buefy from "buefy";
 import VueKonva from "vue-konva";
-import App from "./components/App";
 import i18n from "./i18n";
 import store from "./store";
-import { library } from "@fortawesome/fontawesome-svg-core";
 import VueObserveVisibility from "vue-observe-visibility";
+import Icons from "./icons";
 
-// internal icons
-import {
-  faArrowUp,
-  faAngleRight,
-  faAngleLeft,
-  faAngleUp,
-  faAngleDown,
-  faSpinner,
-  faPlus,
-  faXmark,
-  faEllipsisVertical,
-  faCircleInfo,
-  faArrowRotateLeft,
-  faArrowRotateRight,
-  faScissors,
-  faRepeat,
-  faArrowLeft,
-  faArrowRight,
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-
-library.add(
-  faArrowUp,
-  faAngleRight,
-  faAngleLeft,
-  faAngleUp,
-  faAngleDown,
-  faSpinner,
-  faXmark,
-  faSpinner,
-  faPlus,
-  faEllipsisVertical,
-  faCircleInfo,
-  faArrowRotateLeft,
-  faArrowRotateRight,
-  faScissors,
-  faRepeat,
-  faArrowLeft,
-  faArrowRight
-);
-Vue.component("VueFontawesome", FontAwesomeIcon);
+Vue.component("VueFontawesome", Icons);
 Vue.component("App", App);
 Vue.use(VueKonva);
 Vue.use(Buefy, {