first appearance test

mtojek · mtojek · commit dfe7558783fe · 2024-04-12T13:40:25.000+02:00
diff --git a/site/e2e/tests/deployment/appearance.spec.ts b/site/e2e/tests/deployment/appearance.spec.ts
@@ -0,0 +1,29 @@
+import { chromium, expect, test } from "@playwright/test";
+import { randomName, requiresEnterpriseLicense } from "../../helpers";
+
+test("set application name", async ({ page }) => {
+  requiresEnterpriseLicense();
+
+  await page.goto("/deployment/appearance", { waitUntil: "domcontentloaded" });
+
+  const applicationName = randomName();
+
+  // Fill out the form
+  const form = page.locator("form", { hasText: "Application name"})
+  await form.getByLabel("Application name", { exact: true}).fill(applicationName);
+  await form.getByRole("button", { name: "Submit"}).click();
+
+  // Open a new session without cookies to see the login page
+  const browser = await chromium.launch()
+  const incognitoContext = await browser.newContext()
+  await incognitoContext.clearCookies()
+  const incognitoPage = await incognitoContext.newPage()
+  await incognitoPage.goto("/", { waitUntil: "domcontentloaded" });
+
+  const banner = incognitoPage.locator("h1", { hasText: applicationName})
+  await expect(banner).toBeVisible()
+
+  // Shut down browser
+  await incognitoPage.close()
+  await browser.close()
+});
diff --git a/site/src/pages/DeploySettingsPage/AppearanceSettingsPage/AppearanceSettingsPageView.tsx b/site/src/pages/DeploySettingsPage/AppearanceSettingsPage/AppearanceSettingsPageView.tsx
@@ -105,6 +105,9 @@ export const AppearanceSettingsPageView: FC<
           fullWidth
           placeholder='Leave empty to display "Coder".'
           disabled={!isEntitled}
+          inputProps={{
+            "aria-label": "Application name",
+          }}
         />
       </Fieldset>
 
@@ -150,6 +153,9 @@ export const AppearanceSettingsPageView: FC<
               </InputAdornment>
             ),
           }}
+          inputProps={{
+            "aria-label": "Logo URL",
+          }}
         />
       </Fieldset>
 
@@ -208,6 +214,7 @@ export const AppearanceSettingsPageView: FC<
                     );
                     await serviceBannerForm.setFieldValue("enabled", newState);
                   }}
+                  data-testid="switch-service-banner"
                 />
               }
               label="Enabled"
@@ -221,6 +228,9 @@ export const AppearanceSettingsPageView: FC<
                 fullWidth
                 label="Message"
                 multiline
+                inputProps={{
+                  "aria-label": "Message",
+                }}
               />
             </Stack>
 
