testeranto 0.200.1 → 0.203.0

package/dist/module/src/components/SunriseAnimation.js

@@ -1,256 +0,0 @@
-import React, { useEffect, useState, useRef } from 'react';
-const SunriseAnimation = ({ active }) => {
-    const [position, setPosition] = useState(0);
-    const [dimensions, setDimensions] = useState({ width: 0, height: 0 });
-    const animationIdRef = useRef(null);
-    useEffect(() => {
-        // Set initial dimensions
-        setDimensions({
-            width: window.innerWidth,
-            height: window.innerHeight
-        });
-        const handleResize = () => {
-            setDimensions({
-                width: window.innerWidth,
-                height: window.innerHeight
-            });
-        };
-        window.addEventListener('resize', handleResize);
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    // Animation timing parameters
-    const ANIMATION_DURATION = 10000; //30000; // 30 seconds for full day/night cycle
-    const UPDATE_INTERVAL = 50; // Update every 50ms (~20fps)
-    useEffect(() => {
-        if (!active) {
-            // Clean up animation frame if active becomes false
-            if (animationIdRef.current) {
-                cancelAnimationFrame(animationIdRef.current);
-                animationIdRef.current = null;
-            }
-            return;
-        }
-        console.log('Starting animation with duration:', ANIMATION_DURATION, 'ms');
-        let startTime = performance.now();
-        let lastUpdateTime = 0;
-        const animate = (timestamp) => {
-            if (!active)
-                return;
-            const elapsed = (timestamp - startTime) % ANIMATION_DURATION;
-            const progress = elapsed / ANIMATION_DURATION;
-            // Only update if enough time has passed since last update
-            if (timestamp - lastUpdateTime >= UPDATE_INTERVAL) {
-                // Use cosine for smooth transition from -1 to 1 over full duration
-                const newPos = Math.cos(progress * Math.PI * 2);
-                setPosition(newPos);
-                lastUpdateTime = timestamp;
-            }
-            animationIdRef.current = requestAnimationFrame(animate);
-        };
-        // Start the animation loop
-        animationIdRef.current = requestAnimationFrame(animate);
-        return () => {
-            if (animationIdRef.current) {
-                cancelAnimationFrame(animationIdRef.current);
-                animationIdRef.current = null;
-            }
-        };
-    }, [active]);
-    const yPos = dimensions.height * (1 - position);
-    const normalizedPos = (position + 1) / 2; // Convert from [-1,1] to [0,1]
-    if (!active)
-        return null;
-    return (React.createElement("div", { id: "sunrise", style: {
-            width: '100vw',
-            height: '100vh',
-            position: 'fixed',
-            top: 0,
-            left: 0,
-            backgroundColor: 'transparent',
-            overflow: 'hidden',
-            pointerEvents: 'none'
-        } },
-        React.createElement("div", { id: "daily-bg", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '100%',
-                backgroundColor: 'rgba(0,0,0,0.3)',
-                zIndex: -1001
-            } }),
-        "Stars Container",
-        React.createElement("div", { id: "starsContainer", style: {
-                perspective: 350,
-                perspectiveOrigin: '50% 300%',
-                overflow: 'hidden',
-                position: 'absolute',
-                top: 0,
-                left: '-50%',
-                width: '200%',
-                height: '50%',
-                zIndex: -1000,
-                opacity: Math.max(0, 0.5 - normalizedPos * 0.5)
-            } },
-            React.createElement("div", { id: "stars", style: {
-                    backgroundRepeat: 'repeat',
-                    position: 'absolute',
-                    width: '200%',
-                    height: '200%',
-                    left: '-50%',
-                    bottom: 0,
-                    opacity: 0.5,
-                    transform: 'rotateX(-90deg)'
-                } })),
-        React.createElement("div", { id: "sun", style: {
-                position: 'absolute',
-                top: 0,
-                left: '50%',
-                transform: `translateX(-50%) translateY(${yPos}px)`,
-                width: '100%',
-                height: '50%',
-                background: `radial-gradient(50% ${yPos}px, circle, rgba(242,248,247,1) 0%,rgba(249,249,28,1) 3%,rgba(247,214,46,1) 8%,rgba(248,200,95,1) 12%,rgba(201,165,132,1) 30%,rgba(115,130,133,1) 51%,rgba(46,97,122,1) 85%,rgba(24,75,106,1) 100%)`,
-                zIndex: -900,
-                opacity: 0.5
-            } }),
-        React.createElement("div", { id: "sunDay", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: `radial-gradient(50% ${yPos}px, circle, rgba(252,255,251,0.9) 0%,rgba(253,250,219,0.4) 30%,rgba(226,219,197,0.01) 70%,rgba(226,219,197,0.0) 70%,rgba(201,165,132,0) 100%)`,
-                zIndex: -800,
-                opacity: Math.max(0, 1 - yPos / dimensions.height)
-            } }),
-        React.createElement("div", { id: "sunSet", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: `radial-gradient(50% ${yPos}px, circle, rgba(254,255,255,0.8) 5%,rgba(236,255,0,1) 10%,rgba(253,50,41,1) 25%,rgba(243,0,0,1) 40%,rgba(93,0,0,1) 100%)`,
-                zIndex: -800,
-                opacity: Math.max(0, yPos / dimensions.height - 0.2)
-            } }),
-        React.createElement("div", { id: "sky", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                zIndex: -700,
-                background: 'linear-gradient(to top, rgba(249,251,240,1) 10%,rgba(215,253,254,1) 20%,rgba(167,222,253,1) 40%,rgba(110,175,255,1) 100%)',
-                opacity: Math.max(0, 1 - yPos / dimensions.height)
-            } }),
-        React.createElement("div", { id: "horizon", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'linear-gradient(to top, rgba(212,87,43,0.9) 0%,rgba(246,149,52,0.8) 20%,rgba(24,75,106,0) 100%)',
-                zIndex: -700,
-                opacity: Math.max(0, yPos > dimensions.height / 2
-                    ? (dimensions.height - yPos) / (dimensions.height / 2) + 0.2
-                    : yPos / (dimensions.height / 2))
-            } }),
-        React.createElement("div", { id: "horizonNight", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'linear-gradient(to top, rgba(57,167,255,1) 0%,rgba(13,98,245,1) 20%,rgba(0,11,22,0.1) 60%)',
-                zIndex: -600,
-                opacity: Math.max(0, (yPos - (dimensions.height * 4 / 5)) / (dimensions.height - (dimensions.height * 4 / 5)))
-            } }),
-        React.createElement("div", { id: "moon", style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'radial-gradient(40% 55%, circle, rgba(249,249,250,1) -1%,rgba(189,255,254,1) 1%,rgba(8,49,78,1) 1%,rgba(8,26,56,1) 10%,rgba(4,16,46,1) 40%,rgba(2,8,13,1) 70%)',
-                zIndex: -500,
-                opacity: Math.max(0, (yPos - (dimensions.height * 9 / 10)) / (dimensions.height - (dimensions.height * 9 / 10)))
-            } }),
-        React.createElement("div", { id: "water", style: {
-                overflow: 'hidden',
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'linear-gradient(to top, rgba(0,25,45,1) 0%,rgba(14,71,117,1) 35%,rgba(26,126,174,1) 70%,rgba(62,168,220,1) 100%)',
-                zIndex: -400
-            } }),
-        React.createElement("div", { id: "waterReflectionContainer", style: {
-                perspective: 30,
-                perspectiveOrigin: `50% ${-15 + (normalizedPos * 30)}%`,
-                overflow: 'hidden',
-                position: 'absolute',
-                top: '50%',
-                left: '-3%',
-                width: '103%',
-                height: '50%',
-                zIndex: -300,
-                transform: `translateY(${dimensions.height - yPos}px)`
-            } },
-            React.createElement("div", { id: "waterReflectionMiddle", style: {
-                    position: 'absolute',
-                    top: 0,
-                    left: '-50%',
-                    width: '200%',
-                    height: '55%',
-                    background: 'radial-gradient(50% 0px, rgba(247,177,72,1) 3%,rgba(248,175,65,1) 6%,rgba(207,62,30,0.4) 35%,rgba(176,91,48,0.1) 45%,rgba(141,88,47,0.0) 60%,rgba(116,82,63,0.0) 70%,rgba(44,65,68,0.0) 80%,rgba(7,19,31,0.0) 100%)',
-                    zIndex: -200,
-                    opacity: Math.max(0, yPos > dimensions.height / 2
-                        ? (dimensions.height - yPos) / (dimensions.height / 2) - 0.1
-                        : yPos / (dimensions.height / 2) - 0.1),
-                    transform: 'rotateX(45deg)'
-                } })),
-        React.createElement("div", { id: "waterDistance", style: {
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                background: 'linear-gradient(90deg, rgba(0,0,0,0.0) 10%,rgba(0,0,0,0.20) 44%,rgba(0,0,0,0.65) 95%,rgba(0,0,0,0.62) 100%)',
-                zIndex: -100,
-                opacity: Math.max(0, yPos / dimensions.height + 0.6)
-            } }),
-        React.createElement("div", { id: "darknessOverlaySky", style: {
-                backgroundColor: '#000',
-                opacity: Math.max(0, (yPos - (dimensions.height * 7 / 10)) / (dimensions.height - (dimensions.height * 7 / 10))),
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                zIndex: -50
-            } }),
-        React.createElement("div", { id: "darknessOverlay", style: {
-                backgroundColor: '#000',
-                opacity: Math.max(0, (yPos - (dimensions.height / 2)) / (dimensions.height / 2)),
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                width: '100%',
-                height: '50%',
-                zIndex: -5
-            } }),
-        React.createElement("div", { id: "oceanRipple", style: {
-                backgroundImage: 'repeating-linear-gradient(175deg, rgba(165,165,165,0.08) 43%,rgba(175,175,175,0.08) 45%,rgba(235,235,235,0.08) 49%,rgba(195,195,195,0.08) 50%,rgba(165,165,165,0.08) 54%)',
-                opacity: 0.5,
-                position: 'absolute',
-                left: '0%',
-                bottom: 0,
-                width: '100%',
-                height: '50%',
-                zIndex: -10
-            } })));
-};
-export default SunriseAnimation;

package/dist/module/src/components/SunriseAnimation.test/implementation.js

@@ -1 +0,0 @@
-"use strict";

package/dist/module/src/components/SunriseAnimation.test/index.js

@@ -1 +0,0 @@
-"use strict";

package/dist/module/src/components/SunriseAnimation.test/interface.js

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import * as ReactDom from 'react-dom/client';
-export const interface = {
-    beforeEach: async (subject, initializer) => {
-        const container = document.createElement('div');
-        document.body.appendChild(container);
-        const root = ReactDom.createRoot(container);
-        const props = initializer();
-        const reactElement = React.createElement(subject, props);
-        root.render(reactElement);
-        return {
-            container,
-            reactElement,
-            domRoot: root,
-            animationElement: container.querySelector('.sunrise-animation')
-        };
-    },
-    afterEach: async (store) => {
-        store.domRoot.unmount();
-        document.body.removeChild(store.container);
-        return store;
-    },
-    andWhen: async (store, whenCB) => {
-        return whenCB(store);
-    },
-    butThen: async (store, thenCB) => {
-        return thenCB(store);
-    },
-    afterAll: () => { },
-    beforeAll: () => ({}),
-    assertThis: (x) => x,
-};

package/dist/module/src/components/SunriseAnimation.test/specification.js

@@ -1 +0,0 @@
-"use strict";

package/dist/module/src/components/SunriseAnimation.test/types.js

@@ -1 +0,0 @@
-export {};

package/dist/module/src/components/TestStatusBadge.js

@@ -1,28 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React from 'react';
-import { Badge } from 'react-bootstrap';
-export const TestStatusBadge = (props) => {
-    // Simplified status determination
-    const hasTests = props.testsExist !== false;
-    const testCompleted = props.runTimeErrors !== -1;
-    const hasRuntimeErrors = props.runTimeErrors > 0;
-    let bddStatus;
-    if (!hasTests) {
-        bddStatus = { text: '❌ No Tests', variant: 'danger' };
-    }
-    else if (!testCompleted) {
-        bddStatus = { text: '❌ No Tests', variant: 'danger' };
-    }
-    else if (hasRuntimeErrors) {
-        bddStatus = { text: `❌ BDD (${props.runTimeErrors})`, variant: 'danger' };
-    }
-    else {
-        bddStatus = { text: '✅ BDD', variant: 'success' };
-    }
-    if (props.variant === 'compact') {
-        console.groupEnd();
-        return React.createElement(Badge, { bg: bddStatus.variant }, bddStatus.text);
-    }
-    return (React.createElement("div", { className: "d-flex gap-2" },
-        React.createElement(Badge, { bg: bddStatus.variant }, bddStatus.text)));
-};

package/dist/module/src/components/pure/AppFrame.js

@@ -1,32 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useState } from 'react';
-import { Container, Nav } from 'react-bootstrap';
-import { NavLink } from 'react-router-dom';
-import { useLocation } from 'react-router-dom';
-export const AppFrame = ({ children, title, rightContent }) => {
-    const location = useLocation();
-    const [isExpanded, setIsExpanded] = useState(true);
-    return (React.createElement("div", { className: "d-flex min-vh-100", style: { backgroundColor: '#f8f9fa' } },
-        React.createElement("div", { className: "bg-light border-end d-flex flex-column", style: {
-                width: isExpanded ? '250px' : '60px',
-                minHeight: '100vh',
-                transition: 'width 0.3s ease'
-            }, onMouseEnter: () => setIsExpanded(true), onMouseLeave: () => setIsExpanded(false) },
-            React.createElement("div", { className: "p-3 border-bottom d-flex align-items-center justify-content-center" }, isExpanded ? (React.createElement("img", { src: "/logo.svg", alt: "Testeranto Logo", style: { width: '128px', height: '128px' } })) : (React.createElement("img", { src: "/logo.svg", alt: "Testeranto Logo", style: { width: '40px', height: '40px' } }))),
-            React.createElement(Nav, { variant: "pills", className: "flex-column p-2 flex-grow-1" },
-                React.createElement(Nav.Link, { as: NavLink, to: "/", className: `${location.pathname === '/' ? 'active' : ''} text-truncate d-flex align-items-center`, style: { width: '100%' }, title: "Projects" },
-                    React.createElement("span", { className: "me-2" }, "\uD83D\uDCC1"),
-                    isExpanded && 'Projects'),
-                React.createElement(Nav.Link, { as: NavLink, to: "/processes", className: `${location.pathname.startsWith('/processes') ? 'active' : ''} text-truncate d-flex align-items-center`, style: { width: '100%' }, title: "Process Manager" },
-                    React.createElement("span", { className: "me-2" }, "\uD83D\uDCCA"),
-                    isExpanded && 'Process Manager'),
-                React.createElement(Nav.Link, { as: NavLink, to: "/settings", className: `${location.pathname === '/settings' ? 'active' : ''} text-truncate d-flex align-items-center`, style: { width: '100%' }, title: "Settings" },
-                    React.createElement("span", { className: "me-2" }, "\u2699\uFE0F"),
-                    isExpanded && 'Settings')),
-            React.createElement("div", { className: "p-3 border-top text-center mt-auto" }, isExpanded ? (React.createElement("small", { className: "text-muted" },
-                "made with \u2764\uFE0F and ",
-                React.createElement("a", { href: "https://www.npmjs.com/package/testeranto" }, "testeranto"))) : (React.createElement("small", { className: "text-muted" }, "\u2764\uFE0F")))),
-        React.createElement("div", { className: "flex-grow-1 d-flex flex-column" },
-            React.createElement("main", { className: "flex-grow-1 p-4", style: { overflow: 'auto' } },
-                React.createElement(Container, { fluid: true, className: "h-100" }, children)))));
-};

package/dist/module/src/components/pure/AppFrame.test/implementation.js

@@ -1,57 +0,0 @@
-import { assert } from "chai";
-import React from "react";
-export const implementation = {
-    suites: {
-        Default: "AppFrame basic rendering",
-        Layout: "AppFrame layout structure",
-    },
-    givens: {
-        Default: () => (selection) => (Object.assign(Object.assign({}, selection), { children: React.createElement("div", null, "Test Content") })),
-        WithChildren: (children) => () => (selection) => (Object.assign(Object.assign({}, selection), { children })),
-    },
-    whens: {},
-    thens: {
-        takeScreenshot: (name) => async ({ htmlElement, container }, pm) => {
-            if (!container)
-                throw new Error('Container not found');
-            const p = await pm.page();
-            await pm.customScreenShot({ path: `${name}.png` }, p);
-            return {
-                htmlElement,
-                reactElement: React.createElement('div'),
-                domRoot: container,
-                container
-            };
-        },
-        RendersContainer: () => async ({ htmlElement, container }) => {
-            // const container = htmlElement.querySelector('.min-vh-100');
-            assert.exists(container, 'Should have min-vh-100 container');
-            return {
-                htmlElement,
-                reactElement: React.createElement('div'),
-                domRoot: container,
-                container: container
-            };
-        },
-        HasMainContent: () => async ({ htmlElement }) => {
-            const main = htmlElement.querySelector('main.flex-grow-1');
-            assert.exists(main, 'Should have main content area');
-            return { htmlElement };
-        },
-        HasFooter: () => async ({ htmlElement }) => {
-            const footer = htmlElement.querySelector('footer');
-            assert.exists(footer, 'Should have footer');
-            return { htmlElement };
-        },
-        HasSettingsButton: () => async ({ htmlElement }) => {
-            const button = htmlElement.querySelector('footer button');
-            assert.exists(button, 'Should have settings button in footer');
-            return { htmlElement };
-        },
-        HasTesterantoLink: () => async ({ htmlElement }) => {
-            const link = htmlElement.querySelector('footer a[href*="testeranto"]');
-            assert.exists(link, 'Should have testeranto link in footer');
-            return { htmlElement };
-        },
-    },
-};

package/dist/module/src/components/pure/AppFrame.test/index.js

@@ -1,9 +0,0 @@
-import React from "react";
-import Testeranto from "testeranto-react/src/react-dom/component/web";
-import { implementation } from "./implementation";
-import { specification } from "./specification";
-import { AppFrame } from "../AppFrame";
-import "../../../App.scss";
-const WrappedAppFrame = ({ children }) => (React.createElement("div", { id: "test-root" },
-    React.createElement(AppFrame, { "data-testid": "app-frame" }, children)));
-export default Testeranto(implementation, specification, WrappedAppFrame);

package/dist/module/src/components/pure/AppFrame.test/specification.js

@@ -1,21 +0,0 @@
-export const specification = (Suite, Given, When, Then) => {
-    return [
-        Suite.Default("AppFrame basic rendering", {
-            "renders container": Given.Default([], [], [Then.RendersContainer()]),
-            "has main content area": Given.Default([], [], [Then.HasMainContent()]),
-            has_footer: Given.Default([], [], [Then.HasFooter(), Then.takeScreenshot("hello.png")]),
-        }),
-        // Suite.Layout("AppFrame layout structure", {
-        //   "contains settings button": Given.Default(
-        //     [],
-        //     [],
-        //     [Then.HasSettingsButton()]
-        //   ),
-        //   "contains testeranto link": Given.Default(
-        //     [],
-        //     [],
-        //     [Then.HasTesterantoLink(), Then.takeScreenshot("hello.png")]
-        //   ),
-        // }),
-    ];
-};

package/dist/module/src/components/pure/AppFrame.test/types.js

@@ -1,2 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-object-type */
-export {};

package/dist/module/src/components/pure/FeaturesReporterView.js

@@ -1,16 +0,0 @@
-import React from 'react';
-export const FeaturesReporterView = ({ treeData }) => {
-    return (React.createElement("div", { className: "features-reporter" },
-        React.createElement("h1", null, "File Structure"),
-        React.createElement("div", { className: "tree-container" }, treeData.map(project => {
-            var _a;
-            return (React.createElement("div", { key: project.name, className: "project" },
-                React.createElement("h3", null, project.name),
-                React.createElement("ul", { className: "file-tree" }, (_a = project.children) === null || _a === void 0 ? void 0 : _a.map(file => renderFile(file)))));
-        }))));
-};
-function renderFile(node) {
-    return (React.createElement("li", { key: node.name },
-        React.createElement("span", null, node.name),
-        node.children && (React.createElement("ul", null, node.children.map(child => renderFile(child))))));
-}

package/dist/module/src/components/pure/FeaturesReporterView.test/implementation.js

@@ -1,81 +0,0 @@
-import { assert } from "chai";
-const mockTreeData = [
-    {
-        name: "project-1",
-        type: "project",
-        children: [
-            {
-                name: "src/file1.test.ts",
-                type: "file",
-                path: "src/file1.test.ts",
-                children: [
-                    {
-                        name: "test1",
-                        type: "test",
-                        status: "passed",
-                        children: [
-                            {
-                                name: "given1",
-                                type: "given",
-                                status: "passed",
-                                children: [
-                                    {
-                                        name: "then1",
-                                        type: "then",
-                                        status: "passed"
-                                    }
-                                ]
-                            }
-                        ]
-                    }
-                ]
-            }
-        ]
-    }
-];
-export const implementation = {
-    suites: {
-        Default: "Features Reporter View Tests",
-    },
-    givens: {
-        Default: () => ({
-            treeData: mockTreeData
-        }),
-        WithEmptyData: () => ({
-            treeData: []
-        }),
-    },
-    whens: {},
-    thens: {
-        hasProjectNames: () => async ({ htmlElement }) => {
-            const projectNodes = htmlElement.querySelectorAll('.tree-node.project');
-            assert.isAtLeast(projectNodes.length, 1, 'Should show project names');
-            return { htmlElement };
-        },
-        hasFilePaths: () => async ({ htmlElement }) => {
-            const fileNodes = htmlElement.querySelectorAll('.tree-node.file');
-            assert.isAtLeast(fileNodes.length, 1, 'Should show file paths');
-            return { htmlElement };
-        },
-        hasTestNames: () => async ({ htmlElement }) => {
-            const testNodes = htmlElement.querySelectorAll('.tree-node.test');
-            assert.isAtLeast(testNodes.length, 1, 'Should show test names');
-            return { htmlElement };
-        },
-        hasStatusBadges: () => async ({ htmlElement }) => {
-            const statusBadges = htmlElement.querySelectorAll('.status-badge');
-            assert.isAtLeast(statusBadges.length, 1, 'Should show status badges');
-            return { htmlElement };
-        },
-        showsEmptyMessage: () => async ({ htmlElement }) => {
-            const emptyMessage = htmlElement.querySelector('.empty-message');
-            assert.exists(emptyMessage, 'Should show empty message');
-            return { htmlElement };
-        },
-        takeScreenshot: (name) => async ({ htmlElement }, pm) => {
-            const p = await pm.page();
-            await pm.customScreenShot({ path: name }, p);
-            return { htmlElement };
-        },
-    },
-};

package/dist/module/src/components/pure/FeaturesReporterView.test/index.js

@@ -1,9 +0,0 @@
-import Testeranto from "testeranto-react/src/react-dom/component/web";
-import { MemoryRouter } from "react-router-dom";
-import { implementation } from "./implementation";
-import { specification } from "./specification";
-import { FeaturesReporterView } from "../FeaturesReporterView";
-import React from "react";
-const WrappedFeaturesReporterView = (props) => (React.createElement(MemoryRouter, null,
-    React.createElement(FeaturesReporterView, Object.assign({}, props))));
-export default Testeranto(implementation, specification, WrappedFeaturesReporterView);

package/dist/module/src/components/pure/FeaturesReporterView.test/specification.js

@@ -1,23 +0,0 @@
-export const specification = (Suite, Given, When, Then) => {
-    return [
-        Suite.Default("FeaturesReporterView Component Tests", {
-            basicRender: Given.Default([
-                "FeaturesReporterView should render",
-                "It should show project names",
-                "It should show file paths",
-                "It should show test names",
-                "It should show test statuses"
-            ], [], [
-                Then.hasProjectNames(),
-                Then.hasFilePaths(),
-                Then.hasTestNames(),
-                Then.hasStatusBadges(),
-                Then.takeScreenshot("features-reporter.png")
-            ]),
-            emptyState: Given.WithEmptyData([
-                "FeaturesReporterView should handle empty state",
-                "It should show empty message when no projects exist"
-            ], [], [Then.showsEmptyMessage()]),
-        }),
-    ];
-};

package/dist/module/src/components/pure/FeaturesReporterView.test/types.js

@@ -1 +0,0 @@
-export {};