e2e tests for security

mtojek · mtojek · commit 1daff361dd62 · 2024-04-15T15:07:58.000+02:00
diff --git a/site/e2e/tests/deployment/security.ts b/site/e2e/tests/deployment/security.ts
@@ -0,0 +1,15 @@
+import { expect, test } from "@playwright/test";
+import * as API from "api/api";
+import { setupApiCalls } from "../../api";
+
+test("enabled security settings", async ({ page }) => {
+  await setupApiCalls(page);
+
+  await page.goto("/deployment/security", { waitUntil: "domcontentloaded" });
+
+  // Load deployment settings
+  const config = await API.getDeploymentConfig();
+
+  // Check flags
+
+});
diff --git a/site/src/components/Badges/Badges.tsx b/site/src/components/Badges/Badges.tsx
@@ -41,7 +41,11 @@ const styles = {
 } satisfies Record<string, Interpolation<Theme>>;
 
 export const EnabledBadge: FC = () => {
-  return <span css={[styles.badge, styles.enabledBadge]}>Enabled</span>;
+  return (
+    <span css={[styles.badge, styles.enabledBadge]} className="option-enabled">
+      Enabled
+    </span>
+  );
 };
 
 export const EntitledBadge: FC = () => {
@@ -95,6 +99,7 @@ export const DisabledBadge: FC = forwardRef<
           color: theme.experimental.l1.text,
         }),
       ]}
+      className="option-disabled"
     >
       Disabled
     </span>
diff --git a/site/src/pages/DeploySettingsPage/Option.tsx b/site/src/pages/DeploySettingsPage/Option.tsx
@@ -38,15 +38,27 @@ export const OptionValue: FC<OptionValueProps> = (props) => {
   }
 
   if (typeof value === "number") {
-    return <span css={styles.option}>{value}</span>;
+    return (
+      <span css={styles.option} className="option-value-number">
+        {value}
+      </span>
+    );
   }
 
   if (!value || value.length === 0) {
-    return <span css={styles.option}>Not set</span>;
+    return (
+      <span css={styles.option} className="option-value-empty">
+        Not set
+      </span>
+    );
   }
 
   if (typeof value === "string") {
-    return <span css={styles.option}>{value}</span>;
+    return (
+      <span css={styles.option} className="option-value-string">
+        {value}
+      </span>
+    );
   }
 
   if (typeof value === "object" && !Array.isArray(value)) {
@@ -104,7 +116,11 @@ export const OptionValue: FC<OptionValueProps> = (props) => {
     );
   }
 
-  return <span css={styles.option}>{JSON.stringify(value)}</span>;
+  return (
+    <span css={styles.option} className="option-value-json">
+      {JSON.stringify(value)}
+    </span>
+  );
 };
 
 type OptionConfigProps = HTMLAttributes<HTMLDivElement> & { isSource: boolean };
