fix ci e2e and button loading width

Author: dnywh

e2e/seo.spec.ts

@@ -221,7 +221,7 @@ test("public listing pages expose crawlable listing metadata", async ({
   );
 });
 
-test("anonymous residential listing pages expose an indexable private-host teaser", async ({
+test("anonymous residential listing pages expose indexable public content without identity or media", async ({
   page,
 }) => {
   await page.goto(RESIDENTIAL_LISTING_PATH, { waitUntil: "domcontentloaded" });
@@ -239,19 +239,22 @@ test("anonymous residential listing pages expose an indexable private-host tease
   await expect(
     page.getByRole("heading", { name: "Private Host" })
   ).toBeVisible();
-  await expect(page.getByText("Resident of Newtown")).toBeVisible();
+  await expect(
+    page.getByText("Resident of Newtown", { exact: true })
+  ).toBeVisible();
+  await expect(page.getByText("A small residential setup")).toBeVisible();
+  await expect(page.getByText("Fruit scraps", { exact: true })).toBeVisible();
+  await expect(page.getByText("Paper towels", { exact: true })).toBeVisible();
+  await expect(
+    page.getByText("Crushed egg shells", { exact: true })
+  ).toBeVisible();
 
   const pageHtml = await page.content();
   for (const privateText of [
     "Newtown Balcony Worm Farm",
-    "A small residential setup",
-    "Fruit scraps",
-    "Paper towels",
-    "Crushed egg shells",
-    "Citrus in bulk",
-    "Cooked food",
-    "151.1781",
-    "-33.8986",
+    "9a0c62fc-bf50-4f45-ba6c-5b9051c2712a",
+    "demo/sunflowers.jpg",
+    "Riley",
   ]) {
     expect(pageHtml).not.toContain(privateText);
   }

src/app/(forms)/profile/reset-password/page.tsx

@@ -73,7 +73,7 @@ export default async function ResetPassword(props: {
         {searchParams.error && (
           <FormMessage message={{ error: searchParams.error }} />
         )}
-        <SubmitButton pendingText={t("Status.resetting")}>
+        <SubmitButton fullWidth pendingText={t("Status.resetting")}>
           {t("Actions.resetPassword")}
         </SubmitButton>
       </Form>

src/components/Button/Button.tsx

@@ -19,6 +19,7 @@ type ButtonStyleProps = {
   variant?: ButtonVariant;
   size?: ButtonSize;
   width?: ButtonWidth;
+  fullWidth?: boolean;
   disabled?: boolean;
 };
 
@@ -108,6 +109,11 @@ type LinkButtonRestProps = Omit<
 const isLinkButton = (props: ButtonProps): props is LinkButtonProps =>
   props.href !== undefined;
 
+const getResolvedWidth = (
+  width: ButtonWidth | undefined,
+  fullWidth: boolean | undefined
+) => (fullWidth ? "full" : width);
+
 const getCommonProps = (props: ButtonProps) => {
   const {
     variant = "secondary",
@@ -117,10 +123,13 @@ const getCommonProps = (props: ButtonProps) => {
     loading = false,
     loadingText = "Loading...",
     size = "normal",
+    width,
+    fullWidth,
     onClick,
     href,
     ...restProps
   } = props;
+  const resolvedWidth = getResolvedWidth(width, fullWidth);
 
   return {
     variant,
@@ -130,6 +139,7 @@ const getCommonProps = (props: ButtonProps) => {
     loading,
     loadingText,
     size,
+    width: resolvedWidth,
     onClick,
     href,
     restProps,
@@ -388,6 +398,7 @@ const Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>(
       loading,
       loadingText,
       size,
+      width,
       onClick,
       restProps,
     } = getCommonProps(allProps);
@@ -416,13 +427,13 @@ const Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>(
           href={allProps.href}
           ref={ref as Ref<HTMLAnchorElement>}
           $variant={variant}
-          $width={allProps.width}
+          $width={width}
           $size={size}
           $disabledState={isDisabled}
           tabIndex={isDisabled ? -1 : tabIndex}
           aria-disabled={isDisabled || undefined}
           aria-busy={isLoading || undefined}
-          data-button-width={allProps.width ?? "contained"}
+          data-button-width={width ?? "contained"}
           {...clickProps}
           {...linkProps}
           rel={rel}
@@ -442,13 +453,13 @@ const Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>(
         ref={ref as Ref<HTMLButtonElement>}
         disabled={isDisabled}
         $variant={variant}
-        $width={allProps.width}
+        $width={width}
         $size={size}
         $disabledState={isDisabled}
         tabIndex={isDisabled ? -1 : tabIndex}
         aria-disabled={isDisabled || undefined}
         aria-busy={isLoading || undefined}
-        data-button-width={allProps.width ?? "contained"}
+        data-button-width={width ?? "contained"}
         onClick={onClick}
         {...buttonProps}
       >