diff --git a/airflow-core/src/airflow/ui/src/components/FilterBar/FilterBar.tsx b/airflow-core/src/airflow/ui/src/components/FilterBar/FilterBar.tsx
index 2c830e72f51de..0df8f784ccef0 100644
--- a/airflow-core/src/airflow/ui/src/components/FilterBar/FilterBar.tsx
+++ b/airflow-core/src/airflow/ui/src/components/FilterBar/FilterBar.tsx
@@ -152,6 +152,7 @@ export const FilterBar = ({
               _hover={{ bg: "colorPalette.subtle" }}
               bg="gray.muted"
               borderRadius="full"
+              data-testid="filter-bar-add-button"
               variant="outline"
             >
               <MdAdd />
diff --git a/airflow-core/src/airflow/ui/src/components/MarkAs/Run/MarkRunAsButton.tsx b/airflow-core/src/airflow/ui/src/components/MarkAs/Run/MarkRunAsButton.tsx
index aaff49bd35a60..b13385691aa4f 100644
--- a/airflow-core/src/airflow/ui/src/components/MarkAs/Run/MarkRunAsButton.tsx
+++ b/airflow-core/src/airflow/ui/src/components/MarkAs/Run/MarkRunAsButton.tsx
@@ -65,6 +65,7 @@ const MarkRunAsButton = ({ dagRun, isHotkeyEnabled = false, withText = true }: P
         <Menu.Trigger asChild>
           <ActionButton
             actionName={translate("dags:runAndTaskActions.markAs.button", { type: translate("dagRun_one") })}
+            data-testid="mark-run-as-button"
             flexDirection="row-reverse"
             icon={<MdArrowDropDown />}
             text={translate("dags:runAndTaskActions.markAs.button", { type: translate("dagRun_one") })}
@@ -87,6 +88,7 @@ const MarkRunAsButton = ({ dagRun, isHotkeyEnabled = false, withText = true }: P
               >
                 <Menu.Item
                   asChild
+                  data-testid={`mark-run-as-${menuState}`}
                   disabled={dagRun.state === menuState}
                   key={menuState}
                   onClick={() => {
diff --git a/airflow-core/src/airflow/ui/src/components/MarkAs/Run/MarkRunAsDialog.tsx b/airflow-core/src/airflow/ui/src/components/MarkAs/Run/MarkRunAsDialog.tsx
index fa05d68587b2f..da10d6a500fcd 100644
--- a/airflow-core/src/airflow/ui/src/components/MarkAs/Run/MarkRunAsDialog.tsx
+++ b/airflow-core/src/airflow/ui/src/components/MarkAs/Run/MarkRunAsDialog.tsx
@@ -63,6 +63,7 @@ const MarkRunAsDialog = ({ dagRun, onClose, open, state }: Props) => {
           <Flex justifyContent="end" mt={3}>
             <Button
               colorPalette="brand"
+              data-testid="mark-run-as-confirm"
               loading={isPending}
               onClick={() => {
                 mutate({
diff --git a/airflow-core/src/airflow/ui/tests/e2e/pages/BrowsePage.ts b/airflow-core/src/airflow/ui/tests/e2e/pages/BrowsePage.ts
new file mode 100644
index 0000000000000..b40f2bdf59a8f
--- /dev/null
+++ b/airflow-core/src/airflow/ui/tests/e2e/pages/BrowsePage.ts
@@ -0,0 +1,138 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { expect, type Locator, type Page } from "@playwright/test";
+
+import { BasePage } from "./BasePage";
+import { DagsPage } from "./DagsPage";
+
+export type MarkRunAsState = "failed" | "success";
+
+export class BrowsePage extends BasePage {
+  public readonly actionsTable: Locator;
+  public readonly emptyStateMessage: Locator;
+  public readonly pageHeading: Locator;
+  public readonly paginationNextButton: Locator;
+  public readonly paginationPrevButton: Locator;
+
+  public constructor(page: Page) {
+    super(page);
+    this.pageHeading = page.getByRole("heading", { name: /required action/i });
+    this.actionsTable = page.getByTestId("table-list");
+    this.emptyStateMessage = page.getByText(/no required actions found/i);
+    this.paginationNextButton = page.locator('[data-testid="next"]');
+    this.paginationPrevButton = page.locator('[data-testid="prev"]');
+  }
+
+  public static getRequiredActionsUrl(): string {
+    return "/required_actions";
+  }
+
+  public async clickNextPage(): Promise<void> {
+    await this.paginationNextButton.click();
+    await this.page.waitForLoadState("networkidle");
+  }
+
+  public async clickPrevPage(): Promise<void> {
+    await this.paginationPrevButton.click();
+    await this.page.waitForLoadState("networkidle");
+  }
+
+  public async getActionsTableRowCount(): Promise<number> {
+    const rows = this.page.locator("table tbody tr");
+    const isTableVisible = await this.actionsTable.isVisible();
+
+    if (!isTableVisible) {
+      return 0;
+    }
+
+    return rows.count();
+  }
+
+  public async getActionSubjects(): Promise<Array<string>> {
+    const rows = this.page.locator("table tbody tr td:nth-child(2)");
+    const count = await rows.count();
+    const subjects: Array<string> = [];
+
+    for (let i = 0; i < count; i++) {
+      const text = await rows.nth(i).textContent();
+
+      if (text !== null) {
+        subjects.push(text.trim());
+      }
+    }
+
+    return subjects;
+  }
+
+  public async isEmptyStateDisplayed(): Promise<boolean> {
+    return this.emptyStateMessage.isVisible();
+  }
+
+  public async isPaginationVisible(): Promise<boolean> {
+    return this.paginationNextButton.isVisible();
+  }
+
+  public async isTableDisplayed(): Promise<boolean> {
+    return this.actionsTable.isVisible();
+  }
+
+  public async navigateToRequiredActionsPage(): Promise<void> {
+    await this.navigateTo(BrowsePage.getRequiredActionsUrl());
+    await expect(this.pageHeading).toBeVisible({ timeout: 10_000 });
+  }
+
+  public async triggerAndMarkDagRun(dagId: string, state: MarkRunAsState): Promise<void> {
+    const dagsPage = new DagsPage(this.page);
+    const dagRunId = await dagsPage.triggerDag(dagId);
+
+    if (dagRunId !== null) {
+      await this.page.goto(`/dags/${dagId}/runs/${dagRunId}`);
+
+      const markDagRunButton = this.page.getByTestId("mark-run-as-button");
+
+      await expect(markDagRunButton).toBeVisible({ timeout: 20_000 });
+      await markDagRunButton.click();
+
+      const stateOption = this.page.getByTestId(`mark-run-as-${state}`);
+
+      await expect(stateOption).toBeVisible({ timeout: 20_000 });
+      await stateOption.click();
+
+      const confirmButton = this.page.getByTestId("mark-run-as-confirm");
+
+      await expect(confirmButton).toBeVisible({ timeout: 20_000 });
+      await confirmButton.click();
+
+      await expect(confirmButton).not.toBeVisible({ timeout: 20_000 });
+
+      const expectedState = state === "success" ? "Success" : "Failed";
+      const stateBadge = this.page.getByTestId("state-badge").first();
+
+      await expect(stateBadge).toBeVisible({ timeout: 20_000 });
+      await expect(stateBadge).toContainText(expectedState, { timeout: 20_000 });
+
+      await this.navigateToRequiredActionsPage();
+      await this.page.getByTestId("filter-bar-add-button").click();
+      await this.page.getByLabel("Filter", { exact: true }).getByText("Required Action State").click();
+      await this.page.locator('[id="select:_r_c_:trigger"]').click();
+      await this.page.getByText("Pending").click();
+      await this.page.getByText("No Required Actions found").click();
+    }
+  }
+}
diff --git a/airflow-core/src/airflow/ui/tests/e2e/specs/browse.spec.ts b/airflow-core/src/airflow/ui/tests/e2e/specs/browse.spec.ts
new file mode 100644
index 0000000000000..9b2dc68dc4b3c
--- /dev/null
+++ b/airflow-core/src/airflow/ui/tests/e2e/specs/browse.spec.ts
@@ -0,0 +1,108 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { expect, test } from "@playwright/test";
+import { AUTH_FILE } from "playwright.config";
+
+import { BrowsePage } from "../pages/BrowsePage";
+
+const hitlDagId = "example_hitl_operator";
+
+test.describe("Verify Required Action page", () => {
+  test.describe.configure({ mode: "serial" });
+
+  test.beforeAll(async ({ browser }) => {
+    test.setTimeout(120_000);
+
+    const context = await browser.newContext({ storageState: AUTH_FILE });
+
+    const page = await context.newPage();
+    const browsePage = new BrowsePage(page);
+
+    await browsePage.triggerAndMarkDagRun(hitlDagId, "success");
+    await browsePage.triggerAndMarkDagRun(hitlDagId, "failed");
+    await context.close();
+  });
+
+  test("Verify the actions list/table is displayed (or empty state if none)", async ({ page }) => {
+    const browsePage = new BrowsePage(page);
+
+    await browsePage.navigateToRequiredActionsPage();
+
+    const isTableVisible = await browsePage.isTableDisplayed();
+    const isEmptyStateVisible = await browsePage.isEmptyStateDisplayed();
+
+    expect(isTableVisible || isEmptyStateVisible).toBe(true);
+
+    if (isTableVisible) {
+      await expect(browsePage.actionsTable).toBeVisible();
+
+      const dagIdHeader = page.locator('th:has-text("Dag ID")');
+      const taskIdHeader = page.locator('th:has-text("Task ID")');
+      const dagRunIdHeader = page.locator('th:has-text("Dag Run ID")');
+      const responseCreatedHeader = page.locator('th:has-text("Response created at")');
+      const responseReceivedHeader = page.locator('th:has-text("Response received at")');
+
+      await expect(dagIdHeader).toBeVisible();
+      await expect(taskIdHeader).toBeVisible();
+      await expect(dagRunIdHeader).toBeVisible();
+      await expect(responseCreatedHeader).toBeVisible();
+      await expect(responseReceivedHeader).toBeVisible();
+    } else {
+      await expect(browsePage.emptyStateMessage).toBeVisible();
+    }
+  });
+
+  test("Verify Pagination", async ({ page }) => {
+    const browsePage = new BrowsePage(page);
+
+    await browsePage.navigateToRequiredActionsPage();
+
+    const isTableVisible = await browsePage.isTableDisplayed();
+
+    if (!isTableVisible) {
+      return;
+    }
+
+    const isPaginationVisible = await browsePage.isPaginationVisible();
+
+    if (!isPaginationVisible) {
+      return;
+    }
+
+    await expect(browsePage.paginationNextButton).toBeVisible();
+    await expect(browsePage.paginationPrevButton).toBeVisible();
+
+    const initialSubjects = await browsePage.getActionSubjects();
+
+    expect(initialSubjects.length).toBeGreaterThan(0);
+
+    await browsePage.clickNextPage();
+
+    const subjectsAfterNext = await browsePage.getActionSubjects();
+
+    expect(subjectsAfterNext.length).toBeGreaterThan(0);
+    expect(subjectsAfterNext).not.toEqual(initialSubjects);
+
+    await browsePage.clickPrevPage();
+
+    const subjectsAfterPrev = await browsePage.getActionSubjects();
+
+    expect(subjectsAfterPrev).toEqual(initialSubjects);
+  });
+});
diff --git a/providers/standard/src/airflow/providers/standard/example_dags/example_hitl_operator.py b/providers/standard/src/airflow/providers/standard/example_dags/example_hitl_operator.py
index fd93eccd84189..aa6b734f1b66e 100644
--- a/providers/standard/src/airflow/providers/standard/example_dags/example_hitl_operator.py
+++ b/providers/standard/src/airflow/providers/standard/example_dags/example_hitl_operator.py
@@ -76,6 +76,7 @@ def notify(self, context: Context) -> None:
     dag_id="example_hitl_operator",
     start_date=pendulum.datetime(2021, 1, 1, tz="UTC"),
     catchup=False,
+    is_paused_upon_creation=False,
     tags=["example", "HITL"],
 ):
     # [START howto_hitl_entry_operator]