From c2cb5527f577cecc3a80708336f100f8da98dc9d Mon Sep 17 00:00:00 2001
From: arabcoders <admin@arabcoders.org>
Date: Wed, 22 Apr 2026 19:50:56 +0300
Subject: [PATCH] fix: broken tests in CI

---
 ui/tests/plugins/modal-opacity.client.test.ts | 22 +++++++++++++------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/ui/tests/plugins/modal-opacity.client.test.ts b/ui/tests/plugins/modal-opacity.client.test.ts
index 8e5628a5..dc46b2b4 100644
--- a/ui/tests/plugins/modal-opacity.client.test.ts
+++ b/ui/tests/plugins/modal-opacity.client.test.ts
@@ -1,20 +1,18 @@
-import { afterEach, beforeAll, beforeEach, describe, expect, it, mock } from 'bun:test';
+import { afterAll, afterEach, beforeAll, beforeEach, describe, expect, it, mock, spyOn } from 'bun:test';
 
 const disableOpacityMock = mock(() => {});
 const enableOpacityMock = mock(() => {});
 const syncOpacityMock = mock(() => {});
 
-mock.module('~/utils', () => ({
-  disableOpacity: disableOpacityMock,
-  enableOpacity: enableOpacityMock,
-  syncOpacity: syncOpacityMock,
-}));
-
 (globalThis as typeof globalThis & { defineNuxtPlugin?: (setup: () => void) => () => void }).defineNuxtPlugin =
   (setup) => setup;
 
+let utils: Awaited<typeof import('~/utils/index')>;
 let plugin: Awaited<typeof import('../../app/plugins/modal-opacity.client.ts')>['default'];
 let started = false;
+let disableOpacitySpy: ReturnType<typeof spyOn>;
+let enableOpacitySpy: ReturnType<typeof spyOn>;
+let syncOpacitySpy: ReturnType<typeof spyOn>;
 
 const flushMutations = async (): Promise<void> => {
   await Promise.resolve();
@@ -38,9 +36,19 @@ const startPlugin = (): void => {
 };
 
 beforeAll(async () => {
+  utils = await import('~/utils/index');
+  disableOpacitySpy = spyOn(utils, 'disableOpacity').mockImplementation(disableOpacityMock);
+  enableOpacitySpy = spyOn(utils, 'enableOpacity').mockImplementation(enableOpacityMock);
+  syncOpacitySpy = spyOn(utils, 'syncOpacity').mockImplementation(syncOpacityMock);
   plugin = (await import('../../app/plugins/modal-opacity.client.ts')).default;
 });
 
+afterAll(() => {
+  disableOpacitySpy.mockRestore();
+  enableOpacitySpy.mockRestore();
+  syncOpacitySpy.mockRestore();
+});
+
 beforeEach(() => {
   globalThis.MutationObserver = window.MutationObserver;
   document.body.innerHTML = '';