Skip to content

GPU-2653 Add UI for API Token Management #869

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
dominikschatz wants to merge 9 commits into
base: f-gpu-2631
Choose a base branch
from
Open

GPU-2653 Add UI for API Token Management #869

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
fb085fa
GPU-2653 Add UI for API Token Management
dominikschatz Aug 26, 2026
98eae9b
GPU-2653 adjust tests, move copy-token-modal to cms-components, small…
dominikschatz Aug 26, 2026
4a3c84b
GPU-2653: Review changes & cleanup
deckdom Aug 26, 2026
b398203
GPU-2653 refactor calendar functionality and fix small issue with tim…
dominikschatz Aug 31, 2026
1b2bb60
GPU--2653 fix date-picker issues, adapt tests
dominikschatz Sep 2, 2026
899ec77
Fix build errors
npomaroli Sep 3, 2026
0aeb4e1
GPU-2653 add mesh api token documentation
dominikschatz Sep 4, 2026
eb990d3
GPU-2653 add mesh api token documentation
dominikschatz Sep 7, 2026
9a54b67
GPU-2653 add documetation for API Tokens
dominikschatz Sep 7, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 7 additions & 12 deletions cms-ui/apps/admin-ui/e2e/api-tokens.spec.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,10 @@ import {
TestSize,
UserImportData,
} from '@gentics/e2e-utils';
import { expect, Page, test } from '@playwright/test';
import { expect, Locator, Page, test } from '@playwright/test';
import { cloneWithSymbols } from '@gentics/common';
import { AccessControlledType, GcmsPermission, LoginResponse } from '@gentics/cms-models';
import { setGtxDateFromXpath } from './helpers';

const API_MODAL = 'gtx-api-tokens-modal';
const API_CREATE_MODAL = 'gtx-api-tokens-create-modal';
Expand Down Expand Up @@ -120,29 +121,23 @@ test.describe('Api Tokens', () => {

await expect(submitBtn.locator('button')).toBeEnabled();

const dateInput = form.locator('input[type="date"]');
const dateInput = form.locator('gtx-date-time-picker');

// fill with date from yesterday
const yesterday = new Date();
yesterday.setDate(yesterday.getDate() - 1);

await dateInput.fill(yesterday.toISOString().split('T')[0]);
await setGtxDateFromXpath(page, dateInput, 'xpath=preceding-sibling::td[1]');

await expect(submitBtn.locator('button')).toBeDisabled();

// fill with date from tomorrow
const tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);

await dateInput.fill(tomorrow.toISOString().split('T')[0]);
await setGtxDateFromXpath(page, dateInput, 'xpath=following-sibling::td[2]');

await expect(submitBtn.locator('button')).toBeEnabled();

await submitBtn.click();

await expect(page.locator('.success-message')).toBeVisible();
await expect(page.locator('gtx-api-copy-token-modal')).toBeVisible();
await expect(findNotification(page, 'api-token-create-success')).toBeVisible();
await expect(page.locator('.success-message').locator('.content')).toHaveText(/\S+/);
await expect(page.locator('gtx-api-copy-token-modal').locator('.content')).toHaveText(/\S+/);
});

test('can delete Api Tokens', async ({ page }) => {
Expand Down
8 changes: 7 additions & 1 deletion cms-ui/apps/admin-ui/e2e/helpers.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ export async function navigateToModule(page: Page, moduleId: string): Promise<Lo
* Logs out from the mesh management interface
*/
export async function logoutMeshManagement(page: Page): Promise<void> {
const req = page.waitForResponse(response =>
const req = page.waitForResponse((response) =>
response.ok() && matchesPath(response.url(), '/rest/contentrepositories/*/proxy/api/v2/auth/logout'),
);
await page.locator('.management-container .logout-button').click();
Expand All @@ -42,3 +42,9 @@ export async function loginWithCR(page: Page, shouldBeLoggedIn: boolean = true):
export function findEntityTableActionButton(source: Page | Locator, action: string): Locator {
return source.locator(`.entity-table-actions-bar .table-action-button[data-action="${action}"] button`);
}

export async function setGtxDateFromXpath(page: Page, dateInput: Locator, xPath: string): Promise<void> {
await dateInput.click();
await page.locator('gtx-date-time-picker-modal').locator('td.rd-day-selected').locator(xPath).click();
await page.locator('gtx-date-time-picker-modal').locator('[data-action="confirm"] button').click();
}
Loading