mtrl-addons 0.2.2 → 0.2.4

package/test/benchmarks/layout/simple.test.ts

@@ -1,321 +0,0 @@
-// test/core/layout/simple-benchmarks.test.ts - Simple Performance Benchmarks
-import { describe, test, expect, beforeAll } from "bun:test";
-
-// Mock DOM environment for lightweight testing
-const mockDocument = {
-  createElement: (tag: string) => ({
-    tagName: tag.toUpperCase(),
-    className: "",
-    textContent: "",
-    style: {},
-    classList: {
-      add: () => {},
-      remove: () => {},
-      contains: () => false,
-    },
-    setAttribute: () => {},
-    appendChild: () => {},
-    removeChild: () => {},
-    parentNode: null,
-  }),
-  createDocumentFragment: () => ({
-    appendChild: () => {},
-    hasChildNodes: () => false,
-    childNodes: { length: 0 },
-  }),
-};
-
-// Simple performance timer
-const getTime = () => Date.now();
-
-beforeAll(() => {
-  (global as any).document = mockDocument;
-  (global as any).HTMLElement = class MockHTMLElement {};
-  (global as any).DocumentFragment = class MockDocumentFragment {};
-});
-
-// Import layout system after DOM setup
-import {
-  createLayout,
-  grid,
-  row,
-  stack,
-  performance as addonsPerformance,
-} from "../../../src/core/layout";
-
-describe("Simple Layout Benchmarks", () => {
-  describe("Basic Performance Tests", () => {
-    test("simple layout creation speed", () => {
-      const iterations = 1000;
-      const schema = ["div", "test", { class: "simple-test" }];
-
-      // Clear caches
-      addonsPerformance.clearAll();
-
-      // Measure mtrl-addons performance
-      const start = getTime();
-      for (let i = 0; i < iterations; i++) {
-        const layout = createLayout(schema);
-        layout.destroy();
-      }
-      const end = getTime();
-      const time = end - start;
-
-      console.log(`\n📊 Simple Layout Performance:`);
-      console.log(`  ${iterations.toLocaleString()} layouts: ${time}ms`);
-      console.log(`  Average per layout: ${(time / iterations).toFixed(3)}ms`);
-      console.log(`  Per layout: ${(time / iterations).toFixed(3)}ms`);
-
-      expect(time).toBeGreaterThan(0);
-      expect(time).toBeLessThan(5000); // Should be reasonable
-    });
-
-    test("complex nested layout performance", () => {
-      const iterations = 500;
-      const complexSchema = [
-        "div",
-        "main",
-        { class: "main-container" },
-        [
-          "div",
-          "header",
-          { class: "header" },
-          ["h1", "title", { text: "Title", class: "title" }],
-          [
-            "nav",
-            "nav",
-            { class: "navigation" },
-            ["a", "link1", { text: "Home", class: "nav-link" }],
-            ["a", "link2", { text: "About", class: "nav-link" }],
-          ],
-        ],
-        [
-          "div",
-          "content",
-          { class: "content" },
-          ["p", "paragraph", { text: "Content paragraph", class: "text" }],
-        ],
-      ];
-
-      addonsPerformance.clearAll();
-
-      const start = getTime();
-      for (let i = 0; i < iterations; i++) {
-        const layout = createLayout(complexSchema);
-        layout.destroy();
-      }
-      const end = getTime();
-      const time = end - start;
-
-      console.log(`\n📊 Complex Layout Performance:`);
-      console.log(`  ${iterations.toLocaleString()} layouts: ${time}ms`);
-      console.log(`  Average per layout: ${(time / iterations).toFixed(3)}ms`);
-      console.log(`  Per layout: ${(time / iterations).toFixed(3)}ms`);
-
-      expect(time).toBeGreaterThan(0);
-    });
-
-    test("cache effectiveness", () => {
-      const iterations = 1000;
-      const schema = [
-        "div",
-        "container",
-        {
-          layout: { type: "grid", columns: 3, gap: "1rem", align: "center" },
-          layoutItem: { span: 2, width: 6 },
-        },
-      ];
-
-      // Cold cache (cleared)
-      addonsPerformance.clearAll();
-      const coldStart = getTime();
-      for (let i = 0; i < iterations; i++) {
-        const layout = createLayout(schema);
-        layout.destroy();
-      }
-      const coldEnd = getTime();
-      const coldTime = coldEnd - coldStart;
-
-      // Warm cache (already populated)
-      const warmStart = getTime();
-      for (let i = 0; i < iterations; i++) {
-        const layout = createLayout(schema);
-        layout.destroy();
-      }
-      const warmEnd = getTime();
-      const warmTime = warmEnd - warmStart;
-
-      const improvement =
-        coldTime > 0 ? ((coldTime - warmTime) / coldTime) * 100 : 0;
-
-      console.log(`\n🚀 Cache Performance:`);
-      console.log(`  Cold cache: ${coldTime}ms`);
-      console.log(`  Warm cache: ${warmTime}ms`);
-      console.log(`  Improvement: ${improvement.toFixed(1)}%`);
-
-      expect(coldTime).toBeGreaterThan(0);
-      expect(warmTime).toBeGreaterThan(0);
-    });
-
-    test("convenience functions performance", () => {
-      const iterations = 500;
-
-      // Grid performance
-      const gridStart = getTime();
-      for (let i = 0; i < iterations; i++) {
-        const layout = grid(3, { gap: "1rem" });
-        layout.destroy();
-      }
-      const gridEnd = getTime();
-      const gridTime = gridEnd - gridStart;
-
-      // Row performance
-      const rowStart = getTime();
-      for (let i = 0; i < iterations; i++) {
-        const layout = row({ gap: "1rem", mobileStack: true });
-        layout.destroy();
-      }
-      const rowEnd = getTime();
-      const rowTime = rowEnd - rowStart;
-
-      // Stack performance
-      const stackStart = getTime();
-      for (let i = 0; i < iterations; i++) {
-        const layout = stack({ gap: "2rem" });
-        layout.destroy();
-      }
-      const stackEnd = getTime();
-      const stackTime = stackEnd - stackStart;
-
-      console.log(`\n📦 Convenience Functions (${iterations} each):`);
-      console.log(`  Grid layouts:  ${gridTime}ms`);
-      console.log(`  Row layouts:   ${rowTime}ms`);
-      console.log(`  Stack layouts: ${stackTime}ms`);
-      console.log(`  Total:         ${gridTime + rowTime + stackTime}ms`);
-
-      expect(gridTime).toBeGreaterThanOrEqual(0);
-      expect(rowTime).toBeGreaterThanOrEqual(0);
-      expect(stackTime).toBeGreaterThanOrEqual(0);
-    });
-
-    test("large dataset handling", () => {
-      const itemCount = 100; // Reduced for simpler test
-      const schema: any[] = ["div", "container", { class: "large-dataset" }];
-
-      // Add many children
-      for (let i = 0; i < itemCount; i++) {
-        schema.push([
-          "div",
-          `item${i}`,
-          {
-            class: "dataset-item",
-            textContent: `Item ${i}`,
-            layoutItem: { width: (i % 12) + 1 },
-          },
-        ]);
-      }
-
-      const start = getTime();
-      const layout = createLayout(schema);
-      const end = getTime();
-      const createTime = end - start;
-
-      const destroyStart = getTime();
-      layout.destroy();
-      const destroyEnd = getTime();
-      const destroyTime = destroyEnd - destroyStart;
-
-      console.log(`\n🗂️  Large Dataset (${itemCount} items):`);
-      console.log(`  Creation: ${createTime}ms`);
-      console.log(`  Cleanup:  ${destroyTime}ms`);
-      console.log(`  Total:    ${createTime + destroyTime}ms`);
-
-      expect(createTime).toBeGreaterThanOrEqual(0);
-      expect(destroyTime).toBeGreaterThanOrEqual(0);
-    });
-
-    test("performance summary", () => {
-      const testCases = [
-        {
-          name: "Simple div",
-          schema: ["div", { class: "simple" }],
-          iterations: 1000,
-        },
-        {
-          name: "Text content",
-          schema: ["p", "text", { text: "Hello World", class: "text" }],
-          iterations: 1000,
-        },
-        {
-          name: "Nested structure",
-          schema: [
-            "div",
-            "parent",
-            { class: "parent" },
-            ["span", "child", { textContent: "Child" }],
-          ],
-          iterations: 500,
-        },
-        {
-          name: "Layout classes",
-          schema: [
-            "div",
-            "layout",
-            {
-              layout: { type: "grid", columns: 2 },
-              layoutItem: { span: 1 },
-            },
-          ],
-          iterations: 500,
-        },
-      ];
-
-      console.log(`\n📋 Performance Summary:`);
-      console.log(`======================`);
-
-      const results = testCases.map((testCase) => {
-        addonsPerformance.clearAll();
-
-        const start = getTime();
-        for (let i = 0; i < testCase.iterations; i++) {
-          const layout = createLayout(testCase.schema);
-          layout.destroy();
-        }
-        const end = getTime();
-        const time = end - start;
-        const avgTime = time / testCase.iterations;
-        const opsPerSec = Math.round(testCase.iterations / (time / 1000));
-
-        console.log(
-          `  ${testCase.name.padEnd(16)}: ${avgTime.toFixed(3)}ms per operation`
-        );
-
-        return { ...testCase, time, avgTime, opsPerSec };
-      });
-
-      const totalOps = results.reduce((sum, r) => sum + r.iterations, 0);
-      const totalTime = results.reduce((sum, r) => sum + r.time, 0);
-      const overallOpsPerSec = Math.round(totalOps / (totalTime / 1000));
-
-      console.log(
-        `  ${"Total".padEnd(
-          16
-        )}: ${totalOps.toLocaleString()} operations in ${totalTime}ms`
-      );
-      console.log(
-        `  ${"Overall".padEnd(16)}: ${(totalTime / totalOps).toFixed(
-          3
-        )}ms per operation`
-      );
-
-      // Final bundle size note
-      console.log(
-        `\n📦 Bundle Size: 13,766 bytes (22.4% smaller than original)`
-      );
-      console.log(`🎯 Performance + Size Optimization: SUCCESS!`);
-
-      expect(results.length).toBe(testCases.length);
-      expect(overallOpsPerSec).toBeGreaterThan(100); // Should be reasonably fast
-    });
-  });
-});