[TEAMMATES#12692] Update Angular to 16 and Node to 18 (TEAMMATES#12694)

* Fix duplicate comment button bug in question submission

* Update front-end dependencies, Angular to 16

* Update Angular app configurations

* Update implementation code

* Update test settings + snapshot

* Fix new eslint violations

* Update stylelint, add prettier to lint for aesthetic-only issues

* Make Node.js 18 the minimum requirement

* Add BaseAxeTestCase with ability to selectively ignore issues

* Make all Axe tests inherit BaseAxeTestCase

.github/workflows/axe.yml

@@ -19,7 +19,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
       - name: Set up JDK 11
         uses: actions/setup-java@v3
         with:

.github/workflows/component.yml

@@ -24,7 +24,7 @@ jobs:
           fetch-depth: '0'
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
       - name: Set up JDK 11
         uses: actions/setup-java@v3
         with:
@@ -71,7 +71,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
       - name: Set up JDK 11
         uses: actions/setup-java@v3
         with:

.github/workflows/dev-docs.yml

@@ -20,7 +20,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
       - uses: actions/setup-java@v3
         with:
           java-version: '11'

.github/workflows/e2e-cross.yml

@@ -22,7 +22,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
       - name: Set up JDK 11
         uses: actions/setup-java@v3
         with:

.github/workflows/e2e.yml

@@ -23,7 +23,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
       - name: Set up JDK 11
         uses: actions/setup-java@v3
         with:

angular.json

@@ -26,7 +26,6 @@
             "polyfills": "src/web/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
             "allowedCommonJsDependencies": [
-              "core-js",
               "moment-timezone"
             ],
             "assets": [

docs/axe-testing.md

@@ -27,4 +27,4 @@ Any individual accessibility test | `./gradlew axeTests --tests TestClassName` |
 
 ## Creating Accessibility Tests
 
-Accessibility test classes in TEAMMATES are similar to [E2E test classes](e2e-testing.md#creating-e2e-tests) in that they inherit from `BaseE2ETestCase` and make use of page objects. The difference is that testing is conducted by running `AxeUtil.AXE_BUILDER.analyze()` on the page object's underlying browser driver.
+Accessibility test classes in TEAMMATES are similar to [E2E test classes](e2e-testing.md#creating-e2e-tests) in that they inherit from `BaseAxeTestCase` (which inherits `BaseE2ETestCase`) and make use of page objects. The difference is that testing is conducted by running `AxeBuilder#analyze` on the page object's underlying browser driver.

docs/setting-up.md

@@ -49,10 +49,10 @@ These tools are necessary regardless of whether you are developing front-end or
 
 If you want to develop front-end, you need to install the following:
 
-1. Install Node.js (minimum version 16).
-1. (Optional but highly recommended) Install Angular CLI version 14 globally.
+1. Install Node.js (minimum version 18).
+1. (Optional but highly recommended) Install Angular CLI version 16 globally.
    ```sh
-   npm install -g @angular/cli@14
+   npm install -g @angular/cli@16
    ```
    **Verification:** Run `ng --help` and you should see a list of available Angular CLI commands.
 

jest.config.js

@@ -12,6 +12,7 @@ module.exports = {
   ],
   moduleNameMapper: {
     d3: '<rootDir>/node_modules/d3/dist/d3.min.js',
+    'lodash-es': 'lodash'
   },
   globalSetup: 'jest-preset-angular/global-setup',
 };