From 80bf2db0d93432d05bd9cdc16d50b4db26b762f6 Mon Sep 17 00:00:00 2001
From: jaasen-livefront <jaasen@livefront.com>
Date: Tue, 18 Feb 2025 11:00:34 -0800
Subject: [PATCH] add tests

---
 .../settings/appearance-v2.component.spec.ts  | 27 ++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/apps/browser/src/vault/popup/settings/appearance-v2.component.spec.ts b/apps/browser/src/vault/popup/settings/appearance-v2.component.spec.ts
index eed5e8df2a8..7d67a9458b2 100644
--- a/apps/browser/src/vault/popup/settings/appearance-v2.component.spec.ts
+++ b/apps/browser/src/vault/popup/settings/appearance-v2.component.spec.ts
@@ -58,6 +58,7 @@ describe("AppearanceV2Component", () => {
   const setEnableRoutingAnimation = jest.fn().mockResolvedValue(undefined);
   const setEnableCompactMode = jest.fn().mockResolvedValue(undefined);
   const setShowQuickCopyActions = jest.fn().mockResolvedValue(undefined);
+  const setClickItemsToAutofillVaultView = jest.fn().mockResolvedValue(undefined);
 
   const mockWidthService: Partial<PopupSizeService> = {
     width$: new BehaviorSubject("default"),
@@ -106,7 +107,7 @@ describe("AppearanceV2Component", () => {
           provide: VaultSettingsService,
           useValue: {
             clickItemsToAutofillVaultView$,
-            setClickItemsToAutofillVaultView: jest.fn().mockResolvedValue(undefined),
+            setClickItemsToAutofillVaultView,
           },
         },
       ],
@@ -166,5 +167,29 @@ describe("AppearanceV2Component", () => {
 
       expect(setEnableRoutingAnimation).toHaveBeenCalledWith(false);
     });
+
+    it("updates the compact mode setting", () => {
+      component.appearanceForm.controls.enableCompactMode.setValue(true);
+
+      expect(setEnableCompactMode).toHaveBeenCalledWith(true);
+    });
+
+    it("updates the quick copy actions setting", () => {
+      component.appearanceForm.controls.showQuickCopyActions.setValue(true);
+
+      expect(setShowQuickCopyActions).toHaveBeenCalledWith(true);
+    });
+
+    it("updates the width setting", () => {
+      component.appearanceForm.controls.width.setValue("wide");
+
+      expect(mockWidthService.setWidth).toHaveBeenCalledWith("wide");
+    });
+
+    it("updates the click items to autofill vault view setting", () => {
+      component.appearanceForm.controls.clickItemsToAutofillVaultView.setValue(true);
+
+      expect(setClickItemsToAutofillVaultView).toHaveBeenCalledWith(true);
+    });
   });
 });