@machina.ai/openapi-contract-tester 2.1.0

package/dist/reporters/report-charts.js

@@ -0,0 +1,182 @@
+/**
+ * Chart JavaScript for HTML Report
+ *
+ * Generates the embedded JavaScript for Chart.js charts and
+ * interactive filter/toggle functionality.
+ *
+ * @module reporters/report-charts
+ */
+/**
+ * Generates the embedded JavaScript for the HTML report.
+ * Initializes Chart.js charts and wires up interactive filters.
+ *
+ * @param summary - Test summary with pass/fail counts
+ * @returns JavaScript string to embed in the HTML report
+ */
+export function getJavaScript(summary) {
+    return `
+    // Pass/Fail Chart
+    const passFailCtx = document.getElementById('passFailChart');
+    if (passFailCtx) {
+      new Chart(passFailCtx, {
+        type: 'doughnut',
+        data: {
+          labels: ['Passed', 'Failed'${summary.skipped ? ", 'Skipped'" : ''}],
+          datasets: [{
+            data: [${summary.passed}, ${summary.failed}${summary.skipped ? `, ${summary.skipped}` : ''}],
+            backgroundColor: ['#059669', '#dc2626'${summary.skipped ? ", '#d97706'" : ''}],
+            borderWidth: 2,
+            borderColor: '#ffffff'
+          }]
+        },
+        options: {
+          responsive: true,
+          maintainAspectRatio: true,
+          plugins: {
+            legend: { position: 'bottom', labels: { font: { size: 14 }, padding: 15 } },
+            tooltip: {
+              callbacks: {
+                label: function(context) {
+                  const label = context.label || '';
+                  const value = context.parsed || 0;
+                  const total = ${summary.total};
+                  const percent = ((value / total) * 100).toFixed(1);
+                  return label + ': ' + value + ' (' + percent + '%)';
+                }
+              }
+            }
+          }
+        }
+      });
+    }
+
+    // Filter tabs
+    document.querySelectorAll('.tab-btn').forEach(btn => {
+      btn.addEventListener('click', function() {
+        const filter = this.dataset.filter;
+
+        // Update active tab
+        document.querySelectorAll('.tab-btn').forEach(b => {
+          b.classList.remove('active', 'bg-blue-600', 'text-white');
+          b.classList.add('bg-white', 'border', 'border-gray-300', 'text-gray-700');
+        });
+        this.classList.remove('bg-white', 'border', 'border-gray-300', 'text-gray-700');
+        this.classList.add('active', 'bg-blue-600', 'text-white');
+
+        // Filter test items
+        document.querySelectorAll('.test-item').forEach(item => {
+          if (filter === 'all') {
+            item.classList.remove('hidden');
+          } else {
+            if (item.dataset.status === filter) {
+              item.classList.remove('hidden');
+            } else {
+              item.classList.add('hidden');
+            }
+          }
+        });
+      });
+    });
+
+    // Toggle test details
+    function toggleTest(header) {
+      const testItem = header.closest('.test-item');
+      const details = testItem.querySelector('.test-details');
+      const icon = testItem.querySelector('.expand-icon');
+
+      if (details.classList.contains('hidden')) {
+        details.classList.remove('hidden');
+        icon.style.transform = 'rotate(180deg)';
+      } else {
+        details.classList.add('hidden');
+        icon.style.transform = 'rotate(0deg)';
+      }
+    }
+
+    // Copy to clipboard
+    function copyToClipboard(btn) {
+      const parent = btn.closest('.code-block');
+      const activeContent = parent.querySelector('.tab-content.active');
+      const text = activeContent.textContent.trim();
+
+      navigator.clipboard.writeText(text).then(() => {
+        const originalText = btn.textContent;
+        btn.textContent = '✅ Copiado!';
+        setTimeout(() => {
+          btn.textContent = originalText;
+        }, 2000);
+      }).catch(() => {
+        btn.textContent = '❌ Error';
+        setTimeout(() => {
+          btn.textContent = '📋 Copiar';
+        }, 2000);
+      });
+    }
+
+    // Switch between formatted and raw tabs
+    function switchTab(btn, mode) {
+      const parent = btn.closest('.code-block');
+      const allTabs = parent.querySelectorAll('.tab-btn');
+      const formattedContents = parent.querySelectorAll('.tab-content.formatted');
+      const rawContent = parent.querySelector('.tab-content.raw');
+
+      // Update button states
+      allTabs.forEach(tab => tab.classList.remove('active'));
+      btn.classList.add('active');
+
+      // Show/hide content
+      if (mode === 'formatted') {
+        formattedContents.forEach(content => content.classList.add('active'));
+        if (rawContent) rawContent.classList.remove('active');
+      } else if (mode === 'raw') {
+        formattedContents.forEach(content => content.classList.remove('active'));
+        if (rawContent) rawContent.classList.add('active');
+      }
+    }
+
+    // Toggle collapse for large JSON bodies
+    function toggleCollapse(id) {
+      const preview = document.getElementById(id + '-preview');
+      const full = document.getElementById(id + '-full');
+      const btn = event.target.closest('.toggle-collapse-btn');
+      const showSpan = btn.querySelector('.collapse-show');
+      const hideSpan = btn.querySelector('.collapse-hide');
+
+      if (preview.style.display === 'none') {
+        // Show preview, hide full
+        preview.style.display = 'block';
+        full.style.display = 'none';
+        showSpan.style.display = 'inline';
+        hideSpan.style.display = 'none';
+      } else {
+        // Show full, hide preview
+        preview.style.display = 'none';
+        full.style.display = 'block';
+        showSpan.style.display = 'none';
+        hideSpan.style.display = 'inline';
+      }
+    }
+
+    // Switch between Gherkin and Technical views
+    function switchView(testId, view) {
+      const gherkinView = document.getElementById(testId + '-gherkin');
+      const technicalView = document.getElementById(testId + '-technical');
+      const container = event.target.closest('.view-toggle-container');
+      const buttons = container.querySelectorAll('.view-toggle-btn');
+
+      // Update button states
+      buttons.forEach(btn => btn.classList.remove('active'));
+      event.target.classList.add('active');
+
+      // Show/hide views
+      if (view === 'gherkin') {
+        gherkinView.style.display = 'block';
+        technicalView.style.display = 'none';
+      } else if (view === 'technical') {
+        gherkinView.style.display = 'none';
+        technicalView.style.display = 'block';
+      }
+    }
+  `;
+}
+//# sourceMappingURL=report-charts.js.map

package/dist/reporters/report-charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"report-charts.js","sourceRoot":"","sources":["../../src/reporters/report-charts.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAC3B,OAAyB;IAEzB,OAAO;;;;;;;uCAO8B,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;;qBAEtD,OAAO,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE;oDAClD,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;kCAetD,OAAO,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0I5C,CAAC;AACJ,CAAC"}

package/dist/reporters/report-sections.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Report Section Generators for HTML Report
+ *
+ * Renders the Coverage, AI Analysis, Source Comparison and Root Cause
+ * sections, plus the quick-stats tables (by category / by endpoint).
+ *
+ * @module reporters/report-sections
+ */
+import type { ReportData } from './html-report-generator.js';
+/**
+ * Renders the "Results by Category" quick-stats table.
+ */
+export declare function generateCategoryTable(byCategory: Record<string, any>): string;
+/**
+ * Renders the "Results by Endpoint" quick-stats table.
+ */
+export declare function generateEndpointTable(byEndpoint: Record<string, any>): string;
+/**
+ * Renders the Endpoint Coverage section.
+ */
+export declare function generateCoverageSection(coverage: NonNullable<ReportData['coverage']>): string;
+/**
+ * Renders the AI-Powered Analysis section.
+ */
+export declare function generateAiAnalysisSection(aiAnalysis: NonNullable<ReportData['aiAnalysis']>): string;
+/**
+ * Renders the Source Comparison (OpenAPI vs Code vs PRD) section.
+ */
+export declare function generateSourceComparisonSection(sourceComparison: NonNullable<ReportData['sourceComparison']>): string;
+/**
+ * Renders the Root Cause Analysis section.
+ */
+export declare function generateRootCauseSection(failureDiscrepancyCorrelation: NonNullable<ReportData['failureDiscrepancyCorrelation']>): string;
+//# sourceMappingURL=report-sections.d.ts.map

package/dist/reporters/report-sections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"report-sections.d.ts","sourceRoot":"","sources":["../../src/reporters/report-sections.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAWH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CA2C7E;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CA6C7E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,GAAG,MAAM,CAwF7F;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,GAAG,MAAM,CAoHnG;AAED;;GAEG;AACH,wBAAgB,+BAA+B,CAAC,gBAAgB,EAAE,WAAW,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,GAAG,MAAM,CA+ErH;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,6BAA6B,EAAE,WAAW,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC,GACtF,MAAM,CA6ER"}