feat(extensions): migrate to NFS (#2527)

* feat(extensions): migrate to NFS

* Fix tests for extensions nfs

---------

Co-authored-by: sanketpathak <spathak@redhat.com>

Author: debsmita1

workspaces/extensions/.changeset/large-cougars-draw.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-extensions': minor
+---
+
+Migrated plugin to NFS

workspaces/extensions/.eslintignore

@@ -1,4 +1,5 @@
 playwright.config.ts
+e2e-tests/
 .eslintrc.js
 .prettierrc.js
 coverage

workspaces/extensions/.gitignore

@@ -51,5 +51,5 @@ site
 *.session.sql
 
 # E2E test reports
-e2e-test-report/
+e2e-test-report*/
 test-results/

workspaces/extensions/app-config.yaml

@@ -1,6 +1,22 @@
 app:
   title: Backstage App
   baseUrl: http://localhost:3000
+  packages: all
+
+  extensions:
+    - page:catalog:
+        config:
+          path: /
+    - api:app/app-language:
+        config:
+          availableLanguages: ['en', 'de', 'es', 'fr', 'it', 'ja']
+          defaultLanguage: 'en'
+    - nav-item:user-settings: false
+    - nav-item:search: false
+    - nav-item:home: false
+    - nav-item:catalog:
+        config:
+          title: 'Home'
 
 organization:
   name: My Company
@@ -128,6 +144,11 @@ permission:
     pluginsWithPermission:
       - catalog
       - extensions
+    admin:
+      superUsers:
+        - name: user:development/guest
+      users:
+        - name: user:development/guest
 
 extensions:
   # directory: ../../examples # YAML files are in the examples directory

…ackages/app/e2e-tests/extensions.test.ts …/extensions/e2e-tests/extensions.test.tsworkspaces/extensions/packages/app/e2e-tests/extensions.test.ts renamed to workspaces/extensions/e2e-tests/extensions.test.ts workspaces/extensions/packages/app/e2e-tests/extensions.test.ts renamed to workspaces/extensions/e2e-tests/extensions.test.ts

@@ -18,7 +18,6 @@ import { test, expect, Page, type BrowserContext } from '@playwright/test';
 import { Extensions } from './pages/extensions';
 import { runAccessibilityTests } from './utils/accessibility';
 import { ExtensionHelper } from './utils/helper';
-import { skipIfLocales } from './utils/localeSkip';
 import { ExtensionsMessages, getTranslations } from './utils/translations';
 
 /**
@@ -124,10 +123,10 @@ test.describe('Admin > Extensions', () => {
     test('Verify support type filters in extensions', async ({
       browser: _browser,
     }, testInfo) => {
-      skipIfLocales(
-        testInfo,
-        ['de', 'es'],
-        'Missing badges in de/es - https://issues.redhat.com/browse/RHDHBUGS-2793',
+      // Below can be removed after bug https://redhat.atlassian.net/browse/RHDHBUGS-2821 is fixed
+      test.fixme(
+        testInfo.project.name === 'es' || testInfo.project.name === 'de',
+        'Skip Spanish and German tests',
       );
       await extensions.selectDropdown(`${translations.search.supportType}`);
       await extensions.supportFilters();
@@ -137,10 +136,10 @@ test.describe('Admin > Extensions', () => {
     test('Verify certified badge in extensions', async ({
       browser: _browser,
     }, testInfo) => {
-      skipIfLocales(
-        testInfo,
-        ['de', 'es'],
-        'Missing badges in de/es - https://issues.redhat.com/browse/RHDHBUGS-2793',
+      // Below can be removed after bug https://redhat.atlassian.net/browse/RHDHBUGS-2821 is fixed
+      test.fixme(
+        testInfo.project.name === 'es' || testInfo.project.name === 'de',
+        'Skip Spanish and German tests',
       );
       await extensions.selectDropdown(`${translations.search.supportType}`);
       await extensions.toggleOption(translations.badges.certified);
@@ -171,10 +170,10 @@ test.describe('Admin > Extensions', () => {
     test('Verify Generally available badge in extensions', async ({
       browser: _browser,
     }, testInfo) => {
-      skipIfLocales(
-        testInfo,
-        ['de', 'es'],
-        'Missing badges in de/es - https://issues.redhat.com/browse/RHDHBUGS-2793',
+      // Below can be removed after bug https://redhat.atlassian.net/browse/RHDHBUGS-2821 is fixed
+      test.fixme(
+        testInfo.project.name === 'es' || testInfo.project.name === 'de',
+        'Skip Spanish and German tests',
       );
       await extensions.selectSupportTypeFilter(
         translations.badges.generallyAvailable,
@@ -208,10 +207,10 @@ test.describe('Admin > Extensions', () => {
     test('Verify custom plugin badge in extensions', async ({
       browser: _browser,
     }, testInfo) => {
-      skipIfLocales(
-        testInfo,
-        ['de', 'es'],
-        'Missing badges in de/es - https://issues.redhat.com/browse/RHDHBUGS-2793',
+      // Below can be removed after bug https://redhat.atlassian.net/browse/RHDHBUGS-2821 is fixed
+      test.fixme(
+        testInfo.project.name === 'es' || testInfo.project.name === 'de',
+        'Skip Spanish and German tests',
       );
       await extensions.selectSupportTypeFilter(
         translations.badges.customPlugin,
@@ -238,10 +237,10 @@ test.describe('Admin > Extensions', () => {
     test('Verify tech preview badge in extensions', async ({
       browser: _browser,
     }, testInfo) => {
-      skipIfLocales(
-        testInfo,
-        ['de', 'es'],
-        'Missing badges in de/es - https://issues.redhat.com/browse/RHDHBUGS-2793',
+      // Below can be removed after bug https://redhat.atlassian.net/browse/RHDHBUGS-2821 is fixed
+      test.fixme(
+        testInfo.project.name === 'es' || testInfo.project.name === 'de',
+        'Skip Spanish and German tests',
       );
       await extensions.verifySupportTypeBadge({
         supportType: translations.badges.techPreview,
@@ -255,11 +254,13 @@ test.describe('Admin > Extensions', () => {
       });
     });
 
-    test('Verify dev preview badge in extensions', async ({}, testInfo) => {
-      skipIfLocales(
-        testInfo,
-        ['de', 'es'],
-        'Missing badges in de/es - https://issues.redhat.com/browse/RHDHBUGS-2793',
+    test('Verify dev preview badge in extensions', async ({
+      browser: _browser,
+    }, testInfo) => {
+      // Below can be removed after bug https://redhat.atlassian.net/browse/RHDHBUGS-2821 is fixed
+      test.fixme(
+        testInfo.project.name === 'es' || testInfo.project.name === 'de',
+        'Skip Spanish and German tests',
       );
       await extensions.selectSupportTypeFilter(translations.badges.devPreview);
       await extensionHelper.verifyHeading('Extensions');
@@ -278,10 +279,10 @@ test.describe('Admin > Extensions', () => {
     test('Verify community plugin badge in extensions', async ({
       browser: _browser,
     }, testInfo) => {
-      skipIfLocales(
-        testInfo,
-        ['de', 'es'],
-        'Missing badges in de/es - https://issues.redhat.com/browse/RHDHBUGS-2793',
+      // Below can be removed after bug https://redhat.atlassian.net/browse/RHDHBUGS-2821 is fixed
+      test.fixme(
+        testInfo.project.name === 'es' || testInfo.project.name === 'de',
+        'Skip Spanish and German tests',
       );
       await extensions.selectSupportTypeFilter(
         translations.badges.communityPlugin,

…ckages/app/e2e-tests/pages/extensions.ts …extensions/e2e-tests/pages/extensions.tsworkspaces/extensions/packages/app/e2e-tests/pages/extensions.ts renamed to workspaces/extensions/e2e-tests/pages/extensions.ts workspaces/extensions/packages/app/e2e-tests/pages/extensions.ts renamed to workspaces/extensions/e2e-tests/pages/extensions.ts

@@ -16,12 +16,12 @@
 
 // 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 { extensionsMessages } from '../../../../plugins/extensions/src/translations/ref.js';
-import extensionsTranslationDe from '../../../../plugins/extensions/src/translations/de.js';
-import extensionsTranslationEs from '../../../../plugins/extensions/src/translations/es.js';
-import extensionsTranslationFr from '../../../../plugins/extensions/src/translations/fr.js';
-import extensionsTranslationIt from '../../../../plugins/extensions/src/translations/it.js';
-import extensionsTranslationJa from '../../../../plugins/extensions/src/translations/ja.js';
+import { extensionsMessages } from '../../plugins/extensions/src/alpha/translations/ref.js';
+import extensionsTranslationDe from '../../plugins/extensions/src/alpha/translations/de.js';
+import extensionsTranslationEs from '../../plugins/extensions/src/alpha/translations/es.js';
+import extensionsTranslationFr from '../../plugins/extensions/src/alpha/translations/fr.js';
+import extensionsTranslationIt from '../../plugins/extensions/src/alpha/translations/it.js';
+import extensionsTranslationJa from '../../plugins/extensions/src/alpha/translations/ja.js';
 /* eslint-enable @backstage/no-relative-monorepo-imports */
 
 export type ExtensionsMessages = typeof extensionsMessages;

…ges/app/e2e-tests/utils/accessibility.ts …ensions/e2e-tests/utils/accessibility.tsworkspaces/extensions/packages/app/e2e-tests/utils/accessibility.ts renamed to workspaces/extensions/e2e-tests/utils/accessibility.ts workspaces/extensions/packages/app/e2e-tests/utils/accessibility.ts renamed to workspaces/extensions/e2e-tests/utils/accessibility.ts

@@ -7,6 +7,7 @@
   },
   "scripts": {
     "start": "backstage-cli repo start",
+    "start:legacy": "yarn start app-legacy backend",
     "start-backend": "yarn workspace backend start",
     "build:backend": "yarn workspace backend build",
     "tsc": "tsc",
@@ -19,7 +20,10 @@
     "clean": "backstage-cli repo clean",
     "test": "backstage-cli repo test --detectOpenHandles",
     "test:all": "backstage-cli repo test --coverage --detectOpenHandles",
-    "test:e2e": "playwright test",
+    "test:legacy": "APP_MODE=legacy playwright test",
+    "test:nfs": "APP_MODE=nfs playwright test",
+    "test:e2e:ci": "yarn test:legacy && yarn test:nfs",
+    "playwright": "sh -c 'if [ \"$1\" = test ] && [ $# -eq 1 ]; then yarn test:e2e:ci; else exec playwright \"$@\"; fi' _",
     "fix": "backstage-cli repo fix",
     "lint": "backstage-cli repo lint --since origin/main",
     "lint:all": "backstage-cli repo lint",