Add integration test for library with theme and theme designer resources

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/.theming

@@ -0,0 +1,5 @@
+{
+  "sEntity": "Library",
+  "sId": "theme/j",
+  "sVersion": "1.0.0"
+}

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/themes/somefancytheme/.theming

@@ -0,0 +1,6 @@
+{
+  "sEntity": "Theme",
+  "sId": "somefancytheme",
+  "sVendor": "SAP",
+  "oExtends": "base"
+}

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/themes/somefancytheme/Button.less

@@ -0,0 +1,3 @@
+.someClass {
+	color: @someColor
+}

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/themes/somefancytheme/css_variables.css

@@ -0,0 +1,3 @@
+:root{--someColor:#000}
+/* Inline theming parameters */
+#sap-ui-theme-theme\.j{background-image:url('data:text/plain;utf-8,%7B%22someColor%22%3A%22%23000%22%7D')}

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/themes/somefancytheme/css_variables.less

@@ -0,0 +1,14 @@
+/* NOTE: This file was generated as an optimized version of "css_variables.source.less" for the Theme Designer. */
+
+@import "../base/css_variables.less";
+
+/* START "css_variables.source.less" */
+@someColor: #000000;
+
+:root {
+--someColor: @someColor;
+}
+
+/* END "css_variables.source.less" */
+
+@import "../../../../sap/ui/core/themes/somefancytheme/global.less";

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/themes/somefancytheme/css_variables.source.less

@@ -0,0 +1,5 @@
+@someColor: #000000;
+
+:root {
+--someColor: @someColor;
+}

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/themes/somefancytheme/library-RTL.css

@@ -0,0 +1,3 @@
+.someClass{color:#000}
+/* Inline theming parameters */
+#sap-ui-theme-theme\.j{background-image:url('data:text/plain;utf-8,%7B%22someColor%22%3A%22%23000%22%7D')}

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/themes/somefancytheme/library-parameters.json

@@ -0,0 +1 @@
+{"someColor":"#000"}

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/themes/somefancytheme/library.css

@@ -0,0 +1,3 @@
+.someClass{color:#000}
+/* Inline theming parameters */
+#sap-ui-theme-theme\.j{background-image:url('data:text/plain;utf-8,%7B%22someColor%22%3A%22%23000%22%7D')}

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/themes/somefancytheme/library.less

@@ -0,0 +1,10 @@
+/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */
+
+@someColor: black;
+/* START "Button.less" */
+.someClass {
+	color: @someColor
+}
+
+/* END "Button.less" */
+

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/themes/somefancytheme/library.source.less

@@ -0,0 +1,2 @@
+@someColor: black;
+@import "Button.less";

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/themes/somefancytheme/library_skeleton-RTL.css

@@ -0,0 +1 @@
+.someClass{color:var(--someColor)}

test/expected/build/theme.j/dest-css-variables-theme-designer-resources/resources/theme/j/themes/somefancytheme/library_skeleton.css

@@ -0,0 +1 @@
+.someClass{color:var(--someColor)}

test/lib/builder/builder.js

@@ -952,6 +952,26 @@ test.serial("Build library with theme configured for CSS variables", (t) => {
 	});
 });
 
+test.serial("Build library with theme configured for CSS variables and theme designer resources", (t) => {
+	const destPath = "./test/tmp/build/theme.j/dest-css-variables-theme-designer-resources";
+	const expectedPath = "./test/expected/build/theme.j/dest-css-variables-theme-designer-resources";
+	return builder.build({
+		tree: themeJTree,
+		cssVariables: true,
+		destPath,
+		includedTasks: ["generateThemeDesignerResources"]
+	}).then(() => {
+		return findFiles(expectedPath);
+	}).then((expectedFiles) => {
+		// Check for all directories and files
+		assert.directoryDeepEqual(destPath, expectedPath);
+
+		return checkFileContentsIgnoreLineFeeds(t, expectedFiles, expectedPath, destPath);
+	}).then(() => {
+		t.pass();
+	});
+});
+
 test.serial("Build theme-library with CSS variables", (t) => {
 	const destPath = "./test/tmp/build/theme.library.e/dest-css-variables";
 	const expectedPath = "./test/expected/build/theme.library.e/dest-css-variables";
@@ -971,7 +991,7 @@ test.serial("Build theme-library with CSS variables", (t) => {
 	});
 });
 
-test.serial("Build theme-library with CSS variables and Theme Designer Resources", (t) => {
+test.serial("Build theme-library with CSS variables and theme designer resources", (t) => {
 	const destPath = "./test/tmp/build/theme.library.e/dest-css-variables-theme-designer-resources";
 	const expectedPath = "./test/expected/build/theme.library.e/dest-css-variables-theme-designer-resources";
 	return builder.build({