wip

Author: WilsonNet

dashboard/e2e/selectors/common.ts

@@ -0,0 +1,7 @@
+export const COMMON_SELECTORS = {
+  tableRow: 'tr',
+  tableHeader: 'th',
+
+  originDropdown: '[data-test-id="origin-dropdown"]',
+  originOption: (origin: string) => `[data-test-id="origin-option-${origin}"]`,
+} as const;

dashboard/e2e/selectors/index.ts

@@ -0,0 +1,3 @@
+export * from './common';
+export * from './tree-listing';
+export * from './tree-details';

dashboard/e2e/selectors/tree-details.ts

@@ -0,0 +1,73 @@
+export const TREE_DETAILS_SELECTORS = {
+  breadcrumbTreesLink: '[data-test-id="breadcrumb-trees-link"]',
+
+  treeHeaderTable: 'table',
+
+  tabs: {
+    builds: 'button:has-text("Builds")',
+    boots: 'button:has-text("Boots")',
+    tests: 'button:has-text("Tests")',
+  },
+
+  filters: {
+    button: 'button:has-text("Filters")',
+    drawer: 'aside',
+    filterButton: '[data-test-id="filter-button"]',
+    cancelButton: '[data-test-id="filter-cancel-button"]',
+    clearAllFilters: 'text="Clear all"',
+  },
+
+  buildHistoryGraph: 'img',
+
+  statusCard: {
+    title: '.flex-col:has(div:has-text("Build status"))',
+    titleFirst: '.flex-col:has(div:has-text("Build status"))',
+    statusButton: (status: string) => `[data-test-id="${status}"]`,
+  },
+
+  summaryCards: {
+    arch: 'text="Summary"',
+  },
+
+  issuesCard: {
+    title: 'text="Issues"',
+    button: 'button[aria-label="Issues"]',
+  },
+
+  buildTable: {
+    table: 'table',
+    statusFilters: {
+      all: 'button:has-text("All:")',
+      success: 'button:has-text("Success:")',
+      failed: 'button:has-text("Failed:")',
+      inconclusive: 'button:has-text("Inconclusive:")',
+    },
+    searchInput: 'input[placeholder*="Search"]',
+    detailsButton: '[data-test-id="details-button"]',
+  },
+
+  bootsTable: {
+    statusFilters: {
+      all: 'button:has-text("All:")',
+      success: 'button:has-text("Success:")',
+      failed: 'button:has-text("Failed:")',
+      inconclusive: 'button:has-text("Inconclusive:")',
+    },
+    detailsButton: '[data-test-id="details-button"]',
+  },
+
+  testsTable: {
+    statusFilters: {
+      all: 'button:has-text("All:")',
+      success: 'button:has-text("Success:")',
+      failed: 'button:has-text("Failed:")',
+      inconclusive: 'button:has-text("Inconclusive:")',
+    },
+    testItem: 'tr',
+    detailsButton: '[data-test-id="details-button"]',
+  },
+
+  configTable: {
+    link: (config: string) => `a:has-text("${config}")`,
+  },
+} as const;

dashboard/e2e/selectors/tree-listing.ts

@@ -0,0 +1,20 @@
+export const TREE_LISTING_SELECTORS = {
+  table: 'table',
+  treeColumnHeader: 'th button:has-text("Tree")',
+  branchColumnHeader: 'th button:has-text("Branch")',
+
+  intervalInput: 'input[type="number"][min="1"]',
+
+  itemsPerPageDropdown: '[role="listbox"]',
+  itemsPerPageOption: (value: string) => `[role="option"]:has-text("${value}")`,
+
+  searchInput: 'input[type="text"]',
+
+  nextPageButton: '[role="button"]:has-text(">")',
+  previousPageButton: '[role="button"]:has-text("<")',
+
+  treeNameCell: (treeName: string) => `td a:has-text("${treeName}")`,
+  firstTreeCell: 'td a',
+
+  breadcrumbTreesLink: '[data-test-id="breadcrumb-link"]:has-text("Trees")',
+} as const;

dashboard/e2e/tree-details.spec.ts

@@ -1,9 +1,6 @@
 import { test, expect } from '@playwright/test';
 
-import {
-  TREE_DETAILS_SELECTORS,
-  TREE_LISTING_SELECTORS,
-} from './e2e-selectors';
+import { TREE_DETAILS_SELECTORS, TREE_LISTING_SELECTORS } from './selectors';
 
 test.describe('Tree Details Page Tests', () => {
   test.beforeEach(async ({ page }) => {

dashboard/e2e/tree-listing.spec.ts

@@ -1,6 +1,10 @@
 import { test, expect } from '@playwright/test';
 
-import { TREE_LISTING_SELECTORS, COMMON_SELECTORS } from './e2e-selectors';
+import {
+  TREE_LISTING_SELECTORS,
+  COMMON_SELECTORS,
+  TREE_DETAILS_SELECTORS,
+} from './selectors';
 
 const PAGE_LOAD_TIMEOUT = 5000;
 const DEFAULT_ACTION_TIMEOUT = 1000;
@@ -88,7 +92,7 @@ test.describe('Tree Listing Page Tests', () => {
     expect(url).toMatch(/\/tree\/[^/]+\/[^/]+\/[^/]+$/);
 
     const breadcrumbLink = page.locator(
-      TREE_LISTING_SELECTORS.breadcrumbTreesLink,
+      TREE_DETAILS_SELECTORS.breadcrumbTreesLink,
     );
     await expect(breadcrumbLink).toBeVisible({ timeout: 15000 });
     await breadcrumbLink.click();