fix(client): apply i18n prefix to test-runner (#62523)

client/gatsby-config.js

@@ -5,11 +5,11 @@ const {
   replaceChallengeNodes,
   localeChallengesRootDir
 } = require('./utils/build-challenges');
+const { pathPrefix } = require('./utils/gatsby/path-prefix');
 
-const { clientLocale, curriculumLocale, homeLocation } = envData;
+const { curriculumLocale, homeLocation } = envData;
 
 const curriculumIntroRoot = path.resolve(__dirname, './src/pages');
-const pathPrefix = clientLocale === 'english' ? '' : '/' + clientLocale;
 
 module.exports = {
   flags: {

client/src/templates/Challenges/utils/frame.ts

@@ -12,6 +12,7 @@ import type {
   PythonDocument
 } from '../../../../../tools/client-plugins/browser-scripts';
 import { Hooks } from '../../../redux/prop-types';
+import { pathPrefix } from '../../../../utils/gatsby/path-prefix';
 
 export const helperVersion = _helperVersion;
 
@@ -85,7 +86,7 @@ export const scrollManager = new ScrollManager();
 export const mainPreviewId = 'fcc-main-frame';
 // the project preview frame demos the finished project
 export const projectPreviewId = 'fcc-project-preview-frame';
-const ASSET_PATH = `/js/test-runner/${helperVersion}/`;
+const ASSET_PATH = `${pathPrefix}/js/test-runner/${helperVersion}/`;
 
 const DOCUMENT_NOT_FOUND_ERROR = 'misc.document-notfound';
 

client/utils/gatsby/path-prefix.js

@@ -0,0 +1,5 @@
+const envData = require('../../config/env.json');
+
+const { clientLocale } = envData;
+
+exports.pathPrefix = clientLocale === 'english' ? '' : '/' + clientLocale;