Lisbet Alvarez
b1b49edb39
* 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
102 lines
2.6 KiB
JavaScript
102 lines
2.6 KiB
JavaScript
/**
|
|
* Copyright IBM Corp. 2021, 2026
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import { expect, test } from '../fixtures/baseTest.js';
|
|
import * as boundaryHttp from '../../helpers/boundary-http.js';
|
|
|
|
let orgA;
|
|
let projectA;
|
|
let targetA;
|
|
|
|
let orgB;
|
|
let projectB;
|
|
let targetB;
|
|
|
|
test.beforeEach(async ({ request, targetAddress, targetPort }) => {
|
|
// Group A resources
|
|
orgA = await boundaryHttp.createOrg(request);
|
|
projectA = await boundaryHttp.createProject(request, orgA.id);
|
|
targetA = await boundaryHttp.createTarget(request, {
|
|
scopeId: projectA.id,
|
|
type: 'tcp',
|
|
port: targetPort,
|
|
address: targetAddress,
|
|
});
|
|
|
|
// Group B resources
|
|
orgB = await boundaryHttp.createOrg(request);
|
|
projectB = await boundaryHttp.createProject(request, orgB.id);
|
|
targetB = await boundaryHttp.createTarget(request, {
|
|
scopeId: projectB.id,
|
|
type: 'tcp',
|
|
port: targetPort,
|
|
address: targetAddress,
|
|
});
|
|
});
|
|
|
|
test.afterEach(async ({ request }) => {
|
|
if (orgA) {
|
|
await boundaryHttp.deleteOrg(request, orgA.id);
|
|
}
|
|
|
|
if (orgB) {
|
|
await boundaryHttp.deleteOrg(request, orgB.id);
|
|
}
|
|
});
|
|
|
|
test.describe('Scope tests', () => {
|
|
test('Shows the filtered targets based on selected scope', async ({
|
|
authedPage,
|
|
}) => {
|
|
const headerNavLocator = authedPage.locator(
|
|
'header .app-header__global-actions',
|
|
);
|
|
await expect(headerNavLocator).toBeVisible();
|
|
await expect(
|
|
headerNavLocator.locator('.hds-dropdown-toggle-button'),
|
|
).toHaveText('Global', { ignoreCase: true });
|
|
|
|
await expect(
|
|
authedPage.getByRole('link', { name: targetA.name }),
|
|
).toBeVisible();
|
|
await expect(
|
|
authedPage.getByRole('link', { name: targetB.name }),
|
|
).toBeVisible();
|
|
|
|
await headerNavLocator.click();
|
|
const orgAHeaderNavLink = authedPage.getByRole('option', {
|
|
name: orgA.name,
|
|
});
|
|
await orgAHeaderNavLink.click();
|
|
|
|
await expect(
|
|
headerNavLocator.locator('.hds-dropdown-toggle-button'),
|
|
).toHaveText(orgA.name);
|
|
await expect(
|
|
authedPage.getByRole('link', { name: targetA.name }),
|
|
).toBeVisible();
|
|
await expect(
|
|
authedPage.getByRole('link', { name: targetB.name }),
|
|
).toBeHidden();
|
|
|
|
const orgBHeaderNavLink = authedPage.getByRole('option', {
|
|
name: orgB.name,
|
|
});
|
|
await expect(orgBHeaderNavLink).toBeVisible();
|
|
|
|
await orgBHeaderNavLink.click();
|
|
|
|
await expect(
|
|
headerNavLocator.locator('.hds-dropdown-toggle-button'),
|
|
).toHaveText(orgB.name);
|
|
await expect(
|
|
authedPage.getByRole('link', { name: targetB.name }),
|
|
).toBeVisible();
|
|
await expect(
|
|
authedPage.getByRole('link', { name: targetA.name }),
|
|
).toBeHidden();
|
|
});
|
|
});
|