Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
1 change: 1 addition & 0 deletions workspaces/global-header/.eslintignore
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
playwright.config.ts
e2e-tests/
3 changes: 3 additions & 0 deletions workspaces/global-header/.gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -53,3 +53,6 @@ site

# E2E test reports
e2e-test-report/
**/e2e-test-report*/
**/test-results/
**/playwright-report/
2 changes: 1 addition & 1 deletion workspaces/global-header/backstage.json
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
{
"version": "1.45.2"
"version": "1.49.2"
}
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@ test('Verify Global header to be visible', async ({
await runAccessibilityTests(page, testInfo);
});

test('Verify Hover texts to be visible', async ({}, testInfo: TestInfo) => {
test('Verify Hover texts to be visible', async () => {
const { globalHeader, starredItems, appLauncher, help, notifications } =
getHeaderElements();

Expand Down Expand Up @@ -143,7 +143,7 @@ test('Verify Hover texts to be visible', async ({}, testInfo: TestInfo) => {
`);
});

test('Verify Search functionality and results', async ({}, testInfo: TestInfo) => {
test('Verify Search functionality and results', async () => {
const { search } = getHeaderElements();
const searchQuery = 'example-website';
const expectedUrl = /\/example-website/;
Expand All @@ -162,7 +162,7 @@ test('Verify Search functionality and results', async ({}, testInfo: TestInfo) =
await expect(page.locator('h1')).toContainText(searchQuery);
});

test('Verify Self-service functionality', async ({}, testInfo: TestInfo) => {
test('Verify Self-service functionality', async () => {
const { selfService } = getHeaderElements();
await selfService.click();
await expect(page.getByRole('menu')).toMatchAriaSnapshot(`
Expand All @@ -178,9 +178,8 @@ test('Verify Self-service functionality', async ({}, testInfo: TestInfo) => {
await page.keyboard.press('Escape');
});

test('Verify Starred items functionality', async ({}, testInfo: TestInfo) => {
test('Verify Starred items functionality', async () => {
const { starredItems, companyLogo } = getHeaderElements();
const entityName = 'example-website';

await starredItems.click();
await expect(page.getByRole('menu')).toMatchAriaSnapshot(`
Expand All @@ -203,7 +202,7 @@ test('Verify Starred items functionality', async ({}, testInfo: TestInfo) => {
await page.keyboard.press('Escape');
});

test('Verify Application launcher functionality', async ({}, testInfo: TestInfo) => {
test('Verify Application launcher functionality', async () => {
const { appLauncher } = getHeaderElements();
await appLauncher.click();
await expect(page.getByRole('menu')).toMatchAriaSnapshot(`
Expand All @@ -219,7 +218,7 @@ test('Verify Application launcher functionality', async ({}, testInfo: TestInfo)
await page.keyboard.press('Escape');
});

test('Verify Help functionality', async ({}, testInfo: TestInfo) => {
test('Verify Help functionality', async () => {
const { help } = getHeaderElements();
await help.click();
await expect(
Expand All @@ -231,7 +230,7 @@ test('Verify Help functionality', async ({}, testInfo: TestInfo) => {
await page.keyboard.press('Escape');
});

test('Verify Notifications functionality', async ({}, testInfo: TestInfo) => {
test('Verify Notifications functionality', async () => {
const { notifications } = getHeaderElements();

await notifications.click();
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,27 +16,32 @@

// These translation files are not exported by the package, so relative imports are necessary for e2e tests
/* eslint-disable @backstage/no-relative-monorepo-imports */
import { globalHeaderMessages } from '../../../../plugins/global-header/src/translations/ref.js';
import globalHeaderTranslationDe from '../../../../plugins/global-header/src/translations/de.js';
import globalHeaderTranslationEs from '../../../../plugins/global-header/src/translations/es.js';
import globalHeaderTranslationFr from '../../../../plugins/global-header/src/translations/fr.js';
import globalHeaderTranslationIt from '../../../../plugins/global-header/src/translations/it.js';
import globalHeaderTranslationJa from '../../../../plugins/global-header/src/translations/ja.js';
import { globalHeaderMessages } from '../../plugins/global-header/src/translations/ref.js';
import globalHeaderTranslationDe from '../../plugins/global-header/src/translations/de.js';
import globalHeaderTranslationEs from '../../plugins/global-header/src/translations/es.js';
import globalHeaderTranslationFr from '../../plugins/global-header/src/translations/fr.js';
import globalHeaderTranslationIt from '../../plugins/global-header/src/translations/it.js';
import globalHeaderTranslationJa from '../../plugins/global-header/src/translations/ja.js';
/* eslint-enable @backstage/no-relative-monorepo-imports */

export type GlobalHeaderMessages = typeof globalHeaderMessages;

function transform(messages: typeof globalHeaderTranslationDe.messages) {
const result = Object.keys(messages).reduce((res, key) => {
const path = key.split('.');
const lastIndex = path.length - 1;
path.reduce((acc, currentPath, i) => {
acc[currentPath] =
lastIndex === i ? messages[key] : acc[currentPath] || {};
return acc[currentPath];
}, res);
return res;
}, {});
const result = Object.keys(messages).reduce<Record<string, any>>(
(res, key) => {
const path = key.split('.');
const lastIndex = path.length - 1;
path.reduce<Record<string, any>>((acc, currentPath, i) => {
acc[currentPath] =
lastIndex === i
? messages[key as keyof typeof messages]
: acc[currentPath] || {};
return acc[currentPath] as Record<string, any>;
}, res);

Check warning on line 40 in workspaces/global-header/e2e-tests/utils/translations.ts

View check run for this annotation

SonarQubeCloud / SonarCloud Code Analysis

The return value of "reduce" must be used.

See more on https://sonarcloud.io/project/issues?id=redhat-developer_rhdh-plugins&issues=AZ0mMNYTlX_po0yyiDn9&open=AZ0mMNYTlX_po0yyiDn9&pullRequest=2608
return res;
},
{},
);

return result as GlobalHeaderMessages;
}
Expand Down
16 changes: 11 additions & 5 deletions workspaces/global-header/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
"tsc": "tsc",
"tsc:full": "tsc --skipLibCheck true --incremental false",
"start": "backstage-cli repo start",
"start:legacy": "backstage-cli repo start packages/app-legacy packages/backend",
"start-backend": "yarn workspace backend start",
"build:backend": "yarn workspace backend build",
"build-image": "yarn workspace backend build-image",
Expand All @@ -19,7 +20,11 @@
"clean": "backstage-cli repo clean",
"test": "backstage-cli repo test",
"test:all": "backstage-cli repo test --coverage",
"test:e2e": "playwright test",
"test:e2e": "yarn test:e2e:legacy",
"test:e2e:legacy": "APP_MODE=legacy playwright test",
"test:e2e:nfs": "APP_MODE=nfs playwright test",
"test:e2e:all": "yarn test:e2e:legacy && yarn test:e2e:nfs",
"playwright": "bash -c 'if [[ $@ == test ]]; then yarn test:e2e:legacy; else npx playwright \"$@\"; fi' _",
"fix": "backstage-cli repo fix",
"lint": "backstage-cli repo lint --since origin/main",
"lint:all": "backstage-cli repo lint",
Expand All @@ -40,16 +45,17 @@
"directory": "workspaces/global-header"
},
"devDependencies": {
"@backstage/cli": "^0.34.5",
"@backstage/e2e-test-utils": "^0.1.1",
"@backstage/repo-tools": "^0.16.0",
"@backstage/cli": "^0.36.0",
"@backstage/cli-defaults": "^0.1.0",
"@backstage/e2e-test-utils": "^0.1.2",
"@backstage/repo-tools": "^0.17.0",
"@changesets/cli": "^2.27.1",
"@playwright/test": "1.58.2",
"@spotify/prettier-config": "^12.0.0",
"knip": "^5.27.4",
"node-gyp": "^9.0.0",
"prettier": "^2.3.2",
"typescript": "~5.3.0"
"typescript": "~5.8.0"
},
"resolutions": {
"@types/react": "^18",
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
public
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
module.exports = require('@backstage/cli/config/eslint-factory')(__dirname);
87 changes: 87 additions & 0 deletions workspaces/global-header/packages/app-legacy/package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
{
"name": "app-legacy",
"version": "0.0.0",
"private": true,
"bundled": true,
"repository": {
"type": "git",
"url": "https://github.com/redhat-developer/rhdh-plugins",
"directory": "workspaces/global-header/packages/app-legacy"
},
"backstage": {
"role": "frontend"
},
"scripts": {
"start": "backstage-cli package start",
"build": "backstage-cli package build",
"clean": "backstage-cli package clean",
"test": "backstage-cli package test",
"lint": "backstage-cli package lint"
},
"dependencies": {
"@backstage/app-defaults": "^1.7.6",
"@backstage/catalog-model": "^1.7.7",
"@backstage/cli": "^0.36.0",
"@backstage/core-app-api": "^1.19.6",
"@backstage/core-components": "^0.18.8",
"@backstage/core-plugin-api": "^1.12.4",
"@backstage/integration-react": "^1.2.16",
"@backstage/plugin-api-docs": "^0.13.5",
"@backstage/plugin-catalog": "^2.0.1",
"@backstage/plugin-catalog-common": "^1.1.8",
"@backstage/plugin-catalog-graph": "^0.6.0",
"@backstage/plugin-catalog-import": "^0.13.11",
"@backstage/plugin-catalog-react": "^2.1.0",
"@backstage/plugin-kubernetes": "^0.12.17",
"@backstage/plugin-notifications": "^0.5.15",
"@backstage/plugin-org": "^0.7.0",
"@backstage/plugin-permission-react": "^0.4.41",
"@backstage/plugin-scaffolder": "^1.36.1",
"@backstage/plugin-search": "^1.7.0",
"@backstage/plugin-search-react": "^1.11.0",
"@backstage/plugin-signals": "^0.0.29",
"@backstage/plugin-techdocs": "^1.17.2",
"@backstage/plugin-techdocs-module-addons-contrib": "^1.1.34",
"@backstage/plugin-techdocs-react": "^1.3.9",
"@backstage/plugin-user-settings": "^0.9.1",
"@backstage/theme": "^0.7.2",
"@backstage/ui": "^0.13.1",
"@material-ui/core": "^4.12.2",
"@material-ui/icons": "^4.9.1",
"@mui/icons-material": "5.18.0",
"@mui/material": "5.18.0",
"@red-hat-developer-hub/backstage-plugin-global-header": "workspace:^",
"@red-hat-developer-hub/backstage-plugin-global-header-test": "workspace:^",
"@red-hat-developer-hub/backstage-plugin-theme": "^0.12.0",
"react": "^18.0.2",
"react-dom": "^18.0.2",
"react-router": "^6.3.0",
"react-router-dom": "^6.3.0"
},
"devDependencies": {
"@axe-core/playwright": "^4.10.0",
"@backstage/test-utils": "^1.7.16",
"@playwright/test": "1.58.2",
"@testing-library/dom": "^9.0.0",
"@testing-library/jest-dom": "^6.0.0",
"@testing-library/react": "^14.0.0",
"@testing-library/user-event": "^14.0.0",
"@types/react-dom": "*",
"cross-env": "^7.0.0"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"files": [
"dist"
]
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
60 changes: 60 additions & 0 deletions workspaces/global-header/packages/app-legacy/public/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Backstage is an open source framework for building developer portals"
/>
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link
rel="manifest"
href="<%= publicPath %>/manifest.json"
crossorigin="use-credentials"
/>
<link rel="icon" href="<%= publicPath %>/favicon.ico" />
<link rel="shortcut icon" href="<%= publicPath %>/favicon.ico" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="<%= publicPath %>/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="<%= publicPath %>/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="<%= publicPath %>/favicon-16x16.png"
/>
<link
rel="mask-icon"
href="<%= publicPath %>/safari-pinned-tab.svg"
color="#5bbad5"
/>
<title><%= config.getOptionalString('app.title') ?? 'Backstage' %></title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.

You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.

To begin the development, run `yarn start`.
To create a production bundle, use `yarn build`.
-->
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
"short_name": "Backstage",
"name": "Backstage",
"icons": [
{
"src": "favicon.ico",
"sizes": "48x48",
"type": "image/png"
}
],
"start_url": "./index.html",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
# https://www.robotstxt.org/robotstxt.html
User-agent: *
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
44 changes: 44 additions & 0 deletions workspaces/global-header/packages/app-legacy/src/App.test.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
/*
* Copyright Red Hat, Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

import { render, waitFor } from '@testing-library/react';
import App from './App';

describe('App', () => {
it('should render', async () => {
process.env = {
NODE_ENV: 'test',
APP_CONFIG: [
{
data: {
app: { title: 'Test' },
backend: { baseUrl: 'http://localhost:7007' },
techdocs: {
storageUrl: 'http://localhost:7007/api/techdocs/static/docs',
},
},
context: 'test',
},
] as any,
};

const rendered = render(<App />);

await waitFor(() => {
expect(rendered.baseElement).toBeInTheDocument();
});
});
});
Loading
Loading