chore(playwright): fix playwright tests

e2e/applicationForm.spec.ts

@@ -24,12 +24,16 @@ test.describe("application form", () => {
 
     await page.getByRole("button", { name: /^Sign in$/ }).click();
 
+    await page.waitForTimeout(2000);
+
     await page.getByRole("link", { name: "Edit application form" }).click();
 
     await expect(
       page.getByRole("heading", { name: "Application Form Editor" })
     ).toBeVisible();
 
+    await page.waitForTimeout(2000);
+
     await expect(page.getByText("General info")).toBeVisible();
 
     // Creating and deleting steps
@@ -49,6 +53,8 @@ test.describe("application form", () => {
     // Editing step
     await page.getByText("Step #2").click();
 
+    await page.waitForTimeout(2000);
+
     await expect(page.getByRole("heading", { name: "Step #2" })).toBeVisible();
 
     await page.getByRole("button", { name: "Edit title" }).click();
@@ -75,7 +81,7 @@ test.describe("application form", () => {
     await page.getByText("Select a field type").click();
     await page.getByLabel("textarea").getByText("textarea").click();
     await page.getByLabel("Required").check();
-    await page.getByRole("button", { name: "Create new field" }).click();
+    await page.getByRole("button", { name: "Save new field" }).click();
 
     await expect(
       page.getByText("1. What is your experience with hackathons? (textarea)")
@@ -88,7 +94,7 @@ test.describe("application form", () => {
     await page.getByLabel("Name").fill("hackathonsPast");
     await page.getByText("Select a field type").click();
     await page.getByLabel("checkbox").getByText("checkbox").click();
-    await page.getByRole("button", { name: "Create new field" }).click();
+    await page.getByRole("button", { name: "Save new field" }).click();
 
     await expect(
       page.getByText("2. I have been at the hackathon in the past. (checkbox)")
@@ -99,7 +105,7 @@ test.describe("application form", () => {
     await page.getByLabel("Name").fill("company");
     await page.getByText("Select a field type").click();
     await page.getByLabel("text", { exact: true }).getByText("text").click();
-    await page.getByRole("button", { name: "Create new field" }).click();
+    await page.getByRole("button", { name: "Save new field" }).click();
 
     await expect(
       page.getByText("3. What company do you work for? (text)")
@@ -119,7 +125,7 @@ test.describe("application form", () => {
     await page.getByLabel("Name").fill("hackathonsPast");
     await page.getByText("Select a field type").click();
     await page.getByLabel("checkbox").getByText("checkbox").click();
-    await page.getByRole("button", { name: "Create new field" }).click();
+    await page.getByRole("button", { name: "Save new field" }).click();
 
     await expect(
       page.getByText("3. I have been at the hackathon in the past. (checkbox)")

package.json

@@ -54,7 +54,7 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@playwright/test": "^1.38.1",
+    "@playwright/test": "^1.39.0",
     "@storybook/addon-essentials": "^7.4.6",
     "@storybook/addon-interactions": "^7.4.6",
     "@storybook/addon-links": "^7.4.6",

src/app/dashboard/application/[applicationId]/detail/page.tsx

@@ -9,7 +9,7 @@ export const metadata: Metadata = {
   title: "Application detail",
 };
 
-const DashboardPage = async ({
+const ApplicationDetailPage = async ({
   params,
 }: {
   params: { applicationId: string };
@@ -23,4 +23,4 @@ const DashboardPage = async ({
   return <ApplicationDetail applicationDetail={applicationDetail} />;
 };
 
-export default DashboardPage;
+export default ApplicationDetailPage;

src/app/dashboard/form-editor/page.tsx

@@ -9,12 +9,13 @@ export const metadata: Metadata = {
   title: "Edit application form",
 };
 
-const DashboardPage = async () => {
+const FormEditorPage = async () => {
   if (!(await requireOrganizerApp())) {
     redirect("/application");
   }
   const applicationFormSteps = await getApplicationFormSteps();
+
   return <ApplicationFormEditor applicationFormSteps={applicationFormSteps} />;
 };
 
-export default DashboardPage;
+export default FormEditorPage;

src/app/dashboard/form-editor/step/[stepId]/edit/page.tsx

@@ -10,13 +10,18 @@ export const metadata: Metadata = {
   title: "Edit application form step",
 };
 
-const DashboardPage = async ({ params }: { params: { stepId: string } }) => {
+const FormEditorStepPage = async ({
+  params,
+}: {
+  params: { stepId: string };
+}) => {
   if (!(await requireOrganizerApp())) {
     redirect("/application");
   }
   const stepInfo = await getStepInfo(Number(params.stepId));
   const formFieldTypes = await getFormFieldTypes();
+
   return <FormStepEditor stepInfo={stepInfo} formFieldTypes={formFieldTypes} />;
 };
 
-export default DashboardPage;
+export default FormEditorStepPage;

src/app/dashboard/page.tsx

@@ -12,6 +12,7 @@ const DashboardPage = async () => {
   if (!(await requireOrganizerApp())) {
     redirect("/application");
   }
+
   return <Dashboard />;
 };
 

src/scenes/Dashboard/ApplicationFormEditor/scenes/EditStepForm/components/NewFieldDialog.tsx

@@ -175,7 +175,7 @@ const NewFieldDialog = ({ stepId, formFieldTypes }: Props) => {
                 )}
               />
               <DialogFooter>
-                <Button type="submit">Create new field</Button>
+                <Button type="submit">Save new field</Button>
               </DialogFooter>
             </Stack>
           </form>