From 4037b3aeedfec2b73344064d39439c3a959c95c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E0=A4=95=E0=A4=BE=E0=A4=B0=E0=A4=A4=E0=A5=8B=E0=A4=AB?=
 =?UTF-8?q?=E0=A5=8D=E0=A4=AB=E0=A5=87=E0=A4=B2=E0=A4=B8=E0=A5=8D=E0=A4=95?=
 =?UTF-8?q?=E0=A5=8D=E0=A4=B0=E0=A4=BF=E0=A4=AA=E0=A5=8D=E0=A4=9F=E2=84=A2?=
 <netroy@users.noreply.github.com>
Date: Thu, 20 Apr 2023 12:22:54 +0200
Subject: [PATCH] fix(editor): Use fake timers in useDebounce.test.ts to make
 the test less flaky (no-changelog) (#6029)

---
 .../editor-ui/src/composables/__tests__/useDebounce.test.ts  | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/editor-ui/src/composables/__tests__/useDebounce.test.ts b/packages/editor-ui/src/composables/__tests__/useDebounce.test.ts
index fecac5f4a4..7de407d96a 100644
--- a/packages/editor-ui/src/composables/__tests__/useDebounce.test.ts
+++ b/packages/editor-ui/src/composables/__tests__/useDebounce.test.ts
@@ -3,7 +3,7 @@ import { useDebounceHelper } from '../useDebounce';
 import { render, screen } from '@testing-library/vue';
 
 describe('useDebounceHelper', () => {
-	const debounceTime = 200;
+	const debounceTime = 500;
 
 	const TestComponent = {
 		template: `
@@ -23,6 +23,7 @@ describe('useDebounceHelper', () => {
 			},
 		},
 		setup() {
+			vitest.useFakeTimers();
 			const { callDebounced } = useDebounceHelper();
 			return {
 				callDebounced,
@@ -52,7 +53,7 @@ describe('useDebounceHelper', () => {
 
 		expect(mockFn).toHaveBeenCalledTimes(0);
 
-		await new Promise((resolve) => setTimeout(resolve, debounceTime));
+		vitest.advanceTimersByTime(debounceTime);
 
 		expect(mockFn).toHaveBeenCalledTimes(1);
 	});