fix: title behavior on BlockSuite editor (#1264)

tests/local-first-show-delete-modal.spec.ts

@@ -1,15 +1,19 @@
 import { expect } from '@playwright/test';
 
 import { loadPage } from './libs/load-page';
-import { clickPageMoreActions, newPage } from './libs/page-logic';
+import {
+  clickPageMoreActions,
+  getBlockSuiteEditorTitle,
+  newPage,
+} from './libs/page-logic';
 import { test } from './libs/playwright';
 loadPage();
 
 test.describe('Local first delete page', () => {
   test('New a page ,then open it and show delete modal', async ({ page }) => {
     await newPage(page);
-    await page.getByPlaceholder('Title').click();
-    await page.getByPlaceholder('Title').fill('this is a new page to delete');
+    await getBlockSuiteEditorTitle(page).click();
+    await getBlockSuiteEditorTitle(page).fill('this is a new page to delete');
     await page.getByRole('link', { name: 'All pages' }).click();
     const cell = page.getByRole('cell', {
       name: 'this is a new page to delete',
@@ -28,8 +32,8 @@ test.describe('Local first delete page', () => {
     page,
   }) => {
     await newPage(page);
-    await page.getByPlaceholder('Title').click();
-    await page.getByPlaceholder('Title').fill('this is a new page to delete');
+    await getBlockSuiteEditorTitle(page).click();
+    await getBlockSuiteEditorTitle(page).fill('this is a new page to delete');
     const newPageId = page.url().split('/').reverse()[0];
     await page.getByRole('link', { name: 'All pages' }).click();
     const cell = page.getByRole('cell', {