diff --git a/blocksuite/integration-test/src/__tests__/edgeless/turbo-renderer.spec.ts b/blocksuite/integration-test/src/__tests__/edgeless/turbo-renderer.spec.ts
index b8ea8f93ea..96062d3b1c 100644
--- a/blocksuite/integration-test/src/__tests__/edgeless/turbo-renderer.spec.ts
+++ b/blocksuite/integration-test/src/__tests__/edgeless/turbo-renderer.spec.ts
@@ -8,6 +8,7 @@ import {
   ViewportTurboRendererExtension,
 } from '@blocksuite/affine-gfx-turbo-renderer';
 import { firstValueFrom } from 'rxjs';
+import { filter } from 'rxjs/operators';
 import { afterEach, beforeEach, describe, expect, test } from 'vitest';
 
 import { wait } from '../utils/common.js';
@@ -38,7 +39,10 @@ describe('viewport turbo renderer', () => {
 
   test('should render 6 notes in viewport', async () => {
     addSampleNotes(doc, 6);
+    const renderer = getRenderer();
+    await renderer.refresh();
     await wait(FRAME);
+    await firstValueFrom(renderer.state$.pipe(filter(s => s === 'ready')));
 
     const notes = document.querySelectorAll('affine-edgeless-note');
     expect(notes.length).toBe(6);
@@ -59,12 +63,13 @@ describe('viewport turbo renderer', () => {
   test('zooming should change internal state and populate optimized block ids', async () => {
     const renderer = getRenderer();
     addSampleNotes(doc, 1);
+    await renderer.refresh();
     await wait(FRAME);
+    await firstValueFrom(renderer.state$.pipe(filter(s => s === 'ready')));
     expect(renderer.optimizedBlockIds.length).toBe(0);
 
     renderer.viewport.zooming$.next(true);
-    const nextState = await firstValueFrom(renderer.state$);
-    expect(nextState).toBe('zooming');
+    await firstValueFrom(renderer.state$.pipe(filter(s => s === 'zooming')));
 
     const canUseCache = renderer.canUseBitmapCache();
     expect(canUseCache).toBe(false);
@@ -74,9 +79,9 @@ describe('viewport turbo renderer', () => {
     expect(renderer.optimizedBlockIds.length).toBe(1);
 
     renderer.viewport.zooming$.next(false);
-    await wait(renderer.options.debounceTime + 100);
+    await firstValueFrom(renderer.state$.pipe(filter(s => s === 'ready')));
 
-    expect(renderer.state$.value).not.toBe('zooming');
+    expect(renderer.state$.value).toBe('ready');
     expect(renderer.optimizedBlockIds.length).toBe(0);
   });
 
@@ -84,12 +89,16 @@ describe('viewport turbo renderer', () => {
     const renderer = getRenderer();
 
     addSampleNotes(doc, 1);
+    await renderer.refresh();
     await wait(FRAME);
+    await firstValueFrom(renderer.state$.pipe(filter(s => s === 'pending')));
     expect(renderer.state$.value).toBe('pending');
 
-    // Ensure zooming is off and wait for debounce + buffer
     renderer.viewport.zooming$.next(false);
-    await wait(renderer.options.debounceTime + 500);
+    await renderer.refresh();
+    await wait(FRAME);
+    await firstValueFrom(renderer.state$.pipe(filter(s => s === 'ready')));
+
     expect(renderer.state$.value).toBe('ready');
   });
 
@@ -103,14 +112,14 @@ describe('viewport turbo renderer', () => {
     addSampleNotes(doc, 1);
     await wait(100);
 
-    // Access getter to populate cache
     const _cache = renderer.layoutCache;
     noop(_cache);
     expect(renderer.layoutCacheData).not.toBeNull();
 
-    // Invalidate
     addSampleNotes(doc, 1);
     await wait(100);
+    await renderer.refresh();
+    await wait(FRAME);
 
     expect(renderer.layoutCacheData).toBeNull();
   });
@@ -118,6 +127,7 @@ describe('viewport turbo renderer', () => {
   test('accessing layoutCache getter should populate cache data', async () => {
     const renderer = getRenderer();
     addSampleNotes(doc, 1);
+    await renderer.refresh();
     await wait(FRAME);
     expect(renderer.layoutCacheData).toBeNull();