fix tests

ricardo-devis-agullo · ricardo-devis-agullo · commit a290b7f84bfe · 2025-09-12T15:57:45.000+02:00
diff --git a/src/registry/views/partials/component-parameters.tsx b/src/registry/views/partials/component-parameters.tsx
@@ -40,7 +40,7 @@ const componentParameters = ({
               name={paramName}
               data-parameter={paramName}
               value={currentValue}
-              placeholder={param.example || ''}
+              placeholder={String(param.example) || ''}
             />
           );
         case 'boolean': {
@@ -54,7 +54,7 @@ const componentParameters = ({
                 checked={isChecked}
                 style="margin: 0;"
               />
-              <span>Enable {paramName}</span>
+              <span safe>Enable {paramName}</span>
             </label>
           );
         }
@@ -69,7 +69,7 @@ const componentParameters = ({
               placeholder={
                 typeof param.default !== 'undefined'
                   ? String(param.default)
-                  : param.example || ''
+                  : String(param.example) || ''
               }
             />
           );
@@ -79,7 +79,9 @@ const componentParameters = ({
     return (
       <div class="parameter-item">
         <div class="parameter-header">
-          <span class="parameter-name">{paramName}</span>
+          <span class="parameter-name" safe>
+            {paramName}
+          </span>
           <span
             class={`parameter-type ${
               mandatory === 'mandatory' ? 'parameter-required' : ''
@@ -89,7 +91,9 @@ const componentParameters = ({
           </span>
         </div>
         {!!param.description && (
-          <p class="parameter-description">{param.description}</p>
+          <p class="parameter-description" safe>
+            {param.description}
+          </p>
         )}
         {param.type !== 'boolean' && !!param.example && (
           <p class="parameter-description">
@@ -98,7 +102,7 @@ const componentParameters = ({
         )}
         {!param.mandatory && !!param.default && (
           <p class="parameter-description">
-            <strong>Default:</strong> {String(param.default)}
+            <strong>Default:</strong> <span safe>{String(param.default)}</span>
           </p>
         )}
         {renderInput()}
diff --git a/test/acceptance/registry-ui.js b/test/acceptance/registry-ui.js
@@ -57,7 +57,7 @@ describe('registry (ui interface)', () => {
 
     it('should respond with html result', () => {
       expect(headers['content-type']).to.equal('text/html; charset=utf-8');
-      expect(result).to.match(/<!DOCTYPE html><html lang="en">/);
+      expect(result).to.match(/<!DOCTYPE html><html lang="en" data-theme="dark">/);
     });
   });
 
@@ -77,7 +77,7 @@ describe('registry (ui interface)', () => {
 
     it('should respond with html result', () => {
       expect(headers['content-type']).to.equal('text/html; charset=utf-8');
-      expect(result).to.match(/<!DOCTYPE html><html lang="en">/);
+      expect(result).to.match(/<!DOCTYPE html><html lang="en" data-theme="dark">/);
     });
   });
 
@@ -97,7 +97,7 @@ describe('registry (ui interface)', () => {
 
     it('should respond with html result', () => {
       expect(headers['content-type']).to.equal('text/html; charset=utf-8');
-      expect(result).to.match(/<!DOCTYPE html><html lang="en">/);
+      expect(result).to.match(/<!DOCTYPE html><html lang="en" data-theme="dark">/);
     });
 
     it('should include parameter input fields', () => {
