Added template creation steps to test case

To ensure it uses recently created repository with latest snapshot of
the same repository

Author: mayurilahane

_playwright-tests/UI/SnapshotRepo.spec.ts

@@ -130,7 +130,7 @@ test('Snapshot deletion', async ({ page }) => {
       await test.step(`Edit repository and create snapshot ${i}`, async () => {
         // Open the edit modal
         await row.getByLabel('Kebab toggle').click();
-        await row.getByRole('menuitem', { name: 'Edit' }).click();
+        await row.getByRole('menuitem', { name: 'Edit' }).click({ timeout: 60000 });
         await page
           .getByLabel('URL')
           .fill(`https://fedorapeople.org/groups/katello/fakerepos/zoo${i}/`);
@@ -143,16 +143,28 @@ test('Snapshot deletion', async ({ page }) => {
   await test.step('Verify the snapshot count for the repo.', async () => {
     const row = await getRowByNameOrUrl(page, repoName);
     await expect(row.getByText('Valid')).toBeVisible({ timeout: 60000 });
-    const snapshotCount = await row.getByTestId('snapshot_list_table').textContent();
+    await page.getByRole('button', { name: 'Kebab toggle' }).click();
+    await page.getByRole('menuitem', { name: 'View all snapshots' }).click();
+    await page.getByRole('checkbox', { name: 'Select all rows' }).check();
+    // Count the number of rows in the snapshot list table
+    const snapshotCount = (await page.getByTestId('snapshot_list_table').locator('tr').count()) - 1; // Subtract 1 for the header row
     // Create a template which uses the repo and assert that is uses the latest snapshot
+    await page.getByLabel('Close', { exact: true }).click();
     await navigateToTemplates(page);
-    await page.getByRole('button', { name: 'Add templates' }).first().click();
-    await expect(page.getByRole('dialog', { name: 'Add custom templates' })).toBeVisible();
-    await page.getByLabel('Name').fill(templateName);
-    await page.getByLabel('Repository').click();
-    await page.getByRole('option', { name: repoName }).locator('label').click();
-    await page.getByRole('button', { name: 'Save', exact: true }).click();
-    await expect(page.getByText('Valid')).toBeVisible({ timeout: 60000 });
+    await page.getByRole('button', { name: 'Add content template' }).click();
+    await page.getByRole('button', { name: 'Select architecture' }).click();
+    await page.getByRole('option', { name: 'aarch64' }).click();
+    await page.getByRole('button', { name: 'Select version' }).click();
+    await page.getByRole('option', { name: 'el9' }).click();
+    await page.getByRole('button', { name: 'Next', exact: true }).click();
+    await page.getByRole('button', { name: 'Next', exact: true }).click();
+    await row.getByRole('gridcell', { name: 'Select row' }).locator('label').click();
+    await page.getByRole('button', { name: 'Next', exact: true }).click();
+
+    await page.getByText('Use latest contentAlways use').click();
+    await page.getByRole('radio', { name: 'Use latest content' }).check();
+    await page.getByRole('button', { name: 'Next' }).click();
+
     // Verify the template is created and uses the latest snapshot
     const templateRow = await getRowByNameOrUrl(page, templateName);
     await expect(templateRow.getByText('Valid')).toBeVisible({ timeout: 60000 });
@@ -162,6 +174,19 @@ test('Snapshot deletion', async ({ page }) => {
     // Assert that the template snapshot count matches the repo snapshot count
     expect(templateSnapshotCount).toBe(snapshotCount);
     // Test deletion of a single snapshot.
+    // await test.step('Delete a single snapshot', async () => {
+    //   await templateRow.getByLabel('Kebab toggle').click();
+    //   await templateRow.getByRole('menuitem', { name: 'Delete' }).click();
+    //   await expect(page.getByText('Remove repositories?')).toBeVisible();
+    //   await Promise.all([
+    //     page.waitForResponse(
+    //       (resp) =>
+    //         resp.url().includes('bulk_delete') && resp.status() >= 200 && resp.status() < 300,
+    //     ),
+    //     page.getByRole('button', { name: 'Remove' }).click(),
+    //   ]);
+    //   await expect(templateRow).not.toBeVisible();
+    // });
     // Test bulk deletion of multiple snapshots.
   });
   await deleteAllRepos(page, `&search=${repoNamePrefix}`);