From 7171bf201a08df3b2d8c8786da349e46fa5f376b Mon Sep 17 00:00:00 2001
From: Valerie Pomerleau <vpomerleau@mozilla.com>
Date: Wed, 28 Jan 2026 11:48:23 -0800
Subject: [PATCH] fix cms smoke tests

---
 packages/functional-tests/tests/cms/cms-2fa.spec.ts | 2 +-
 packages/functional-tests/tests/cms/cms.spec.ts     | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/functional-tests/tests/cms/cms-2fa.spec.ts b/packages/functional-tests/tests/cms/cms-2fa.spec.ts
index 11fa225b228..c14067b92ac 100644
--- a/packages/functional-tests/tests/cms/cms-2fa.spec.ts
+++ b/packages/functional-tests/tests/cms/cms-2fa.spec.ts
@@ -56,7 +56,7 @@ test.describe('severity-1 #smoke', () => {
       await expect(button).toHaveCSS('--cta-bg', buttonColor);
       await expect(button).toHaveCSS('--cta-border', buttonColor);
       await expect(button).toHaveCSS('--cta-active', buttonColor);
-      await expect(button).toHaveCSS('--cta-disabled', `${buttonColor}60`);
+      await expect(button).toHaveCSS('--cta-disabled', buttonColor);
     }
 
     test.beforeAll(async ({ target }) => {
diff --git a/packages/functional-tests/tests/cms/cms.spec.ts b/packages/functional-tests/tests/cms/cms.spec.ts
index 25512ba19c7..eacbdb48ad6 100644
--- a/packages/functional-tests/tests/cms/cms.spec.ts
+++ b/packages/functional-tests/tests/cms/cms.spec.ts
@@ -55,7 +55,7 @@ test.describe('severity-1 #smoke', () => {
       await expect(button).toHaveCSS('--cta-bg', buttonColor);
       await expect(button).toHaveCSS('--cta-border', buttonColor);
       await expect(button).toHaveCSS('--cta-active', buttonColor);
-      await expect(button).toHaveCSS('--cta-disabled', `${buttonColor}60`);
+      await expect(button).toHaveCSS('--cta-disabled', buttonColor);
     }
 
     test.beforeAll(async ({ target }) => {
@@ -160,11 +160,16 @@ test.describe('severity-1 #smoke', () => {
           buttonColor: '#4845D2',
           buttonText: 'Continue',
         });
-        await signin.passwordTextbox.fill(credentials.password);
         submitButton = page.getByRole('button', {
           name: 'Continue',
           exact: true,
         });
+        // expect button to be disabled until password fields are filled
+        await expect(submitButton).toBeDisabled();
+        await expect(submitButton).toHaveCSS('opacity', '0.5');
+        await signin.passwordTextbox.fill(credentials.password);
+        await expect(submitButton).toBeEnabled();
+        await expect(submitButton).toHaveCSS('opacity', '1');
         await submitButton.click();
 
         await assertCmsCustomization(page, {