Exclude survey-core/themes from survey-creator-core bundle (#5812)

* work for #5773 Exclude survey-core/themes from survey-creator-core bundle * Fixed unit tests * Fixed f and vr -tests - loaded themes * Fixed test pages - load themes * Fixed error if themes hasn't been loaded * Added empty default theme json --------- Co-authored-by: OlgaLarina <[email protected]> Co-authored-by: tsv2013 <[email protected]>
surveyjs · Sep 5, 2024 · 802712e · 802712e
1 parent 33d010a
commit 802712e
Show file tree

Hide file tree

Showing 35 changed files with 47 additions and 16 deletions.
diff --git a/packages/survey-creator-core/src/components/tabs/theme-model.ts b/packages/survey-creator-core/src/components/tabs/theme-model.ts
@@ -14,7 +14,7 @@ import { updateCustomQuestionJSONs } from "./theme-custom-questions";
 
 export * from "./header-model";
 
-Object.keys(LibraryThemes).forEach(libraryThemeName => {
+Object.keys(LibraryThemes || {}).forEach(libraryThemeName => {
   const libraryTheme: ITheme = LibraryThemes[libraryThemeName];
   const creatorThemeVariables = {};
   const creatorTheme = {};
@@ -89,7 +89,7 @@ export function getThemeChanges(fullTheme: ITheme, baseTheme?: ITheme) {
 }
 
 export class ThemeModel extends Base implements ITheme {
-  public static DefaultTheme = Themes["default-light"];
+  public static DefaultTheme = Themes["default-light"] || {};
   public undoRedoManager: UndoRedoManager;
   private themeCssVariablesChanges: { [index: string]: string } = {};
   private colorCalculator = new ColorCalculator();

diff --git a/packages/survey-creator-core/webpack.config.js b/packages/survey-creator-core/webpack.config.js
@@ -179,18 +179,18 @@ module.exports = function (options) {
       umdNamedDefine: true
     },
     externals: {
-      knockout: {
-        root: "ko",
-        commonjs2: "knockout",
-        commonjs: "knockout",
-        amd: "knockout",
-      },
       "survey-core": {
         root: "Survey",
         commonjs2: "survey-core",
         commonjs: "survey-core",
         amd: "survey-core",
       },
+      "survey-core/themes": {
+        root: "SurveyTheme",
+        commonjs2: "survey-core/themes",
+        commonjs: "survey-core/themes",
+        amd: "survey-core/themes",
+      },
     },
     plugins: [
       new DashedNamePlugin(),

diff --git a/packages/survey-creator-js/testCafe/by-page.html b/packages/survey-creator-js/testCafe/by-page.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-js.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>

diff --git a/packages/survey-creator-js/testCafe/dropdown-collapse-view.html b/packages/survey-creator-js/testCafe/dropdown-collapse-view.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-js.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>

diff --git a/packages/survey-creator-js/testCafe/preview-theme-switcher.html b/packages/survey-creator-js/testCafe/preview-theme-switcher.html
@@ -12,6 +12,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-js.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>

diff --git a/packages/survey-creator-js/testCafe/testcafe-no-license.html b/packages/survey-creator-js/testCafe/testcafe-no-license.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-js.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>

diff --git a/packages/survey-creator-js/testCafe/testcafe-theme-tab.html b/packages/survey-creator-js/testCafe/testcafe-theme-tab.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-js.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>

diff --git a/packages/survey-creator-js/testCafe/testcafe-widget.html b/packages/survey-creator-js/testCafe/testcafe-widget.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-js.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>

diff --git a/packages/survey-creator-js/testCafe/testcafe.html b/packages/survey-creator-js/testCafe/testcafe.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-js.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>

diff --git a/packages/survey-creator-js/testCafe/testcafe_localized_ui.html b/packages/survey-creator-js/testCafe/testcafe_localized_ui.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-js.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>

diff --git a/packages/survey-creator-js/testCafe/theme-for-preview-option.html b/packages/survey-creator-js/testCafe/theme-for-preview-option.html
@@ -12,6 +12,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-js.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-js-ui/survey-js-ui.js"></script>

diff --git a/packages/survey-creator-knockout/example/index.html b/packages/survey-creator-knockout/example/index.html
@@ -21,6 +21,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> -->
 
   <script src="../node_modules/survey-core/survey.core.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-knockout-ui/survey-knockout-ui.js"></script>
   <link rel="stylesheet" type="text/css" href="../node_modules/survey-core/defaultV2.css" />
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>

diff --git a/packages/survey-creator-knockout/index.html b/packages/survey-creator-knockout/index.html
@@ -22,6 +22,7 @@
 
   <script src="./node_modules/survey-core/survey.core.js"></script>
   <script src="./node_modules/survey-core/survey.i18n.min.js"></script>
+  <script src="./node_modules/survey-core/themes/index.js"></script>
   <script src="./node_modules/survey-knockout-ui/survey-knockout-ui.js"></script>
   <script src="./node_modules/survey-creator-core/survey-creator-core.js"></script>
 

diff --git a/packages/survey-creator-knockout/jest.config.js b/packages/survey-creator-knockout/jest.config.js
@@ -12,7 +12,7 @@ module.exports = {
   moduleNameMapper: {
     "\\.(css|scss)$": "<rootDir>/tests/empty-module.js",
     "\\.(jpg|png)$": "<rootDir>/tests/empty-module.js",
-    "survey-core": "<rootDir>/node_modules/survey-core",
+    "^survey-core(.*)$": "<rootDir>/node_modules/survey-core$1",
     "survey-creator-core": "<rootDir>/node_modules/survey-creator-core",
     "survey-knockout-ui": "<rootDir>/node_modules/survey-knockout-ui",
     "tslib": "<rootDir>/node_modules/tslib",

diff --git a/packages/survey-creator-knockout/testCafe/by-page.html b/packages/survey-creator-knockout/testCafe/by-page.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-knockout.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
 

diff --git a/packages/survey-creator-knockout/testCafe/dropdown-collapse-view.html b/packages/survey-creator-knockout/testCafe/dropdown-collapse-view.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-knockout.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
 
@@ -25,7 +26,7 @@
   </div>
   <script>
     window.surveyJSFramework = "ko";
-    const creator = new SurveyCreator.SurveyCreator({maxVisibleChoices: 5});
+    const creator = new SurveyCreator.SurveyCreator({ maxVisibleChoices: 5 });
     window.creator = creator;
     ko.applyBindings({ creator: creator });
   </script>

diff --git a/packages/survey-creator-knockout/testCafe/preview-theme-switcher.html b/packages/survey-creator-knockout/testCafe/preview-theme-switcher.html
@@ -12,6 +12,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-knockout.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
 

diff --git a/packages/survey-creator-knockout/testCafe/testcafe-no-license.html b/packages/survey-creator-knockout/testCafe/testcafe-no-license.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-knockout.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
 

diff --git a/packages/survey-creator-knockout/testCafe/testcafe-theme-tab.html b/packages/survey-creator-knockout/testCafe/testcafe-theme-tab.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-knockout.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
 

diff --git a/packages/survey-creator-knockout/testCafe/testcafe-widget.html b/packages/survey-creator-knockout/testCafe/testcafe-widget.html
@@ -12,6 +12,7 @@
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-knockout-ui/survey-knockout-ui.js"></script>
   <script src="../build/survey-creator-knockout.js"></script>
   <script src="./sc.js"></script>

diff --git a/packages/survey-creator-knockout/testCafe/testcafe.html b/packages/survey-creator-knockout/testCafe/testcafe.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-knockout.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
 

diff --git a/packages/survey-creator-knockout/testCafe/testcafe_localized_ui.html b/packages/survey-creator-knockout/testCafe/testcafe_localized_ui.html
@@ -10,6 +10,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-knockout.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
 

diff --git a/packages/survey-creator-knockout/testCafe/theme-for-preview-option.html b/packages/survey-creator-knockout/testCafe/theme-for-preview-option.html
@@ -12,6 +12,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-knockout.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
 
@@ -27,7 +28,7 @@
   </div>
   <script>
     window.surveyJSFramework = "ko";
-    const creator = new SurveyCreator.SurveyCreator({themeForPreview: "modern"});
+    const creator = new SurveyCreator.SurveyCreator({ themeForPreview: "modern" });
     window.creator = creator;
     ko.applyBindings({ creator: creator });
   </script>

diff --git a/packages/survey-creator-react/example/index.html b/packages/survey-creator-react/example/index.html
@@ -22,11 +22,12 @@
     <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> -->
 
-  <script src="http://127.0.0.1:7766/build/survey-core/survey.core.js"></script>
-  <script src="http://127.0.0.1:7766/build/survey-react-ui/survey-react-ui.js"></script>
+  <script src="../../node_modules/survey-core/survey.core.js"></script>
+  <script src="../../node_modules/survey-core/themes/index.js"></script>
+  <script src="../../node_modules/survey-react-ui/survey-react-ui.js"></script>
   <script src="../../survey-creator-core/build/survey-creator-core.js"></script>
   <script src="../build/survey-creator-react.js"></script>
-  <link rel="stylesheet" type="text/css" href="http://127.0.0.1:7766/build/survey-core/defaultV2.css" />
+  <link rel="stylesheet" type="text/css" href="../../node_modules/survey-core/defaultV2.css" />
   <link rel="stylesheet" type="text/css" href="../../survey-creator-core/build/survey-creator-core.css" />
 </head>
 

diff --git a/packages/survey-creator-react/index.html b/packages/survey-creator-react/index.html
@@ -13,9 +13,10 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script>
 
   <script src="./node_modules/survey-core/survey.core.js"></script>
+  <script src="./node_modules/survey-core/survey.i18n.min.js"></script>
+  <script src="./node_modules/survey-core/themes/index.js"></script>
   <script src="./node_modules/survey-react-ui/survey-react-ui.js"></script>
   <script src="./node_modules/survey-creator-core/survey-creator-core.js"></script>
-  <script src="./node_modules/survey-core/survey.i18n.min.js"></script>
 
   <!--<script src="./build/survey-creator-react.js"></script>-->
   <link rel="stylesheet" type="text/css" href="./node_modules/survey-core/defaultV2.css" />

diff --git a/packages/survey-creator-react/jest.config.js b/packages/survey-creator-react/jest.config.js
@@ -12,7 +12,7 @@ module.exports = {
     "\\.(css|scss)$": "<rootDir>/tests/empty-module.js",
     "\\.(jpg|png)$": "<rootDir>/tests/empty-module.js",
     "^react(.*)$": "<rootDir>/node_modules/react$1",
-    "survey-core": "<rootDir>/node_modules/survey-core",
+    "^survey-core(.*)$": "<rootDir>/node_modules/survey-core$1",
     "survey-creator-core": "<rootDir>/node_modules/survey-creator-core",
     "survey-react-ui": "<rootDir>/node_modules/survey-react-ui",
     "tslib": "<rootDir>/node_modules/tslib",

diff --git a/packages/survey-creator-react/testCafe/by-page.html b/packages/survey-creator-react/testCafe/by-page.html
@@ -11,6 +11,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-react.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-react-ui/survey-react-ui.js"></script>

diff --git a/packages/survey-creator-react/testCafe/dropdown-collapse-view.html b/packages/survey-creator-react/testCafe/dropdown-collapse-view.html
@@ -11,6 +11,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-react.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-react-ui/survey-react-ui.js"></script>

diff --git a/packages/survey-creator-react/testCafe/preview-theme-switcher.html b/packages/survey-creator-react/testCafe/preview-theme-switcher.html
@@ -13,6 +13,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-react.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-react-ui/survey-react-ui.js"></script>

diff --git a/packages/survey-creator-react/testCafe/testcafe-no-license.html b/packages/survey-creator-react/testCafe/testcafe-no-license.html
@@ -11,6 +11,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-react.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-react-ui/survey-react-ui.js"></script>

diff --git a/packages/survey-creator-react/testCafe/testcafe-theme-tab.html b/packages/survey-creator-react/testCafe/testcafe-theme-tab.html
@@ -11,6 +11,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-react.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-react-ui/survey-react-ui.js"></script>

diff --git a/packages/survey-creator-react/testCafe/testcafe-widget.html b/packages/survey-creator-react/testCafe/testcafe-widget.html
@@ -11,6 +11,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-react.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-react-ui/survey-react-ui.js"></script>

diff --git a/packages/survey-creator-react/testCafe/testcafe.html b/packages/survey-creator-react/testCafe/testcafe.html
@@ -11,6 +11,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-react.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-react-ui/survey-react-ui.js"></script>

diff --git a/packages/survey-creator-react/testCafe/testcafe_localized_ui.html b/packages/survey-creator-react/testCafe/testcafe_localized_ui.html
@@ -11,6 +11,7 @@
   <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-react.min.css" /> -->
   <script src="../node_modules/survey-core/survey.core.js"></script>
   <script src="../node_modules/survey-core/survey.i18n.js"></script>
+  <script src="../node_modules/survey-core/themes/index.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.js"></script>
   <script src="../node_modules/survey-creator-core/survey-creator-core.i18n.js"></script>
   <script src="../node_modules/survey-react-ui/survey-react-ui.js"></script>