fix: update E2E test selectors to match current UI components

- item-create.page.ts: use getByLabel() for SelectField (htmlFor/id linked), switch fillLatex to BlockEditor source mode
- items-list.page.ts: use locator("select") instead of getByRole("combobox") for FilterSelect
- search.page.ts: fix filterBySchoolLevel to use parent-traversal with locator("select")
- skills-list.page.ts: fix filterByBloomLevel and filterByTopicPath selectors
- admin-dashboard.spec.ts: add waitFor before instant isVisible checks in RBAC test

Author: cskwork

apps/web/e2e/pages/item-create.page.ts

@@ -29,21 +29,23 @@ export class ItemCreatePage extends BasePage {
   }
 
   /**
-   * 라벨 텍스트 옆의 combobox를 찾아 선택
-   * 이 페이지의 select들은 <label>이 아닌 div 텍스트를 사용
+   * 라벨 텍스트로 연결된 select 요소를 반환
+   * SelectField 컴포넌트가 htmlFor/id로 label-select를 연결하므로 getByLabel 사용
    */
   private selectByLabel(labelText: string): Locator {
-    return this.page
-      .getByText(labelText, { exact: true })
-      .locator("..")
-      .getByRole("combobox");
+    return this.page.getByLabel(labelText, { exact: true });
   }
 
-  /** 수식 LaTeX 입력 (FormulaEditor textarea) */
+  /** 수식 LaTeX 입력 (BlockEditor 소스 모드 textarea) */
   async fillLatex(latex: string): Promise<void> {
-    await this.page
-      .getByPlaceholder("LaTeX 수식을 입력하세요")
-      .fill(latex);
+    // 소스 모드 토글 버튼 클릭
+    const sourceBtn = this.page.getByRole("button", { name: "소스 모드" });
+    if (await sourceBtn.isVisible()) {
+      await sourceBtn.click();
+    }
+    // 소스 모드 textarea에 입력
+    const textarea = this.page.getByPlaceholder("LaTeX 소스를 직접 입력하세요");
+    await textarea.fill(latex);
   }
 
   /** 학교급 선택 */

apps/web/e2e/pages/items-list.page.ts

@@ -28,13 +28,14 @@ export class ItemsListPage extends BasePage {
   }
 
   /**
-   * 라벨 텍스트의 직접 부모에서 combobox를 찾아 반환
+   * 라벨 텍스트의 직접 부모에서 select 요소를 찾아 반환
+   * FilterSelect는 htmlFor/id 연결이 없으므로 부모 탐색 방식 사용
    */
   private selectByLabel(labelText: string): Locator {
     return this.page
       .getByText(labelText, { exact: true })
       .locator("..")
-      .getByRole("combobox");
+      .locator("select");
   }
 
   /** /items 페이지로 이동 */

apps/web/e2e/pages/search.page.ts

@@ -59,7 +59,11 @@ export class SearchPage extends BasePage {
 
   /** 학교급 필터 선택 */
   async filterBySchoolLevel(level: string): Promise<void> {
-    await this.page.getByLabel("학교급").selectOption(level);
+    await this.page
+      .getByText("학교급", { exact: true })
+      .locator("..")
+      .locator("select")
+      .selectOption(level);
   }
 
   /** 필터 초기화 */

apps/web/e2e/pages/skills-list.page.ts

@@ -72,14 +72,14 @@ export class SkillsListPage extends BasePage {
 
   /** 분류 경로 필터 입력 */
   async filterByTopicPath(path: string): Promise<void> {
-    await this.page.getByLabel("분류 경로").fill(path);
+    await this.page.getByPlaceholder("예: math.algebra").fill(path);
   }
 
   /** Bloom 수준 필터 선택 */
   async filterByBloomLevel(level: string): Promise<void> {
-    // "Bloom 수준" 라벨의 부모 div에서 combobox 선택
+    // "Bloom 수준" 라벨의 부모 div에서 select 요소 선택
     const bloomLabel = this.page.getByText("Bloom 수준", { exact: true }).first();
-    await bloomLabel.locator("..").getByRole("combobox").selectOption(level);
+    await bloomLabel.locator("..").locator("select").selectOption(level);
   }
 
   /** 다음 페이지로 이동 */

apps/web/e2e/tests/admin-dashboard.spec.ts

@@ -33,12 +33,16 @@ test.describe("관리자 대시보드", () => {
     const dashboardPage = new AdminDashboardPage(page);
 
     // teacher에게는 에러가 표시되거나 KPI 데이터가 로드되지 않아야 함
+    // 페이지 렌더링 대기: 에러 상태 또는 KPI 데이터 중 하나가 나타날 때까지 대기
+    const errorOrKpi = dashboardPage.errorState.or(page.getByText("전체 문항 수"));
+    await errorOrKpi.first().waitFor({ state: "visible", timeout: 20_000 }).catch(() => {});
+
     const hasError = await dashboardPage.errorState
       .isVisible()
       .catch(() => false);
     const kpiVisible = await page
       .getByText("전체 문항 수")
-      .isVisible({ timeout: 5_000 })
+      .isVisible()
       .catch(() => false);
 
     expect(hasError || !kpiVisible).toBeTruthy();