diff --git a/js/apps/admin-ui/test/realm-roles/main.spec.ts b/js/apps/admin-ui/test/realm-roles/main.spec.ts
index 747f5e34bc8..c6ee5635b31 100644
--- a/js/apps/admin-ui/test/realm-roles/main.spec.ts
+++ b/js/apps/admin-ui/test/realm-roles/main.spec.ts
@@ -10,11 +10,7 @@ import {
   fillAttributeData,
   goToAttributesTab,
 } from "../utils/attributes.ts";
-import {
-  assertRequiredFieldError,
-  clickCancelButton,
-  clickSaveButton,
-} from "../utils/form.ts";
+import { assertRequiredFieldError, clickSaveButton } from "../utils/form.ts";
 import { login } from "../utils/login.ts";
 import { assertNotificationMessage } from "../utils/masthead.ts";
 import { confirmModal } from "../utils/modal.ts";
@@ -60,7 +56,7 @@ test.describe.serial("Realm roles test", () => {
 
     await fillRoleData(page, "admin");
     await clickSaveButton(page);
-    await clickCancelButton(page);
+    await goToRealmRoles(page);
 
     await clickCreateRoleButton(page);
     await fillRoleData(page, "admin");
diff --git a/js/apps/admin-ui/test/realm-roles/main.ts b/js/apps/admin-ui/test/realm-roles/main.ts
index 9f2979e59f5..1f6e56c6015 100644
--- a/js/apps/admin-ui/test/realm-roles/main.ts
+++ b/js/apps/admin-ui/test/realm-roles/main.ts
@@ -1,7 +1,7 @@
 import { type Page, expect } from "@playwright/test";
 
 export async function clickCreateRoleButton(page: Page) {
-  await page.locator("text=Create role").click();
+  await page.getByTestId("create-role").click();
 }
 
 export async function goToAssociatedRolesTab(page: Page) {