chore: updated dev dependencies (#96) (#97)

* chore: updated typescript (#96)

* chore: updated typescript and eslint plugins (#96)

* chore: updated lint plugins, fixed sonar issues (#96)

* chore: updated playwright and linters (#96)

* chore: updated commitlint (#96)

* chore: updated next/eslint-plugin-next (#96)

* chore: updated playwright (#96)

* chore: updated jest (#96)

* chore: updated babel-loader (#96)

* chore: updated csv-parse (#96)

* chore: updated husky and avoided deprecation warnings (#96)

* fix: moved typescript eslint plugin to devdependencies (#96)

* fix: removed eslint-disable from playwright config (#96)

* fix: remove `eslint-disable` comment (#96)

---------

Co-authored-by: hunterckx <118154470+hunterckx@users.noreply.github.com>

.eslintrc.json

@@ -14,7 +14,7 @@
     "prettier",
     "plugin:prettier/recommended",
     "next",
-    "plugin:sonarjs/recommended",
+    "plugin:sonarjs/recommended-legacy",
     "plugin:eslint-comments/recommended"
   ],
   "rules": {
@@ -57,7 +57,8 @@
     "jsdoc/require-returns-description": "error",
     "jsdoc/check-alignment": "error",
     "jsdoc/check-param-names": "error",
-    "react-hooks/exhaustive-deps": "error"
+    "react-hooks/exhaustive-deps": "error",
+    "sonarjs/todo-tag": "warn"
   },
   "overrides": [
     {

.husky/commit-msg

@@ -1,6 +1,3 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
 echo "Checking commit message"
 
 # Check for issue number

.husky/pre-commit

@@ -1,6 +1,3 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 echo '🏗️👷 Checking your project before committing'
 
 # Check Prettier

.prettierrc.json

@@ -1 +1,3 @@
-{}
+{
+  "trailingComma": "es5"
+}

e2e/testFunctions.ts

@@ -52,6 +52,9 @@ export async function testTableExists(
 export function escapeRegExp(string: string): string {
   return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
+
+const MAX_FILTER_LENTGH = "256";
+
 /**
  * Returns a regex that matches the sidebar filter buttons
  * This is useful for selecting a filter from the sidebar
@@ -61,17 +64,16 @@ export function escapeRegExp(string: string): string {
 export const filterRegex = (filterName: string): RegExp =>
   new RegExp("^(" + escapeRegExp(filterName) + ")" + "\\s+\\([0-9]+\\)\\s*");
 
-const allFilterRegex = /^(.+)\s+\([0-9]+\)\s*/;
+const allFilterRegex = new RegExp(
+  "^(.{0," + MAX_FILTER_LENTGH + "})\\s+\\(\\d+\\)\\s*"
+);
 /**
  * Get an array of all filter names on the current page
  * @param page - a Playwright Page object
  * @returns - an array of filter names
  */
 const getAllFilterNames = async (page: Page): Promise<string[]> => {
   await expect(page.getByText(allFilterRegex).first()).toBeVisible();
-  /*await expect(page.getByText(allFilterRegex).first()).toContainText(
-    /\(([0-9])+\)/
-  );*/
   const filterStrings = await page.getByText(allFilterRegex).allInnerTexts();
   return filterStrings.map(
     (x: string) => (x.match(allFilterRegex) ?? ["", ""])[1]
@@ -221,7 +223,7 @@ const verifyFilterCount = async (
   page: Page,
   expectedCount: number
 ): Promise<boolean> => {
-  const elementsPerPageRegex = /^Results 1 - ([0-9]+) of [0-9]+/;
+  const elementsPerPageRegex = /^Results 1 - (\d+) of \d+/;
   await expect(page.getByText(elementsPerPageRegex)).toBeVisible();
   const elementsPerPageText = ((
     await page.getByText(elementsPerPageRegex).innerText()
@@ -318,7 +320,7 @@ const getFirstNonEmptyFilterOptionNameAndIndex = async (
   let i = 0;
   while (filterToSelect === "" && i < MAX_FILTER_OPTIONS_TO_CHECK) {
     // Filter options display as "[text]\n[number]" , sometimes with extra whitespace, so we want the string before the newline
-    const filterOptionRegex = /^(.*)\n+([0-9]+)\s*$/;
+    const filterOptionRegex = /^(.*)\n+(\d+)\s*$/;
     filterOptionLocator = getNthFilterOptionLocator(page, i);
     filterToSelect = ((await filterOptionLocator.innerText())
       .trim()

e2e/testInterfaces.ts

@@ -1,7 +1,7 @@
 export interface TabDescription {
-  preselectedColumns: columnDescription[];
+  preselectedColumns: ColumnDescription[];
   searchFiltersPlaceholderText: string;
-  selectableColumns: columnDescription[];
+  selectableColumns: ColumnDescription[];
   tabName: string;
   url: string;
 }
@@ -13,7 +13,7 @@ export interface HprcTabCollection {
   rawSequencingData: TabDescription;
 }
 
-export interface columnDescription {
+export interface ColumnDescription {
   name: string;
   sortable: boolean;
 }