Add support for JSX in stuff we import in Cypress test code (#8738)

* Add support for JSX in stuff we import in Cypress test code

Spawning from:

 - #8354 (comment)
 - #8354 (comment)

* Add problem import

* Inherit from existing type definitions

See #8738 (comment)

* Specify `commonjs`

Signed-off-by: Šimon Brandner <[email protected]>

* Remove `mxSettingsStore` as it's no longer needed

Signed-off-by: Šimon Brandner <[email protected]>

Co-authored-by: Šimon Brandner <[email protected]>

Author: MadLittleMods

cypress/global.d.ts

@@ -14,6 +14,9 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+import "../src/@types/global";
+import "../src/@types/svg";
+import "../src/@types/raw-loader";
 import "matrix-js-sdk/src/@types/global";
 import type {
     MatrixClient,

cypress/tsconfig.json

@@ -1,9 +1,19 @@
 {
     "compilerOptions": {
         "target": "es2016",
-        "lib": ["es2020", "dom"],
+        "jsx": "react",
+        "lib": [
+            "es2020",
+            "dom",
+            "dom.iterable"
+        ],
         "types": ["cypress", "@percy/cypress"],
-        "moduleResolution": "node"
+        "resolveJsonModule": true,
+        "esModuleInterop": true,
+        "moduleResolution": "node",
+        "module": "commonjs"
     },
-    "include": ["**/*.ts"]
+    "include": [
+        "**/*.ts"
+    ]
 }

package.json

@@ -46,7 +46,7 @@
     "lint": "yarn lint:types && yarn lint:js && yarn lint:style",
     "lint:js": "eslint --max-warnings 0 src test cypress",
     "lint:js-fix": "eslint --fix src test cypress",
-    "lint:types": "tsc --noEmit --jsx react && tsc --noEmit -p cypress",
+    "lint:types": "tsc --noEmit --jsx react && tsc --noEmit --jsx react -p cypress",
     "lint:style": "stylelint \"res/css/**/*.scss\"",
     "test": "jest",
     "test:cypress": "cypress run",