Merge pull request #1102 from bryceosterhaus/qaScripts

chore(js-toolkit): add qa scripts for theme spritemap cet

Author: bryceosterhaus

projects/js-toolkit/packages/js-toolkit-core/src/project/liferayCli/Build.ts

@@ -58,6 +58,7 @@ export default class Build {
 					config as CustomElementBuildConfig
 				);
 				break;
+
 			case 'themeSpritemap':
 				this.type = 'themeSpritemap';
 				this.dir = project.dir.join('build');

projects/js-toolkit/packages/js-toolkit-core/src/project/liferayCli/Dist.ts

@@ -30,6 +30,7 @@ export default class Dist {
 				this.file = this.dir.join(bundler2Project.jar.outputFilename);
 				break;
 			}
+
 			case 'themeSpritemap':
 				this.dir = project.dir.join('dist');
 				this.file = this.dir.join(`${project.dir.basename()}.zip`);

projects/js-toolkit/scripts/qa/index.js

@@ -16,6 +16,7 @@ const {
 	generateCreateReactApp,
 	generatePortlet,
 	generateRemoteApp,
+	generateThemeSpritemapClientExtension,
 	generateVueCli,
 	logStep,
 	spawn,
@@ -124,6 +125,11 @@ async function main() {
 		generateAngularCli('angular-cli-portlet');
 		generateCreateReactApp('create-react-app-portlet');
 		generateVueCli('vue-cli-portlet');
+		generateThemeSpritemapClientExtension('theme-spritemap-cet');
+		generateThemeSpritemapClientExtension(
+			'theme-spritemap-cet-extend-clay',
+			true
+		);
 	}
 
 	if (argv['build']) {
@@ -152,11 +158,11 @@ async function forEachProject(fn) {
 
 	for (const dirent of dirents) {
 		if (!dirent.isDirectory()) {
-			return;
+			continue;
 		}
 
 		if (dirent.name === 'tmp') {
-			return;
+			continue;
 		}
 
 		await fn(dirent.name);

projects/js-toolkit/scripts/qa/util.js

@@ -101,6 +101,53 @@ function generateRemoteApp(projectDirName, platform) {
 	writeLiferayJsonFile(projectDirName);
 }
 
+function generateThemeSpritemapClientExtension(
+	projectDirName,
+	extendClay = false
+) {
+	logStep(`GENERATE: ${projectDirName}`);
+
+	zapProjectDir(projectDirName);
+
+	fs.mkdirSync(path.join(testDir, projectDirName));
+
+	fs.mkdirSync(path.join(testDir, projectDirName, 'src'));
+
+	fs.writeFileSync(
+		path.join(testDir, projectDirName, 'src', 'cog.svg'),
+		'<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M451.1,280.9c2.3-15.5-0.5-39.3-1.9-50.1l48.5-32.2c13.4-9.3,17.6-27.1,9.9-41.4l-35.7-63c-7.9-14.7-25.7-20.8-41-14.2l-51.2,23.5c-12.9-10.4-34.3-21.9-49.9-28l-6.7-47.9C320.9,11.8,307.3,0,291.3,0l-70,0c-16.1,0-29.6,11.9-31.8,27.7l-6.5,46.9c-18.5,7.7-36.9,19.1-50.3,29.1L82.7,79.5c-14.7-5.8-30.4-4.5-38.4,9.2l-39.8,61c-7.9,13.4-4.9,30.5,7,40.6l50.3,40.2c-1.6,11.7-3,35.2-0.6,50.9l-47.4,32.6c-13.5,9.5-17.6,27.7-9.5,42l38.9,64.5c8.2,14.3,26,20.1,41.1,13.4l48.4-25.7c13.2,10.2,34.5,23.2,50.2,29.3l5.7,46.2c1.9,16.1,15.5,28.2,31.8,28.3l72.1,0.2c16.3,0,30-12.1,31.9-28.2l5.3-46.9c18.7-7.5,37.2-17.4,50.4-27.8l52.7,21.7c15.4,7.2,33.8,1.2,41.9-13.7l33.6-60.1c7.6-14.1,3.7-31.6-9.3-41L451.1,280.9z M256.4,343.4c-103.7,0-110.4-160,0-160C365.1,183.4,360.1,343.4,256.4,343.4z M504.1,318.2 M83.7,75.1" /></svg>'
+	);
+
+	fs.writeFileSync(
+		path.join(testDir, projectDirName, 'package.json'),
+		JSON.stringify({
+			dependencies: {
+				'@liferay/dxp-7.4': '*',
+			},
+			description: 'Sample Theme Spritemap',
+			name: projectDirName,
+			scripts: {
+				build: 'liferay build',
+				clean: 'liferay clean',
+				deploy: 'liferay deploy',
+			},
+			version: '1.0.0',
+		})
+	);
+
+	fs.writeFileSync(
+		path.join(testDir, projectDirName, 'liferay.json'),
+		JSON.stringify({
+			build: {
+				options: {
+					extendClay,
+				},
+				type: 'themeSpritemap',
+			},
+		})
+	);
+}
+
 function generateVueCli(projectDirName) {
 	logStep(`GENERATE: ${projectDirName}`);
 
@@ -181,6 +228,8 @@ function runScript(projectDirName, baseScriptName) {
 		});
 	});
 
+	console.log(projectDir, script);
+
 	spawn('yarn', [script], {
 		cwd: projectDir,
 	});
@@ -242,6 +291,7 @@ module.exports = {
 	generateCreateReactApp,
 	generatePortlet,
 	generateRemoteApp,
+	generateThemeSpritemapClientExtension,
 	generateVueCli,
 	logStep,
 	spawn,