Changed title text test so that it wont fail on useTranslation hook, that gets called with the title text instead of static string before changes. Changed the name of the locale file so that it follows plugin__<name-of-the-plugin> convention. Added a test-frontend.sh script that checks if the strings in the plugin have been localized using i18n.

console-extensions.json

@@ -11,7 +11,7 @@
     "type": "console.navigation/href",
     "properties": {
       "id": "example",
-      "name": "Plugin Example",
+      "name": "%plugin__console-plugin-template~Plugin Example%",
       "href": "/example",
       "perspective": "admin",
       "section": "home"

i18next-parser.config.js

@@ -3,14 +3,13 @@ const { CustomJSONLexer } = require('./i18n-scripts/lexers');
 
 // eslint-disable-next-line no-undef
 module.exports = {
-  input: ['src/**/*.{js,jsx,ts,tsx}'],
   sort: true,
   createOldCatalogs: false,
   keySeparator: false,
   locales: ['en'],
   namespaceSeparator: '~',
   reactNamespace: false,
-  defaultNamespace: 'plugin__crontab-plugin',
+  defaultNamespace: 'plugin__console-plugin-template',
   useKeysAsDefaultValue: true,
 
   // see below for more details

integration-tests/tests/example-page.cy.ts

@@ -76,7 +76,7 @@ describe('Console plugin template test', () => {
     cy.get('[data-test="nav"]').contains('Plugin Example').click();
     cy.url().should('include', '/example');
     cy.get('[data-test="example-page-title"]').should(
-      'contain',
+      'include.text',
       'Hello, Plugin!',
     );
   });

locales/en/plugin__console-plugin.json → locales/en/plugin__console-plugin-template.json

@@ -6,6 +6,7 @@
   "Hello, Plugin!": "Hello, Plugin!",
   "in package.json mapping the reference to the module.": "in package.json mapping the reference to the module.",
   "Nice!": "Nice!",
+  "Plugin Example": "Plugin Example",
   "This is a custom page contributed by the console plugin template. The extension that adds the page is declared in console-extensions.json in the project root along with the corresponding nav item. Update console-extensions.json to change or add extensions. Code references in console-extensions.json must have a corresonding property": "This is a custom page contributed by the console plugin template. The extension that adds the page is declared in console-extensions.json in the project root along with the corresponding nav item. Update console-extensions.json to change or add extensions. Code references in console-extensions.json must have a corresonding property",
   "Your plugin is working.": "Your plugin is working."
-}
+}

src/components/ExamplePage.tsx

@@ -12,7 +12,7 @@ import { useTranslation } from 'react-i18next';
 
 
 export default function ExamplePage() {
-  const { t } = useTranslation('plugin__console-plugin');
+  const { t } = useTranslation('plugin__console-plugin-template');
 
   return (
     <>
@@ -28,19 +28,18 @@ export default function ExamplePage() {
             <Text component="p">
               <span className="console-plugin-template__nice">
                 {t('Nice!')}
-              </span>
+              </span>{' '}
               {t('Your plugin is working.')}
             </Text>
             <Text component="p">
               {t(
                 'This is a custom page contributed by the console plugin template. The extension that adds the page is declared in console-extensions.json in the project root along with the corresponding nav item. Update console-extensions.json to change or add extensions. Code references in console-extensions.json must have a corresonding property',
               )}
-              This is a custom page contributed by the console plugin template.
               <code>{t('exposedModules')}</code>{' '}
               {t('in package.json mapping the reference to the module.')}
             </Text>
             <Text component="p">
-            {t('After cloning this project, replace references to')}{' '}
+              {t('After cloning this project, replace references to')}{' '}
               <code>{t('console-template-plugin')}</code>{' '}
               {t(
                 'and other plugin metadata in package.json with values for your plugin.',

test-frontend.sh

@@ -0,0 +1,15 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
+# https://ci-operator-configresolver-ui-ci.apps.ci.l2s4.p1.openshiftapps.com/help#env
+OPENSHIFT_CI=${OPENSHIFT_CI:=false}
+ARTIFACT_DIR=${ARTIFACT_DIR:=/tmp/artifacts}
+
+yarn i18n
+GIT_STATUS="$(git status --short --untracked-files -- public/locales packages/**/locales)"
+if [ -n "$GIT_STATUS" ]; then
+  echo "i18n files are not up to date. Run 'yarn i18n' then commit changes."
+  git --no-pager diff
+  exit 1
+fi