fix popular repo pw tests

Author: xbhouse

_playwright-tests/UI/PopularRepo.spec.ts

@@ -3,6 +3,7 @@ import { navigateToRepositories } from './helpers/navHelpers';
 import { closePopupsIfExist, getRowByNameOrUrl } from './helpers/helpers';
 import { deleteAllPopularRepos } from './helpers/deletePopularRepositories';
 
+const repoName10 = 'EPEL 10 Everything x86_64';
 const repoName9 = 'EPEL 9 Everything x86_64';
 const repoName8 = 'EPEL 8 Everything x86_64';
 
@@ -21,25 +22,40 @@ test.describe('Popular Repositories', () => {
       await expect(page.getByRole('button', { name: 'Add selected repositories' })).toBeVisible();
     });
 
-    await test.step('Select EPEL 9', async () => {
+     await test.step('Select EPEL 10', async () => {
       await page
-        .getByRole('row', { name: repoName9 })
+        .getByRole('row', { name: repoName10 })
         .getByLabel('Select row 0', { exact: true })
         .click();
       await page.getByTestId('add-selected-dropdown-toggle-no-snap');
       await page.getByRole('menuitem', { name: 'Add 1 repositories without snapshotting' });
     });
 
+    await test.step('Select EPEL 9', async () => {
+      await page
+        .getByRole('row', { name: repoName9 })
+        .getByLabel('Select row 1', { exact: true })
+        .click();
+      await page.getByTestId('add-selected-dropdown-toggle-no-snap');
+      await page.getByRole('menuitem', { name: 'Add 2 repositories without snapshotting' });
+    });
+
     await test.step('Select EPEL 8 and add both repos', async () => {
       await page
         .getByRole('row', { name: repoName8 })
-        .getByLabel('Select row 1', { exact: true })
+        .getByLabel('Select row 2', { exact: true })
         .click();
       await page.getByTestId('add-selected-dropdown-toggle-no-snap').click();
-      await page.getByRole('menuitem', { name: 'Add 2 repositories without snapshotting' }).click();
+      await page.getByRole('menuitem', { name: 'Add 3 repositories without snapshotting' }).click();
     });
 
     await test.step('Check buttons have changed from Add to Remove', async () => {
+      await expect(
+        page
+          .getByRole('row', { name: repoName10 })
+          .getByTestId('remove_popular_repo')
+          .getByText('Remove'),
+      ).toBeVisible();
       await expect(
         page
           .getByRole('row', { name: repoName8 })
@@ -67,6 +83,16 @@ test.describe('Popular Repositories', () => {
       await expect(page.getByTestId('custom_repositories_table')).toBeVisible();
     });
 
+    await test.step('Use kebab menu to delete a repo', async () => {
+      await page.getByRole('textbox', { name: 'Filter by name/url' }).fill(repoName10);
+      await page.getByRole('checkbox', { name: 'Select row 0' }).check();
+
+      await page.getByTestId('custom_repositories_kebab_toggle').click();
+      await page.getByRole('menuitem', { name: 'Remove 1 repositories' }).click();
+      // Confirm the removal in the pop-up
+      await page.getByRole('button', { name: 'Remove' }).click();
+    });
+
     await test.step('Use kebab menu to delete a repo', async () => {
       await page.getByRole('textbox', { name: 'Filter by name/url' }).fill(repoName8);
       await page.getByRole('checkbox', { name: 'Select row 0' }).check();