Frontend: Fix specific pod counter test failing build

Signed-off-by: Vincent T <[email protected]>

Author: vyncent-t

e2e-tests/tests/headlampPage.ts

@@ -127,6 +127,13 @@ export class HeadlampPage {
     expect(rowsDisplayed1).not.toBe(rowsDisplayed2);
   }
 
+  async checkPluginTitle(pluginName: string) {
+    await this.page.waitForLoadState('load');
+    await this.page.waitForSelector(`h2:has-text("${pluginName}")`);
+
+    expect(await this.page.locator('h2').textContent()).toBe(pluginName);
+  }
+
   async getRowsDisplayed() {
     const paginationCaption = this.page.locator("span:has-text(' of ')");
     const captionText = await paginationCaption.textContent();

e2e-tests/tests/pluginSetting.spec.ts

@@ -21,11 +21,12 @@ test('plugin settings page should have a table', async () => {
   await headlampPage.tableHasHeaders('table', expectedHeaders);
 });
 
-test('pod counter plugin should have setting option', async () => {
+test('pod counter plugin should have setting option', async ({ page }) => {
+  const headlampPage = new HeadlampPage(page);
   const pluginName = 'headlamp-pod-counter';
 
   await headlampPage.navigateTopage('/settings/plugins', /Plugin/);
   await headlampPage.clickOnPlugin(pluginName);
-  await headlampPage.hasTitleContaining(/Plugin Details/);
+  await headlampPage.checkPluginTitle(pluginName);
   await headlampPage.checkPageContent('Custom Error Message');
 });