Files
Lisbet Alvarez b1b49edb39 Refactor hds side nav to hds app side nav and header (#3032)
* refactor: 💡 use hds app header and app side nav

* style: 💄 fix dark-mode colors for side nav and app header

* style: 💄 cleanup

* style: 💄 simplify selector

* refactor: 💡 move util (param finder) to core addon

* refactor: 💡 move scope picker to core addon

* refactor: 💡 use hds header and app side nav in ui/desktop

* refactor: 💡 clean up ui/desktop files

* refactor: 💡 remove uneeded header components

* refactor: 💡 remove uneeded global layout

* Add missing copyright headers

* style: 💄 adjust foreground and background colors to fix contras

* style: 💄 remove uneeded stylelint disables

* style: 💄 fix dark mode styling in desktop ui

* refactor: 💡 readd user-select style

* test: 💍 fix tests + e2e tests for admin and desktop UIs

* refactor: 💡 clean up uneeded main elements and fix color link

* Add missing copyright headers

* fix: 🐛 e2e test selectors for ui/desktop

* style: 💄 revert link color change

* refactor: 💡 remove hds override

* fix: 🐛 scope dropdown for desktop

* fix: 🐛 max-height to desktop scope dropdown

* Add missing copyright headers

* chore: 🤖 update lockfile due to webpack update
2026-02-25 13:55:36 -08:00

109 lines
3.6 KiB
JavaScript

/**
* Copyright IBM Corp. 2021, 2026
* SPDX-License-Identifier: BUSL-1.1
*/
import { expect } from '@playwright/test';
import { nanoid } from 'nanoid';
import { BaseResourcePage } from './base-resource.js';
export class HostCatalogsPage extends BaseResourcePage {
/**
* Creates a new host catalog. Assumes you have selected the desired project.
* @returns Name of the host catalog
*/
async createHostCatalog() {
const hostCatalogName = 'Host Catalog ' + nanoid();
await this.page
.getByRole('navigation', { name: 'Primary' })
.getByRole('link', { name: 'Host Catalogs' })
.click();
await expect(
this.page.getByRole('heading', { name: 'Host Catalogs' }),
).toBeVisible();
const newButtonIsVisible = await this.page
.getByRole('link', { name: 'New', exact: true })
.isVisible();
if (newButtonIsVisible) {
await this.page.getByRole('link', { name: 'New', exact: true }).click();
} else {
await this.page
.getByRole('link', { name: 'New Host Catalog', exact: true })
.click();
}
await this.page.getByLabel('Name').fill(hostCatalogName);
await this.page.getByLabel('Description').fill('This is an automated test');
await this.page
.getByRole('group', { name: 'Type', exact: 'true' })
.getByLabel('Static')
.click();
await this.page.getByRole('button', { name: 'Save', exact: true }).click();
await this.dismissSuccessAlert();
await expect(
this.page
.getByRole('navigation', { name: 'breadcrumbs' })
.getByText(hostCatalogName),
).toBeVisible();
return hostCatalogName;
}
/**
* Creates a new host set. Assumes you have just created a new host catalog.
* @returns Name of the host set
*/
async createHostSet() {
const hostSetName = 'Host Set ' + nanoid();
await this.page.getByRole('link', { name: 'Host Sets' }).click();
await expect(
this.page
.getByRole('navigation', { name: 'breadcrumbs' })
.getByText('Host Sets'),
).toBeVisible();
const emptyLinkIsVisible = await this.page
.getByRole('link', { name: 'New', exact: true })
.isVisible();
if (emptyLinkIsVisible) {
await this.page.getByRole('link', { name: 'New', exact: true }).click();
} else {
await this.page.getByText('Manage').click();
await this.page.getByRole('link', { name: 'New Host Set' }).click();
}
await this.page.getByLabel('Name').fill(hostSetName);
await this.page.getByLabel('Description').fill('This is an automated test');
await this.page.getByRole('button', { name: 'Save', exact: true }).click();
await this.dismissSuccessAlert();
await expect(
this.page
.getByRole('navigation', { name: 'breadcrumbs' })
.getByText(hostSetName),
).toBeVisible();
return hostSetName;
}
/**
* Creates a new host in a host set. Assumes you have just created a new host set.
* @param {string} address Address of the host
* @returns Name of the host
*/
async createHostInHostSet(address) {
const hostName = 'Host ' + nanoid();
await this.page.getByText('Manage').click();
await this.page.getByRole('link', { name: 'Create and Add Host' }).click();
await this.page.getByLabel('Name').fill(hostName);
await this.page.getByLabel('Description').fill('This is an automated test');
await this.page.getByLabel('Address').fill(address);
await this.page.getByRole('button', { name: 'Save', exact: true }).click();
await this.dismissSuccessAlert();
await expect(this.page.getByRole('link', { name: hostName })).toBeVisible();
return hostName;
}
}