lwc-convert 1.0.0 → 1.0.1

package/dist/generators/test-comparison.js

@@ -621,55 +621,55 @@ function getTestValueForType(type) {
 }
 // ============ Test File Generators ============
 function generateBeforeTestFile(componentName, tests) {
-    let content = `/**
- * BEFORE CONVERSION: Expected Behaviors for ${componentName}
- * 
- * This document describes the expected behaviors of the original Aura component.
- * These behaviors should be preserved in the converted LWC.
- * 
- * Generated by lwc-convert
- */
-
-/**
- * Behavior Inventory
- * ==================
- * 
- * The following behaviors were identified in the Aura component:
- */
-
+    let content = `/**
+ * BEFORE CONVERSION: Expected Behaviors for ${componentName}
+ * 
+ * This document describes the expected behaviors of the original Aura component.
+ * These behaviors should be preserved in the converted LWC.
+ * 
+ * Generated by lwc-convert
+ */
+
+/**
+ * Behavior Inventory
+ * ==================
+ * 
+ * The following behaviors were identified in the Aura component:
+ */
+
 `;
     const categories = [...new Set(tests.map(t => t.category))];
     for (const category of categories) {
         const categoryTests = tests.filter(t => t.category === category);
         content += `// ============ ${category.toUpperCase()} BEHAVIORS ============\n\n`;
         for (const test of categoryTests) {
-            content += `/**
- * ${test.id}: ${test.name}
- * ${test.description}
- * 
- * Aura Pattern:
- *   ${test.auraBehavior.pattern}
- */
-${test.testCode.before}
-
+            content += `/**
+ * ${test.id}: ${test.name}
+ * ${test.description}
+ * 
+ * Aura Pattern:
+ *   ${test.auraBehavior.pattern}
+ */
+${test.testCode.before}
+
 `;
         }
     }
-    content += `
-/**
- * Summary
- * =======
- * 
- * Total behaviors identified: ${tests.length}
- * - Lifecycle: ${tests.filter(t => t.category === 'lifecycle').length}
- * - Data: ${tests.filter(t => t.category === 'data').length}
- * - Events: ${tests.filter(t => t.category === 'event').length}
- * - UI: ${tests.filter(t => t.category === 'ui').length}
- * - LMS: ${tests.filter(t => t.category === 'lms').length}
- * - Apex: ${tests.filter(t => t.category === 'apex').length}
- * 
- * Run the "after" tests to verify all behaviors are preserved.
- */
+    content += `
+/**
+ * Summary
+ * =======
+ * 
+ * Total behaviors identified: ${tests.length}
+ * - Lifecycle: ${tests.filter(t => t.category === 'lifecycle').length}
+ * - Data: ${tests.filter(t => t.category === 'data').length}
+ * - Events: ${tests.filter(t => t.category === 'event').length}
+ * - UI: ${tests.filter(t => t.category === 'ui').length}
+ * - LMS: ${tests.filter(t => t.category === 'lms').length}
+ * - Apex: ${tests.filter(t => t.category === 'apex').length}
+ * 
+ * Run the "after" tests to verify all behaviors are preserved.
+ */
 `;
     return content;
 }
@@ -686,15 +686,15 @@ function generateAfterTestFile(lwcName, className, tests, transformedMarkup) {
             const channelVar = lms.channelName.replace(/__c$/i, '').toUpperCase() + '_CHANNEL';
             imports.push(`import ${channelVar} from '@salesforce/messageChannel/${lms.channelName}';`);
         }
-        mocks.push(`jest.mock(
-    'lightning/messageService',
-    () => ({
-        publish: jest.fn(),
-        subscribe: jest.fn(() => ({ unsubscribe: jest.fn() })),
-        unsubscribe: jest.fn(),
-        MessageContext: jest.fn()
-    }),
-    { virtual: true }
+        mocks.push(`jest.mock(
+    'lightning/messageService',
+    () => ({
+        publish: jest.fn(),
+        subscribe: jest.fn(() => ({ unsubscribe: jest.fn() })),
+        unsubscribe: jest.fn(),
+        MessageContext: jest.fn()
+    }),
+    { virtual: true }
 );`);
     }
     // Add wire mocks if needed
@@ -710,42 +710,42 @@ function generateAfterTestFile(lwcName, className, tests, transformedMarkup) {
         const controller = controllerMatch ? controllerMatch[1] : 'ApexController';
         // Add import for the Apex method
         imports.push(`import ${method} from '@salesforce/apex/${controller}.${method}';`);
-        mocks.push(`jest.mock(
-    '@salesforce/apex/${controller}.${method}',
-    () => ({ default: jest.fn() }),
-    { virtual: true }
+        mocks.push(`jest.mock(
+    '@salesforce/apex/${controller}.${method}',
+    () => ({ default: jest.fn() }),
+    { virtual: true }
 );`);
     }
-    let content = `/**
- * AFTER CONVERSION: Jest Tests for ${lwcName}
- * Converted from Aura component
- * 
- * These tests verify that the converted LWC preserves all original behaviors.
- * Each test is linked to a specific behavior from the "before" document.
- * 
- * Generated by lwc-convert
- */
-
-${imports.join('\n')}
-
-${mocks.length > 0 ? '\n// Mocks\n' + mocks.join('\n\n') + '\n' : ''}
-
-describe('${lwcName} - Behavior Verification', () => {
-    let element;
-
-    beforeEach(() => {
-        element = createElement('c-${lwcName}', {
-            is: ${className}
-        });
-    });
-
-    afterEach(() => {
-        while (document.body.firstChild) {
-            document.body.removeChild(document.body.firstChild);
-        }
-        jest.clearAllMocks();
-    });
-
+    let content = `/**
+ * AFTER CONVERSION: Jest Tests for ${lwcName}
+ * Converted from Aura component
+ * 
+ * These tests verify that the converted LWC preserves all original behaviors.
+ * Each test is linked to a specific behavior from the "before" document.
+ * 
+ * Generated by lwc-convert
+ */
+
+${imports.join('\n')}
+
+${mocks.length > 0 ? '\n// Mocks\n' + mocks.join('\n\n') + '\n' : ''}
+
+describe('${lwcName} - Behavior Verification', () => {
+    let element;
+
+    beforeEach(() => {
+        element = createElement('c-${lwcName}', {
+            is: ${className}
+        });
+    });
+
+    afterEach(() => {
+        while (document.body.firstChild) {
+            document.body.removeChild(document.body.firstChild);
+        }
+        jest.clearAllMocks();
+    });
+
 `;
     const categories = [...new Set(tests.map(t => t.category))];
     for (const category of categories) {
@@ -753,44 +753,44 @@ describe('${lwcName} - Behavior Verification', () => {
         content += `    // ============ ${category.toUpperCase()} TESTS ============\n`;
         content += `    describe('${category.charAt(0).toUpperCase() + category.slice(1)} Behaviors', () => {\n`;
         for (const test of categoryTests) {
-            content += `        /**
-         * ${test.id}: ${test.name}
-         * LWC Pattern: ${test.lwcBehavior.pattern}
-         */
-        ${test.testCode.after}
-
+            content += `        /**
+         * ${test.id}: ${test.name}
+         * LWC Pattern: ${test.lwcBehavior.pattern}
+         */
+        ${test.testCode.after}
+
 `;
         }
         content += `    });\n\n`;
     }
-    content += `});
-
-/**
- * Test Results Comparison
- * =======================
- * 
- * Run these tests with: npm test -- --testPathPattern="${lwcName}"
- * 
- * Expected: All ${tests.length} behavior tests should pass
- * 
- * If a test fails, compare with the corresponding "before" behavior
- * to understand what the original Aura component did.
- */
+    content += `});
+
+/**
+ * Test Results Comparison
+ * =======================
+ * 
+ * Run these tests with: npm test -- --testPathPattern="${lwcName}"
+ * 
+ * Expected: All ${tests.length} behavior tests should pass
+ * 
+ * If a test fails, compare with the corresponding "before" behavior
+ * to understand what the original Aura component did.
+ */
 `;
     return content;
 }
 function generateComparisonReport(componentName, lwcName, tests) {
-    let report = `# Conversion Behavior Comparison Report
-
-## Component: ${componentName} → ${lwcName}
-
-This report documents the behavioral mapping between the original Aura component
-and the converted LWC. Use this to verify the conversion is complete and correct.
-
-## Behavior Summary
-
-| Category | Count | Status |
-|----------|-------|--------|
+    let report = `# Conversion Behavior Comparison Report
+
+## Component: ${componentName} → ${lwcName}
+
+This report documents the behavioral mapping between the original Aura component
+and the converted LWC. Use this to verify the conversion is complete and correct.
+
+## Behavior Summary
+
+| Category | Count | Status |
+|----------|-------|--------|
 `;
     const categories = ['lifecycle', 'data', 'event', 'ui', 'lms', 'apex'];
     for (const cat of categories) {
@@ -799,56 +799,56 @@ and the converted LWC. Use this to verify the conversion is complete and correct
         report += `| ${cat.charAt(0).toUpperCase() + cat.slice(1)} | ${count} | ${status} |\n`;
     }
     report += `| **Total** | **${tests.length}** | |\n`;
-    report += `
-## Detailed Behavior Mapping
-
+    report += `
+## Detailed Behavior Mapping
+
 `;
     for (const cat of categories) {
         const categoryTests = tests.filter(t => t.category === cat);
         if (categoryTests.length === 0)
             continue;
-        report += `### ${cat.charAt(0).toUpperCase() + cat.slice(1)} Behaviors
-
+        report += `### ${cat.charAt(0).toUpperCase() + cat.slice(1)} Behaviors
+
 `;
         for (const test of categoryTests) {
-            report += `#### ${test.id}: ${test.name}
-
-- **Description**: ${test.description}
-- **Aura Pattern**: \`${test.auraBehavior.pattern}\`
-- **LWC Pattern**: \`${test.lwcBehavior.pattern}\`
-- **Test Status**: ⬜ Not run
-
+            report += `#### ${test.id}: ${test.name}
+
+- **Description**: ${test.description}
+- **Aura Pattern**: \`${test.auraBehavior.pattern}\`
+- **LWC Pattern**: \`${test.lwcBehavior.pattern}\`
+- **Test Status**: ⬜ Not run
+
 `;
         }
     }
-    report += `
-## Verification Checklist
-
-Run the test suite and update this checklist:
-
+    report += `
+## Verification Checklist
+
+Run the test suite and update this checklist:
+
 `;
     for (const test of tests) {
         report += `- [ ] ${test.id}: ${test.name}\n`;
     }
-    report += `
-## How to Run Tests
-
-\`\`\`bash
-# Run all tests for this component
-npm test -- --testPathPattern="${lwcName}"
-
-# Run with coverage
-npm test -- --testPathPattern="${lwcName}" --coverage
-
-# Run in watch mode
-npm test -- --testPathPattern="${lwcName}" --watch
-\`\`\`
-
-## Notes
-
-- Tests marked with "⏳ Pending verification" need manual review
-- If a test fails, compare the Aura and LWC patterns to understand the difference
-- Some behaviors may require manual implementation (marked as TODO in tests)
+    report += `
+## How to Run Tests
+
+\`\`\`bash
+# Run all tests for this component
+npm test -- --testPathPattern="${lwcName}"
+
+# Run with coverage
+npm test -- --testPathPattern="${lwcName}" --coverage
+
+# Run in watch mode
+npm test -- --testPathPattern="${lwcName}" --watch
+\`\`\`
+
+## Notes
+
+- Tests marked with "⏳ Pending verification" need manual review
+- If a test fails, compare the Aura and LWC patterns to understand the difference
+- Some behaviors may require manual implementation (marked as TODO in tests)
 `;
     return report;
 }