Extract test login to own function

tests/testcafe/admin/common/login.ts

@@ -0,0 +1,10 @@
+import { Selector } from "testcafe";
+
+const USERNAME = "admin";
+const PASSWORD = "password123";
+
+export const doLogin = async (t: TestController) => {
+  await t.typeText(Selector("#login-username"), USERNAME);
+  await t.typeText(Selector("#login-password"), PASSWORD);
+  await t.click(Selector("#login-submit"));
+}

tests/testcafe/login.test.ts

@@ -1,5 +1,6 @@
 import { Selector, ClientFunction } from "testcafe";
 import { getSiteRoot } from "./utils";
+import { doLogin } from "./admin/common/login";
 
 fixture`Admin login page functions correctly`.page(`${getSiteRoot}/admin/login`);
 
@@ -15,12 +16,7 @@ test("User can log in with default credentials", async t => {
   /**
    * Test if the user can log in with default credentials.
    */
-  const USERNAME = "admin";
+  await doLogin(t);
-  const PASSWORD = "password123";
-
-  await t.typeText(Selector("#login-username"), USERNAME);
-  await t.typeText(Selector("#login-password"), PASSWORD);
-  await t.click(Selector("#login-submit"));
 
   const frontPage = Selector("[data-e2e=\"admin-front-page\"]");
   await t.expect(frontPage.exists).ok();

tsconfig.json

@@ -60,6 +60,6 @@
   "include": [
     "./src/**/*",
     "./types/**/*",
-    "./tests/testcafe"
+    "./tests/testcafe/**/*"
   ],
 }