testeranto 0.200.1 → 0.203.0

package/dist/common/src/components/pure/ProjectPageView.test/implementation.js

@@ -1,184 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.implementation = void 0;
-const chai_1 = require("chai");
-exports.implementation = {
-    suites: {
-        Default: "Project Page View Tests",
-    },
-    givens: {
-        Default: () => {
-            // Create a container to mount the component
-            const container = document.createElement('div');
-            document.body.appendChild(container);
-            return {
-                summary: {
-                    "test-suite-1": {
-                        testsExist: true,
-                        runTimeErrors: 0,
-                        typeErrors: 2,
-                        staticErrors: 1
-                    },
-                    "test-suite-2": {
-                        testsExist: true,
-                        runTimeErrors: 1,
-                        typeErrors: 0,
-                        staticErrors: 0
-                    }
-                },
-                nodeLogs: {
-                    errors: [],
-                    warnings: [
-                        {
-                            text: "Unused variable",
-                            location: { file: "src/file1.ts", line: 10 },
-                            pluginName: "typescript"
-                        }
-                    ],
-                    metafile: {
-                        inputs: {
-                            "src/file1.ts": { bytes: 1024 },
-                            "src/file2.ts": { bytes: 2048 }
-                        },
-                        outputs: {
-                            "dist/file1.js": { bytes: 1536, entryPoint: true },
-                            "dist/file2.js": { bytes: 2560 }
-                        }
-                    }
-                },
-                webLogs: {
-                    errors: [],
-                    warnings: [],
-                    metafile: {
-                        inputs: {
-                            "src/file1.ts": { bytes: 1024 },
-                            "src/file2.ts": { bytes: 2048 }
-                        },
-                        outputs: {
-                            "dist/file1.js": { bytes: 1536, entryPoint: true },
-                            "dist/file2.js": { bytes: 2560 }
-                        }
-                    }
-                },
-                pureLogs: {
-                    errors: [
-                        {
-                            text: "Syntax error",
-                            location: { file: "src/file3.ts", line: 5 },
-                            pluginName: "typescript"
-                        }
-                    ],
-                    warnings: [],
-                    metafile: {
-                        inputs: {
-                            "src/file3.ts": { bytes: 512 },
-                            "src/file4.ts": { bytes: 768 }
-                        },
-                        outputs: {
-                            "dist/file3.js": { bytes: 1024, entryPoint: true },
-                            "dist/file4.js": { bytes: 1280 }
-                        }
-                    }
-                },
-                config: {
-                    tests: [
-                        ["test-suite-1", "node"],
-                        ["test-suite-2", "web"]
-                    ]
-                },
-                loading: false,
-                error: null,
-                projectName: "test-project",
-                activeTab: "tests",
-                setActiveTab: () => { },
-                route: "tests",
-                setRoute: () => { },
-                navigate: () => { },
-                // Add the required properties for ISelection
-                htmlElement: container,
-                reactElement: null,
-                domRoot: null
-            };
-        },
-        WithError: () => {
-            const container = document.createElement('div');
-            document.body.appendChild(container);
-            return {
-                summary: null,
-                nodeLogs: null,
-                webLogs: null,
-                pureLogs: null,
-                config: { tests: [] },
-                loading: false,
-                error: "Test error message",
-                projectName: "test-project",
-                activeTab: "tests",
-                setActiveTab: () => { },
-                route: "tests",
-                setRoute: () => { },
-                navigate: () => { },
-                // Add the required properties for ISelection
-                htmlElement: container,
-                reactElement: null,
-                domRoot: null
-            };
-        },
-    },
-    whens: {},
-    thens: {
-        hasContainerFluid: () => (state) => {
-            const htmlElement = state.htmlElement;
-            const container = htmlElement.querySelector('.container-fluid');
-            chai_1.assert.exists(container, 'Should have container-fluid div');
-            return state;
-        },
-        hasNavBar: () => (state) => {
-            const htmlElement = state.htmlElement;
-            const navBar = htmlElement.querySelector('nav.navbar');
-            chai_1.assert.exists(navBar, 'Should render NavBar component');
-            return state;
-        },
-        hasNavBarTitle: () => (state) => {
-            var _a;
-            const htmlElement = state.htmlElement;
-            const navBarTitle = (_a = htmlElement.querySelector('nav.navbar .navbar-brand')) === null || _a === void 0 ? void 0 : _a.textContent;
-            chai_1.assert.isNotEmpty(navBarTitle, 'NavBar should have title');
-            return state;
-        },
-        hasTestTable: () => (state) => {
-            const htmlElement = state.htmlElement;
-            const testTable = htmlElement.querySelector('table');
-            chai_1.assert.exists(testTable, 'Should render test table');
-            return state;
-        },
-        rendersTestSuite1: () => (state) => {
-            const htmlElement = state.htmlElement;
-            const testTable = htmlElement.querySelector('table');
-            const testNames = Array.from(testTable.querySelectorAll('tbody tr td:first-child'))
-                .map(el => el.textContent);
-            chai_1.assert.include(testNames, 'test-suite-1', 'Should render test-suite-1');
-            return state;
-        },
-        rendersTestSuite2: () => (state) => {
-            const htmlElement = state.htmlElement;
-            const testTable = htmlElement.querySelector('table');
-            const testNames = Array.from(testTable.querySelectorAll('tbody tr td:first-child'))
-                .map(el => el.textContent);
-            chai_1.assert.include(testNames, 'test-suite-2', 'Should render test-suite-2');
-            return state;
-        },
-        unhappyPath: () => (state) => {
-            const htmlElement = state.htmlElement;
-            const errorAlert = htmlElement.querySelector('.alert-danger');
-            chai_1.assert.exists(errorAlert, 'Should show error alert');
-            const errorText = errorAlert === null || errorAlert === void 0 ? void 0 : errorAlert.textContent;
-            chai_1.assert.include(errorText, 'Test error message', 'Should display error message');
-            return state;
-        },
-        takeScreenshot: (name) => async (state, pm) => {
-            const p = await pm.page();
-            await pm.customScreenShot({ path: name }, p);
-            return state;
-        },
-    },
-};

package/dist/common/src/components/pure/ProjectPageView.test/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const web_1 = __importDefault(require("testeranto-react/src/react-dom/component/web"));
-const react_router_dom_1 = require("react-router-dom");
-const implementation_1 = require("./implementation");
-const specification_1 = require("./specification");
-const ProjectPageView_1 = require("../ProjectPageView");
-const react_1 = __importDefault(require("react"));
-const WrappedProjectPageView = (props) => (react_1.default.createElement(react_router_dom_1.MemoryRouter, null,
-    react_1.default.createElement(ProjectPageView_1.ProjectPageView, Object.assign({}, props), " ")));
-exports.default = (0, web_1.default)(implementation_1.implementation, specification_1.specification, WrappedProjectPageView);

package/dist/common/src/components/pure/ProjectPageView.test/specification.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.specification = void 0;
-const specification = (Suite, Given, When, Then) => {
-    return [
-        Suite.Default("ProjectPageView Component Tests", {
-            basicRender: Given.Default([
-                "ProjectPageView should render",
-                "It should contain a container-fluid div",
-                "It should render the NavBar component",
-                "NavBar should display project title",
-                "It should render test results table",
-                "It should display test-suite-1 results",
-                "It should display test-suite-2 results",
-            ], [], [
-                Then.hasContainerFluid(),
-                Then.hasNavBar(),
-                Then.hasNavBarTitle(),
-                Then.hasTestTable(),
-                Then.rendersTestSuite1(),
-                Then.rendersTestSuite2(),
-                Then.takeScreenshot("happy-state.png"),
-            ]),
-            errorHandling: Given.WithError([
-                "ProjectPageView should handle errors",
-                "It should display error messages when present",
-                "It should capture screenshots of error state",
-            ], [], [Then.unhappyPath(), Then.takeScreenshot("error-state.png")]),
-        }),
-    ];
-};
-exports.specification = specification;

package/dist/common/src/components/pure/ProjectPageView.test/types.js

@@ -1,4 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-empty-object-type */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/common/src/components/pure/ProjectsPageView.js

@@ -1,72 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProjectsPageView = void 0;
-const react_1 = __importDefault(require("react"));
-const react_bootstrap_1 = require("react-bootstrap");
-const ProjectsPageView = ({ projects, summaries, configs, loading, error, navigate, }) => {
-    const getStatusIcon = (status) => {
-        switch (status) {
-            case "success":
-                return "✅";
-            case "failed":
-                return "❌";
-            case "warning":
-                return "⚠️";
-            default:
-                return "❓";
-        }
-    };
-    if (loading)
-        return react_1.default.createElement("div", null, "Loading projects...");
-    if (error)
-        return react_1.default.createElement(react_bootstrap_1.Alert, { variant: "danger" },
-            "Error: ",
-            error);
-    return (react_1.default.createElement("div", { className: "" },
-        react_1.default.createElement(react_bootstrap_1.Table, { striped: true, bordered: true, hover: true, responsive: true },
-            react_1.default.createElement("thead", null,
-                react_1.default.createElement("tr", null,
-                    react_1.default.createElement("th", null, "Project"),
-                    react_1.default.createElement("th", null, "Tests"),
-                    react_1.default.createElement("th", null, "Node"),
-                    react_1.default.createElement("th", null, "Web"),
-                    react_1.default.createElement("th", null, "Pure"))),
-            react_1.default.createElement("tbody", null, projects.map((project) => (react_1.default.createElement("tr", { key: project.name },
-                react_1.default.createElement("td", null,
-                    react_1.default.createElement("a", { href: "#", onClick: (e) => {
-                            e.preventDefault();
-                            navigate(`/projects/${project.name}`);
-                        } }, project.name)),
-                react_1.default.createElement("td", null,
-                    react_1.default.createElement("div", null, summaries[project.name] ? (Object.keys(summaries[project.name]).map((testName) => {
-                        var _a, _b, _c;
-                        const testData = summaries[project.name][testName];
-                        const runTime = ((_c = (_b = (_a = configs[project.name]) === null || _a === void 0 ? void 0 : _a.tests) === null || _b === void 0 ? void 0 : _b.find((t) => t[0] === testName)) === null || _c === void 0 ? void 0 : _c[1]) || "node";
-                        const hasRuntimeErrors = testData.runTimeErrors > 0;
-                        const hasStaticErrors = testData.typeErrors > 0 || testData.staticErrors > 0;
-                        return (react_1.default.createElement("div", { key: testName },
-                            react_1.default.createElement("a", { href: `#/projects/${project.name}/tests/${encodeURIComponent(testName)}/${runTime}` },
-                                hasRuntimeErrors
-                                    ? "❌ "
-                                    : hasStaticErrors
-                                        ? "⚠️ "
-                                        : "",
-                                testName.split("/").pop() || testName)));
-                    })) : (react_1.default.createElement("div", null, "Loading tests...")))),
-                react_1.default.createElement("td", null,
-                    react_1.default.createElement("a", { href: `#/projects/${project.name}#node` },
-                        getStatusIcon(project.nodeStatus),
-                        " Node build logs")),
-                react_1.default.createElement("td", null,
-                    react_1.default.createElement("a", { href: `#/projects/${project.name}#web` },
-                        getStatusIcon(project.webStatus),
-                        " Web build logs")),
-                react_1.default.createElement("td", null,
-                    react_1.default.createElement("a", { href: `#/projects/${project.name}#pure` },
-                        getStatusIcon(project.pureStatus),
-                        " Pure build logs")))))))));
-};
-exports.ProjectsPageView = ProjectsPageView;

package/dist/common/src/components/pure/SettingsButton.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SettingsButton = void 0;
-const react_1 = __importDefault(require("react"));
-const react_bootstrap_1 = require("react-bootstrap");
-const react_router_dom_1 = require("react-router-dom");
-const SettingsButton = () => {
-    return (react_1.default.createElement(react_bootstrap_1.Nav.Link, { as: react_router_dom_1.NavLink, to: "/settings" }, "Settings"));
-};
-exports.SettingsButton = SettingsButton;

package/dist/common/src/components/pure/SingleProcessView.js

@@ -1,214 +0,0 @@
-"use strict";
-// import React, { useEffect, useRef, useState } from 'react';
-// import { Container, Badge, Button, Alert } from 'react-bootstrap';
-// import { Process } from './ProcessManagerView';
-// import { NavBar } from './NavBar';
-// interface SingleProcessViewProps {
-//   process: Process | null;
-//   onBack: () => void;
-//   loading: boolean;
-//   onKillProcess?: (processId: string) => void;
-//   ws?: WebSocket | null;
-// }
-// export const SingleProcessView: React.FC<SingleProcessViewProps> = ({
-//   process,
-//   onBack,
-//   loading,
-//   onKillProcess,
-//   ws
-// }) => {
-//   const terminalRef = useRef<HTMLDivElement>(null);
-//   const [inputEnabled, setInputEnabled] = useState(false);
-//   // Phase 1: Basic implementation - just show logs in a pre element
-//   // We'll upgrade to xterm.js later when we're ready
-//   // Update input enabled status
-//   useEffect(() => {
-//     setInputEnabled(process?.status === 'running');
-//   }, [process?.status]);
-//   // Handle user input
-//   const handleInput = (data: string) => {
-//     if (ws && ws.readyState === WebSocket.OPEN && process?.status === 'running') {
-//       console.log('Sending stdin:', data);
-//       ws.send(JSON.stringify({
-//         type: 'stdin',
-//         processId: process.processId,
-//         data: data
-//       }));
-//     } else {
-//       console.log('Cannot send stdin - conditions not met:', {
-//         wsExists: !!ws,
-//         wsReady: ws?.readyState,
-//         processStatus: process?.status
-//       });
-//     }
-//   };
-//   const getStatusBadge = (process: Process) => {
-//     switch (process.status) {
-//       case 'running':
-//         return <Badge bg="success">Running</Badge>;
-//       case 'exited':
-//         return <Badge bg="secondary">Exited ({process.exitCode})</Badge>;
-//       case 'error':
-//         return <Badge bg="danger">Error</Badge>;
-//       default:
-//         return <Badge bg="warning">Unknown</Badge>;
-//     }
-//   };
-//   if (loading) {
-//     return <div>Initializing terminal...</div>;
-//   }
-//   if (!process) {
-//     return (
-//       <Alert variant="warning">
-//         Process not found or not running. The process may have completed.
-//       </Alert>
-//     );
-//   }
-//   return (
-//     <div style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
-//       {/* Main content area */}
-//       <div style={{ flex: 1, display: 'flex', overflow: 'hidden' }}>
-//         {/* Fixed sidebar */}
-//         <div
-//           className="bg-light border-end"
-//           style={{
-//             width: '300px',
-//             minWidth: '300px',
-//             flexShrink: 0,
-//             overflowY: 'auto'
-//           }}
-//         >
-//           <div className="p-3">
-//             <div className="mb-3">
-//               <strong>Command:</strong>
-//               <code className="bg-white p-2 rounded d-block mt-1" style={{ fontSize: '0.8rem' }}>
-//                 {process.command}
-//               </code>
-//             </div>
-//             <div className="mb-2">
-//               <strong>Status:</strong>
-//               <div className="mt-1">{getStatusBadge(process)}</div>
-//             </div>
-//             <div className="mb-2">
-//               <strong>PID:</strong>
-//               <div className="text-muted">{process.pid || 'N/A'}</div>
-//             </div>
-//             <div className="mb-2">
-//               <strong>Started:</strong>
-//               <div className="text-muted">{new Date(process.timestamp).toLocaleString()}</div>
-//             </div>
-//             {process.exitCode !== undefined && (
-//               <div className="mb-2">
-//                 <strong>Exit Code:</strong>
-//                 <div className="text-muted">{process.exitCode}</div>
-//               </div>
-//             )}
-//             {process.error && (
-//               <div className="mt-3">
-//                 <strong className="text-danger">Error:</strong>
-//                 <div className="text-danger small mt-1">{process.error}</div>
-//               </div>
-//             )}
-//           </div>
-//         </div>
-//         {/* Scrollable logs area */}
-//         <div style={{ flex: 1, display: 'flex', flexDirection: 'column', minHeight: 0 }}>
-//           {/* Log header */}
-//           <div className="d-flex justify-content-between align-items-center p-3 border-bottom bg-white" style={{ flexShrink: 0 }}>
-//             <small className="text-muted">
-//               {process.logs?.length || 0} lines
-//             </small>
-//           </div>
-//           {/* Scrollable log content */}
-//           <div
-//             className="bg-dark text-light flex-grow-1"
-//             style={{
-//               overflowY: 'auto',
-//               fontFamily: 'Monaco, Menlo, "Ubuntu Mono", monospace',
-//               fontSize: '14px',
-//               lineHeight: '1.4',
-//               padding: '1rem'
-//             }}
-//             ref={(el) => {
-//               // Auto-scroll to bottom when logs update
-//               if (el) {
-//                 el.scrollTop = el.scrollHeight;
-//               }
-//             }}
-//           >
-//             {process.logs && process.logs.length > 0 ? (
-//               <pre className="mb-0" style={{
-//                 whiteSpace: 'pre-wrap',
-//                 wordBreak: 'break-word',
-//                 backgroundColor: 'transparent',
-//                 border: 'none',
-//                 color: 'inherit'
-//               }}>
-//                 {process.logs.join('')}
-//               </pre>
-//             ) : (
-//               <div className="text-muted text-center py-4">
-//                 <i>No output yet</i>
-//               </div>
-//             )}
-//           </div>
-//         </div>
-//       </div>
-//       {/* Fixed input at the bottom */}
-//       {inputEnabled && (
-//         <div className="border-top bg-white p-3" style={{ flexShrink: 0 }}>
-//           <div className="input-group">
-//             <input
-//               type="text"
-//               className="form-control"
-//               placeholder="Type input and press Enter..."
-//               onKeyPress={(e) => {
-//                 if (e.key === 'Enter') {
-//                   const target = e.target as HTMLInputElement;
-//                   const inputValue = target.value;
-//                   if (inputValue.trim()) {
-//                     handleInput(inputValue + '\n');
-//                     target.value = '';
-//                   }
-//                 }
-//               }}
-//               autoFocus
-//             />
-//             <button
-//               className="btn btn-primary"
-//               type="button"
-//               onClick={() => {
-//                 const input = document.querySelector('input') as HTMLInputElement;
-//                 const inputValue = input.value;
-//                 if (inputValue.trim()) {
-//                   handleInput(inputValue + '\n');
-//                   input.value = '';
-//                 }
-//               }}
-//             >
-//               Send
-//             </button>
-//           </div>
-//           <small className="text-muted">
-//             💡 Press Enter to send input to the process
-//           </small>
-//         </div>
-//       )}
-//       {/* Status alerts - fixed positioning */}
-//       {!inputEnabled && process.status === 'running' && (
-//         <Alert variant="info" className="m-3" style={{ flexShrink: 0 }}>
-//           <Alert.Heading className="h6">Input Disabled</Alert.Heading>
-//           <small>Terminal input is temporarily unavailable. Try refreshing the page.</small>
-//         </Alert>
-//       )}
-//       {process.status !== 'running' && (
-//         <Alert variant="secondary" className="m-3" style={{ flexShrink: 0 }}>
-//           <Alert.Heading className="h6">Read-only Mode</Alert.Heading>
-//           <small>
-//             This process is no longer running. You can view the output logs but cannot send input.
-//           </small>
-//         </Alert>
-//       )}
-//     </div>
-//   );
-// };