feat(setup-elementor-env): allow enabling svg upload [ED-18594] (#29)

Author: Nevoss

.github/workflows/test-actions.yml

@@ -35,6 +35,7 @@ jobs:
               uses: ./actions/setup-elementor-env
               with:
                   env: 'testing'
+                  enable-svg-upload: true
                   experiments: |-
                       pages_panel:true
                       editor_v2:false

actions/setup-elementor-env/action.yml

@@ -6,6 +6,10 @@ inputs:
         description: Which wp-env environment to use (allowed values are `development` or `testing`)
         required: false
         default: 'testing'
+    enable-svg-upload:
+        required: false
+        description: Whether to enable SVG and JSON uploads or not
+        default: 'false'
     templates:
         required: false
         description: Paths to the Elementor templates directory, separated by new lines (e.g. `./path/to/elementor-templates \n ./another/path/to/elementor-templates`)

actions/setup-elementor-env/dist/index.js

@@ -5,14 +5,13 @@ import {
 	getArrayInput,
 	getMapInput,
 	getStringInput,
+	getBooleanInput,
 } from '@elementor-editor-github-actions/utils';
 
 export async function run() {
 	try {
-		const { container, experiments, templates } = await core.group(
-			'Parsing inputs',
-			parseInputs,
-		);
+		const { container, experiments, templates, wpOptions } =
+			await core.group('Parsing inputs', parseInputs);
 
 		await core.group('Validating wp-env installation', async () => {
 			await runOnContainer({
@@ -30,6 +29,16 @@ export async function run() {
 			});
 		});
 
+		await core.group('Setting WP Options', async () => {
+			for (const { key, value } of wpOptions) {
+				await runOnContainer({
+					container,
+					command: ['wp', 'option', 'update', key, value],
+					error: `Failed to set option: ${key} to ${value}`,
+				});
+			}
+		});
+
 		if (experiments.on.length > 0) {
 			await core.group('Activating Experiments', async () => {
 				await runOnContainer({
@@ -114,11 +123,13 @@ async function parseInputs() {
 					z.string().regex(/^[a-z0-9-_]+$/),
 					z.union([z.literal('true'), z.literal('false')]),
 				),
+				enableSvgUpload: z.boolean(),
 			})
 			.parse({
 				env: getStringInput('env'),
 				templates: getArrayInput('templates'),
 				experiments: getMapInput('experiments'),
+				enableSvgUpload: getBooleanInput('enable-svg-upload'),
 			});
 
 		const experimentsEntries = Object.entries(parsed.experiments);
@@ -129,6 +140,9 @@ async function parseInputs() {
 					? ('cli' as const)
 					: ('tests-cli' as const),
 			templates: parsed.templates,
+			wpOptions: normalizeWpOptions({
+				enableSvgUpload: parsed.enableSvgUpload,
+			}),
 			experiments: {
 				on: experimentsEntries
 					.filter(([, value]) => value === 'true')
@@ -151,6 +165,22 @@ async function parseInputs() {
 	}
 }
 
+function normalizeWpOptions({ enableSvgUpload }: { enableSvgUpload: boolean }) {
+	const wpOptions: {
+		key: string;
+		value: string;
+	}[] = [];
+
+	if (enableSvgUpload) {
+		wpOptions.push({
+			key: 'elementor_unfiltered_files_upload',
+			value: '1',
+		});
+	}
+
+	return wpOptions;
+}
+
 async function runOnContainer({
 	container,
 	command,

actions/setup-elementor-env/main.ts

@@ -85,5 +85,5 @@
 			"elType": "container"
 		}
 	],
-	"settings": { "template": "elementor_canvas" }
+	"page_settings": { "template": "elementor_canvas" }
 }