bumped some dependencies

to ensure the build
* eslint 7.5 is needed by cli 5
* chromdriver 107 is needed by the github runner
* need to add jest deps

.eslintignore

@@ -1 +1,2 @@
 server.js
+tests/e2e/

.eslintrc.js

@@ -1,34 +1,34 @@
 module.exports = {
   root: true,
   env: {
-    node: true
+    node: true,
   },
   extends: [
     "plugin:vue/essential",
     "eslint:recommended",
     "@vue/typescript/recommended",
     "@vue/prettier",
-    "@vue/prettier/@typescript-eslint"
+    "@vue/prettier/@typescript-eslint",
   ],
   parserOptions: {
-    ecmaVersion: 2020
+    ecmaVersion: 2020,
   },
   rules: {
     "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off"
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
   },
   overrides: [
     {
       files: [
         "**/__tests__/*.{j,t}s?(x)",
-        "**/tests/unit/**/*.spec.{j,t}s?(x)"
+        "**/tests/unit/**/*.spec.{j,t}s?(x)",
       ],
       env: {
-        jest: true
+        jest: true,
       },
       rules: {
-        "@typescript-eslint/no-explicit-any": "off" // disable because any is required in the wrapper type definitions for the tests
-      }
-    }
-  ]
+        "@typescript-eslint/no-explicit-any": "off", // disable because any is required in the wrapper type definitions for the tests
+      },
+    },
+  ],
 };

package.json

@@ -21,6 +21,7 @@
     "@sentry/tracing": "^6.19.7",
     "@sentry/vue": "^6.19.7",
     "@types/leaflet": "^1.7.10",
+    "@vue/vue2-jest": "^29.2.2",
     "axios": "^0.27.2",
     "bulma": "^0.9.4",
     "compression": "^1.7.4",
@@ -35,34 +36,35 @@
     "lint-staged": "^12.4.1",
     "nightwatch-html-reporter": "^2.0.6",
     "register-service-worker": "^1.7.2",
+    "ts-jest": "^27.0.0",
     "vue": "^2.6.14",
     "vue-class-component": "^7.2.3",
     "vue-light-gallery": "^1.0.1",
     "vue-matomo": "^4.1.0",
     "vue-property-decorator": "^9.1.2",
     "vue-router": "^3.5.4",
     "vue2-leaflet": "^2.7.1",
-    "webpack-bundle-analyzer": "^4.5.0",
+    "webpack-bundle-analyzer": "^4.7.0",
     "yaml-validator": "^4.0.0"
   },
   "devDependencies": {
     "@sentry/webpack-plugin": "^1.18.9",
-    "@typescript-eslint/eslint-plugin": "^2.33.0",
-    "@typescript-eslint/parser": "^2.33.0",
-    "@vue/cli-plugin-babel": "~4.5.15",
-    "@vue/cli-plugin-e2e-nightwatch": "~4.5.15",
-    "@vue/cli-plugin-eslint": "~4.5.17",
-    "@vue/cli-plugin-pwa": "~4.5.15",
-    "@vue/cli-plugin-router": "~5.0.6",
-    "@vue/cli-plugin-typescript": "~4.5.15",
-    "@vue/cli-plugin-unit-jest": "~4.5.17",
-    "@vue/cli-plugin-vuex": "~5.0.6",
-    "@vue/cli-service": "~4.5.15",
+    "@typescript-eslint/eslint-plugin": "^4.0.0",
+    "@typescript-eslint/parser": "^4.0.0",
+    "@vue/cli-plugin-babel": "~5.0.8",
+    "@vue/cli-plugin-e2e-nightwatch": "~5.0.8",
+    "@vue/cli-plugin-eslint": "~5.0.8",
+    "@vue/cli-plugin-pwa": "~5.0.8",
+    "@vue/cli-plugin-router": "~5.0.8",
+    "@vue/cli-plugin-typescript": "~5.0.8",
+    "@vue/cli-plugin-unit-jest": "~5.0.8",
+    "@vue/cli-plugin-vuex": "~5.0.8",
+    "@vue/cli-service": "~5.0.8",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^10.0.0",
     "@vue/test-utils": "^1.3.0",
-    "chromedriver": "^102.0.0",
-    "eslint": "^6.7.2",
+    "chromedriver": "^107.0.0",
+    "eslint": "^7.5.0",
     "eslint-plugin-prettier": "^3.4.1",
     "eslint-plugin-vue": "^8.7.1",
     "geckodriver": "^3.0.1",

src/components/event-detail.vue

@@ -9,13 +9,13 @@ export default class EventDetail extends Vue {
   public FormState = FormState;
 
   @Emit("onEventOpened")
-  public open(eventInfo: EventInfo) {
+  public open(eventInfo: EventInfo): void {
     this.eventInfo = eventInfo;
     this.state = FormState.Displayed;
   }
 
   @Emit("onEventClosed")
-  public close() {
+  public close(): void {
     this.state = FormState.NotDisplayed;
   }
 }

src/components/event-list.vue

@@ -18,35 +18,35 @@ export default class EventList extends Vue {
   errorService: ErrorReportingService = new ErrorReportingService();
   private isEventDisplayed = false;
 
-  async mounted() {
+  async mounted(): Promise<void> {
     await this.loadEventInfo();
   }
 
-  async loadEventInfo() {
+  async loadEventInfo(): Promise<void> {
     try {
       this.eventInfos = await this.service.getEventInfo();
     } catch (err) {
       this.errorService.report(err);
     }
   }
 
-  eventsByDate(date: Date) {
+  eventsByDate(date: Date): EventInfo[] {
     return this.eventInfos == null
       ? []
       : this.eventInfos.filter((event) => DateUtil.isSameDay(event.date, date));
   }
 
-  showEvent(eventInfo: EventInfo) {
+  showEvent(eventInfo: EventInfo): void {
     this.eventDetail.open(eventInfo);
   }
 
   @Emit("onEventOpened")
-  onEventOpened() {
+  onEventOpened(): void {
     this.isEventDisplayed = true;
   }
 
   @Emit("onEventClosed")
-  onEventClosed() {
+  onEventClosed(): void {
     this.isEventDisplayed = false;
   }
 }

src/components/header-bar.vue

@@ -6,7 +6,7 @@ export default class HeaderBar extends Vue {
   @Prop({ default: false }) isMobileMenuOpen!: boolean;
 
   @Emit("mobileOpenChanged")
-  onMobileOpenChanged() {
+  onMobileOpenChanged(): boolean {
     return !this.isMobileMenuOpen;
   }
 }

src/components/home.vue

@@ -164,17 +164,17 @@ export default class Home extends Vue {
   );
   private errorService: ErrorReportingService = new ErrorReportingService();
 
-  async mounted() {
+  async mounted(): Promise<void> {
     this.initResponsiveLayout();
     await this.loadData();
   }
 
-  initResponsiveLayout() {
+  initResponsiveLayout(): void {
     window.addEventListener("resize", this.onResize);
     this.onResize();
   }
 
-  async loadData() {
+  async loadData(): Promise<void> {
     try {
       this.welcomeImages = await this.service.getImages();
       const index = Math.floor(Math.random() * this.welcomeImages.length);
@@ -185,11 +185,11 @@ export default class Home extends Vue {
     }
   }
 
-  onMobileNaviagation() {
+  onMobileNaviagation(): void {
     this.$emit("mobileOpenChanged", false);
   }
 
-  onResize() {
+  onResize(): void {
     if (window.innerWidth <= 768) {
       this.cevianerLinkText = "Mehr Info";
       this.interessierteLinkText = "Mehr Info";

src/components/laedeli-form.vue

@@ -26,7 +26,7 @@ export default class LaedeliForm extends Vue {
   );
   private errorService: ErrorReportingService = new ErrorReportingService();
 
-  async order() {
+  async order(): Promise<void> {
     try {
       await this.service.submitForm({
         form: {
@@ -52,12 +52,12 @@ export default class LaedeliForm extends Vue {
   }
 
   @Emit("onFormOpened")
-  public showForm() {
+  public showForm(): void {
     this.state = LaedeliFormState.Displayed;
   }
 
   @Emit("onFormClosed")
-  close() {
+  close(): void {
     this.state = LaedeliFormState.NotDisplayed;
   }
 }

src/components/leiter-detail.vue

@@ -9,12 +9,12 @@ export default class LeiterDetail extends Vue {
   private display = false;
 
   @Emit("onLeiterOpened")
-  public open() {
+  public open(): void {
     this.display = true;
   }
 
   @Emit("onLeiterClosed")
-  public close() {
+  public close(): void {
     this.display = false;
   }
 }

src/components/leiter-list.vue

@@ -16,18 +16,18 @@ export default class LeiterList extends Vue {
   private activeLeiter: Leader | null = null;
   private leiterList: Leader[] = [];
 
-  showDetail(leiter: Leader) {
+  showDetail(leiter: Leader): void {
     this.activeLeiter = leiter;
     this.leiterDetail.open();
   }
 
   @Emit("onLeiterOpened")
-  onLeiterOpened() {
+  onLeiterOpened(): void {
     this.isEventDisplayed = true;
   }
 
   @Emit("onLeiterClosed")
-  onLeiterClosed() {
+  onLeiterClosed(): void {
     this.isEventDisplayed = false;
   }
 }

src/components/modal.vue

@@ -9,11 +9,11 @@ export default class Modal extends Vue {
 
   private display = false;
 
-  public open() {
+  public open(): void {
     this.display = true;
   }
 
-  public close() {
+  public close(): void {
     this.display = false;
   }
 }

src/components/navigation.vue

@@ -6,7 +6,7 @@ export default class Navigation extends Vue {
   @Prop({ default: false }) isMobileMenuOpen!: boolean;
 
   @Emit("mobileOpenChanged")
-  onMobileNaviagation() {
+  onMobileNaviagation(): boolean {
     return false;
   }
 }

src/components/schnuppern-form.vue

@@ -25,7 +25,7 @@ export default class SchnuppernForm extends Vue {
   );
   private errorService: ErrorReportingService = new ErrorReportingService();
 
-  async subscribe() {
+  async subscribe(): Promise<void> {
     try {
       await this.service.submitForm({
         form: {
@@ -48,12 +48,12 @@ export default class SchnuppernForm extends Vue {
   }
 
   @Emit("onFormOpened")
-  public showSubscriptionForm() {
+  public showSubscriptionForm(): void {
     this.state = SchnuppernFormState.Displayed;
   }
 
   @Emit("onFormClosed")
-  close() {
+  close(): void {
     this.state = SchnuppernFormState.NotDisplayed;
   }
 }

src/layouts/Front.vue

@@ -25,7 +25,7 @@ import HeaderBar from "@/components/header-bar.vue";
 export default class FrontLayout extends Vue {
   private mobileOpen = false;
 
-  onMobileOpenChanged(value: boolean) {
+  onMobileOpenChanged(value: boolean): void {
     this.mobileOpen = value;
   }
 }

src/layouts/Regular.vue

@@ -30,7 +30,7 @@ import Navigation from "@/components/navigation.vue";
 export default class RegularLayout extends Vue {
   private mobileOpen = false;
 
-  onMobileOpenChanged(value: boolean) {
+  onMobileOpenChanged(value: boolean): void {
     this.mobileOpen = value;
   }
 }