testeranto 0.177.0 → 0.197.0

package/example.css

@@ -1,351 +0,0 @@
-  body {
-    cursor: pointer;
-    overflow: hidden;
-    background-color: black;
-  }
-
-  #sun {
-    position: absolute;
-    top: 0px;
-    left: 0%;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    background: -webkit-radial-gradient(bottom, 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%);
-    background: -moz-radial-gradient(bottom, 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%);
-    background: -ms-radial-gradient(bottom, 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%);
-
-    z-index: 10;
-    opacity: 0.5;
-  }
-
-  #sunDay {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    background: -webkit-radial-gradient(bottom, 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%);
-    background: -moz-radial-gradient(bottom, 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%);
-    background: -ms-radial-gradient(bottom, 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%);
-
-    z-index: 999;
-    opacity: 0.5;
-  }
-
-  #moon {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    background: -webkit-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%);
-    background: -moz-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%);
-    background: -ms-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%);
-
-    z-index: 10001;
-    opacity: 0;
-  }
-
-  #sunSet {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    background: -webkit-radial-gradient(bottom, 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%);
-    background: -moz-radial-gradient(bottom, 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%);
-    background: -ms-radial-gradient(bottom, 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%);
-
-    z-index: 999;
-    opacity: 0.3;
-  }
-
-  #sky {
-    cursor: pointer;
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    z-index: 5;
-    background: -webkit-linear-gradient(bottom, rgba(249, 251, 240, 1) 10%, rgba(215, 253, 254, 1) 20%, rgba(167, 222, 253, 1) 40%, rgba(110, 175, 255, 1) 100%);
-    background: -moz-linear-gradient(bottom, rgba(249, 251, 240, 1) 10%, rgba(215, 253, 254, 1) 20%, rgba(167, 222, 253, 1) 40%, rgba(110, 175, 255, 1) 100%);
-    background: -ms-linear-gradient(bottom, rgba(249, 251, 240, 1) 10%, rgba(215, 253, 254, 1) 20%, rgba(167, 222, 253, 1) 40%, rgba(110, 175, 255, 1) 100%);
-    background: linear-gradient(bottom, 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: 0.52;
-  }
-
-  #starsContainer {
-    -webkit-perspective: 350;
-    -moz-perspective: 350;
-    perspective: 350;
-    -webkit-perspective-origin: 50% 300%;
-    perspective-origin: 50% 300%;
-    -moz-perspective-origin: 50% 300%;
-    overflow: hidden;
-    position: absolute;
-    top: 0px;
-    left: -50%;
-    width: 200%;
-    height: 50%;
-    z-index: 10000;
-    opacity: 0;
-    display: none;
-  }
-
-  #stars {
-    background-repeat: repeat;
-    background: url(stars.jpg);
-    position: absolute;
-    width: 200%;
-    height: 200%;
-    left: -50%;
-    bottom: 0px;
-    opacity: 0.5;
-    -webkit-transform: rotateX(-90eg);
-    transform: rotateX(-90deg);
-    -moz-transform: rotateX(-90deg);
-    -ms-transform: rotateX(-90deg);
-  }
-
-  #mountainRange {
-    position: absolute;
-    left: 0px;
-    width: 100%;
-    bottom: 50%;
-    display: none;
-    z-index: 999;
-  }
-
-  .star {
-    position: absolute;
-    display: block;
-    color: #fff;
-    width: 0px;
-    height: 0px;
-    border-right: 10px solid transparent;
-    border-bottom: 7px solid #fff;
-    border-left: 10px solid transparent;
-    -moz-transform: rotate(35deg);
-    -webkit-transform: rotate(35deg);
-    -ms-transform: rotate(35deg);
-    -o-transform: rotate(35deg);
-    z-index: 999;
-    opacity: 0.09;
-    display: none;
-  }
-
-  .star:before {
-    border-bottom: 8px solid #fff;
-    border-left: 3px solid transparent;
-    border-right: 3px solid transparent;
-    position: absolute;
-    height: 0;
-    width: 0;
-    top: -5px;
-    left: -6px;
-    display: block;
-    content: '';
-    -webkit-transform: rotate(-35deg);
-    -moz-transform: rotate(-35deg);
-    -ms-transform: rotate(-35deg);
-    -o-transform: rotate(-35deg);
-  }
-
-  .star:after {
-    position: absolute;
-    display: block;
-    color: #fff;
-    top: 0px;
-    left: -10px;
-    width: 0px;
-    height: 0px;
-    border-right: 10px solid transparent;
-    border-bottom: 7px solid #fff;
-    border-left: 10px solid transparent;
-    -webkit-transform: rotate(-70deg);
-    -moz-transform: rotate(-70deg);
-    -ms-transform: rotate(-70deg);
-    -o-transform: rotate(-70deg);
-    content: '';
-  }
-
-  #mountain {
-    border-bottom: 100px solid #000;
-    border-right: 100px solid transparent;
-    border-width-right: 50%;
-    width: 0px;
-    height: 0px;
-    position: absolute;
-    left: 0px;
-    bottom: 50%;
-    z-index: 999;
-  }
-
-  #horizon {
-    cursor: pointer;
-    position: absolute;
-    top: 0px;
-    left: 0;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    z-index: 5;
-    background: -webkit-linear-gradient(bottom, rgba(212, 87, 43, 0.9) 0%, rgba(246, 149, 52, 0.8) 20%, rgba(24, 75, 106, 0) 100%);
-    background: -moz-linear-gradient(bottom, rgba(212, 87, 43, 0.9) 0%, rgba(246, 149, 52, 0.8) 20%, rgba(24, 75, 106, 0) 100%);
-    background: -ms-linear-gradient(bottom, rgba(212, 87, 43, 0.9) 0%, rgba(246, 149, 52, 0.8) 20%, rgba(24, 75, 106, 0) 100%);
-    background: linear-gradient(bottom, rgba(212, 87, 43, 0.9) 0%, rgba(246, 149, 52, 0.8) 20%, rgba(24, 75, 106, 0) 100%);
-    opacity: 0.99;
-  }
-
-  #horizonNight {
-    cursor: pointer;
-    position: absolute;
-    top: 0px;
-    left: 0;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    z-index: 10000;
-    background: -webkit-linear-gradient(bottom, rgba(57, 167, 255, 1) 0%, rgba(13, 98, 245, 1) 20%, rgba(0, 11, 22, 0.1) 60%);
-    background: -moz-linear-gradient(bottom, rgba(57, 167, 255, 1) 0%, rgba(13, 98, 245, 1) 20%, rgba(0, 11, 22, 0.1) 60%);
-    background: -ms-linear-gradient(bottom, rgba(57, 167, 255, 1) 0%, rgba(13, 98, 245, 1) 20%, rgba(0, 11, 22, 0.1) 60%);
-    background: linear-gradient(bottom, rgba(57, 167, 255, 1) 0%, rgba(13, 98, 245, 1) 20%, rgba(0, 11, 22, 0.1) 60%);
-    opacity: 0;
-  }
-
-  #darknessOverlaySky {
-    background-color: #000;
-    opacity: 0;
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    z-index: 9999;
-  }
-
-  #darknessOverlay {
-    cursor: default;
-    background-color: #000;
-    opacity: 0;
-    position: absolute;
-    bottom: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    z-index: 99;
-  }
-
-  #waterDistance {
-    position: absolute;
-    bottom: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    background: -webkit-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%);
-    background: -moz-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%);
-    background: -ms-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%);
-    z-index: 20;
-  }
-
-  #water {
-    overflow: hidden;
-    position: absolute;
-    bottom: 0px;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    background-repeat: no-repeat;
-    background: -webkit-linear-gradient(bottom, rgba(0, 25, 45, 1) 0%, rgba(14, 71, 117, 1) 35%, rgba(26, 126, 174, 1) 70%, rgba(62, 168, 220, 1) 100%);
-    background: -moz-linear-gradient(bottom, rgba(0, 25, 45, 1) 0%, rgba(14, 71, 117, 1) 35%, rgba(26, 126, 174, 1) 70%, rgba(62, 168, 220, 1) 100%);
-    background: -ms-linear-gradient(bottom, rgba(0, 25, 45, 1) 0%, rgba(14, 71, 117, 1) 35%, rgba(26, 126, 174, 1) 70%, rgba(62, 168, 220, 1) 100%);
-    background: linear-gradient(bottom, rgba(0, 25, 45, 1) 0%, rgba(14, 71, 117, 1) 35%, rgba(26, 126, 174, 1) 70%, rgba(62, 168, 220, 1) 100%);
-
-    z-index: 10;
-  }
-
-  #waterReflectionContainer {
-    -webkit-perspective: 30;
-    perspective: 30;
-    -webkit-perspective-origin: 50% -12%;
-    perspective-origin: 50% -12%;
-    overflow: hidden;
-    position: absolute;
-    top: 50%;
-    left: -3%;
-    width: 103%;
-    height: 50%;
-    z-index: 25;
-  }
-
-  #waterReflectionMiddle {
-    position: absolute;
-    top: 0px;
-    left: -50%;
-    width: 200%;
-    height: 55%;
-    background-repeat: no-repeat;
-    background: -webkit-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%);
-    background: -moz-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%);
-    background: -ms-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%);
-
-    z-index: 999;
-    opacity: 0.7;
-    -webkit-transform: rotateX(45deg);
-  }
-
-  #waterReflectionMiddleThin {
-    position: absolute;
-    bottom: 0px;
-    left: 0px;
-    width: 100%;
-    height: 100%;
-    background-repeat: no-repeat;
-    background: -webkit-linear-gradient(left, rgba(69, 70, 61, 0.0) 3%, rgba(216, 100, 38, 0.10) 32%, rgba(252, 176, 48, 0.35) 35%, rgba(253, 215, 79, 1) 45%, rgba(253, 254, 225, 1) 48%, rgba(253, 254, 225, 1) 52%, rgba(024, 194, 214, 1) 55%, rgba(034, 204, 234, 0.10) 65%, rgba(034, 204, 234, 0.10) 60%, rgba(034, 204, 234, 0.0) 97%);
-    background: -moz-linear-gradient(left, rgba(69, 70, 61, 0.0) 3%, rgba(216, 100, 38, 0.10) 32%, rgba(252, 176, 48, 0.35) 35%, rgba(253, 215, 79, 1) 45%, rgba(253, 254, 225, 1) 48%, rgba(253, 254, 225, 1) 52%, rgba(024, 194, 214, 1) 55%, rgba(034, 204, 234, 0.10) 65%, rgba(034, 204, 234, 0.10) 60%, rgba(034, 204, 234, 0.0) 97%);
-    background: -ms-linear-gradient(left, rgba(69, 70, 61, 0.0) 3%, rgba(216, 100, 38, 0.10) 32%, rgba(252, 176, 48, 0.35) 35%, rgba(253, 215, 79, 1) 45%, rgba(253, 254, 225, 1) 48%, rgba(253, 254, 225, 1) 52%, rgba(024, 194, 214, 1) 55%, rgba(034, 204, 234, 0.10) 65%, rgba(034, 204, 234, 0.10) 60%, rgba(034, 204, 234, 0.0) 97%);
-    background: linear-gradient(left, rgba(69, 70, 61, 0.0) 3%, rgba(216, 100, 38, 0.10) 32%, rgba(252, 176, 48, 0.35) 35%, rgba(253, 215, 79, 1) 45%, rgba(253, 254, 225, 1) 48%, rgba(253, 254, 225, 1) 52%, rgba(024, 194, 214, 1) 55%, rgba(034, 204, 234, 0.10) 65%, rgba(034, 204, 234, 0.10) 60%, rgba(034, 204, 234, 0.0) 97%);
-
-    z-index: 999;
-
-    -webkit-transform: rotateX(45deg);
-    -moz-transform: rotateX(45deg);
-    -ms-transform: rotateX(45deg);
-    transform: rotateX(45deg);
-  }
-
-  #division {
-    height: 5px;
-    width: 100%;
-    position: absolute;
-    top: 50%;
-    bottom: 50%;
-    background-color: rgba(000, 14, 24, 0.0);
-    z-index: 9999;
-    cursor: ns-resize;
-  }
-
-  #coor {
-    position: absolute;
-    left: 0px;
-    top: 0px;
-    z-index: 999;
-    color: #fff;
-  }
-
-  #oceanRipple {
-    background-image: 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: 0px;
-    width: 100%;
-    height: 50%;
-    z-index: 10;
-  }

package/index.html

@@ -1,284 +0,0 @@
-
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>README.md</title>
-    
-    <!-- Prism.js CSS -->
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet" />
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.css" rel="stylesheet" />
-
-    <!-- load style AFTER prism -->
-    <link rel="stylesheet" href="style.css">
-
-    
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-typescript.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            Prism.highlightAll();
-            
-            // Parallax effect
-            const parallaxBg = document.querySelector('.parallax-background');
-            window.addEventListener('scroll', function() {
-                const scrollPosition = window.pageYOffset;
-                parallaxBg.style.transform = 'translateY(scrollPosition)';
-            });
-        });
-    </script>
-    
-</head>
-
-<body>
-
-    <div class="container" style="padding-bottom: 5rem;">
-        <div class="row">
-            <div class="col-xs-0 col-sm-0 col-md-1">
-            </div>
-
-            <div class="col-xs-12 col-sm-12 col-md-10">
-                <div id="container">
-                    <h1>testeranto</h1>
-<h2>The AI-powered BDD test framework for TypeScript projects</h2>
-<h4>🚧 Testeranto is still under development but a beta version will be released soon. If you are interested in joining the beta program, send an email to <a href="mailto:testeranto.dev@gmail.com">testeranto.dev@gmail.com</a>. 🚧</h4>
-<h2>quick links</h2>
-<ul>
-<li>an example of the reports generated: <a href="/testeranto/projects.html">adamwong246.github.io/testeranto/testeranto</a></li>
-<li>demo of me using testeranto to fix a bug: <a href="https://www.youtube.com/embed/WvU5xMqGi6Q">youtube</a></li>
-<li>a starter testeranto project: <a href="https://github.com/adamwong246/testeranto-starter">testeranto-starter</a></li>
-</ul>
-<h2>What is testeranto?</h2>
-<ul>
-<li>Testeranto produces test results that can be fed to Aider.ai to automatically fix failing tests.</li>
-<li>Testeranto tests are specified in a strongly-typed gherkin-like syntax. Rather than testing your code directly, Testeranto requires you to wrap your code with a semantic interface that is based on TS type signatures.</li>
-<li>Testeranto can run tests in the frontend, the backend, or both.</li>
-<li>Testeranto can be used to test anything that can be bundled with esbuild.</li>
-<li>Testeranto connects &quot;features&quot; to &quot;tests&quot;. This allows the AI to read feature documentation from external systems, like Jira.</li>
-<li>Testeranto generates test results as a static website that can be easily deployed to GitHub Pages.</li>
-<li>Testeranto uses esbuild to bundle its tests. The result is used to refine the list of files added to the AI&#39;s context. <strong>The consequence of this is that you can fit all relevant files, and only the relevant files, into the LLM&#39;s context.</strong></li>
-</ul>
-<h2>Key Technologies</h2>
-<table>
-<thead>
-<tr>
-<th></th>
-<th></th>
-</tr>
-</thead>
-<tbody><tr>
-<td>ESM</td>
-<td>Modern javascript tooling</td>
-</tr>
-<tr>
-<td>TypeScript</td>
-<td>Strongly-typed test definitions</td>
-</tr>
-<tr>
-<td>Puppeteer</td>
-<td>Cross-runtime testing (Node &amp; Browser)</td>
-</tr>
-<tr>
-<td>esbuild</td>
-<td>Fast test bundling</td>
-</tr>
-<tr>
-<td>Aider.ai</td>
-<td>AI-powered test fixing</td>
-</tr>
-<tr>
-<td>ESLint</td>
-<td>Static analysis of test files</td>
-</tr>
-<tr>
-<td>tsc</td>
-<td>Type checking of test files</td>
-</tr>
-</tbody></table>
-<h2>Quick Start</h2>
-<ol>
-<li>Install testeranto:</li>
-</ol>
-<pre>npm install testeranto</pre><ol start="2">
-<li>Create a test file (e.g., <code>rectangle.test.ts</code>):</li>
-</ol>
-<pre class="language-typescript line-numbers"><code class="language-typescript">import { Given, When, Then } from "testeranto";
-
-type Rectangle = { width: number; height: number };
-
-const RectangleSpec = (Suite, Given, When, Then) => [
-  Suite.Default("Rectangle tests", {
-    test1: Given.Default(
-      ["Basic rectangle operations"],
-      [When.setWidth(5), When.setHeight(10)],
-      [Then.getWidth(5), Then.getHeight(10)]
-    ),
-  }),
-];</code></pre><ol start="3">
-<li>Run the tests</li>
-</ol>
-<p>To start testeranto in dev mode, build your tests in one terminal and execute them in another</p>
-<pre># Terminal 1 - Build in watch mode
-yarn t-build rectangle.test.ts yourProject dev
-
-# Terminal 2 - Run in watch mode
-yarn t-run rectangle.test.ts yourProject dev</pre><p>or build and run your tests only once</p>
-<pre>yarn t-build rectangle.test.ts yourProject once && yarn t-run rectangle.test.ts yourProject once</pre><h2>Runtime Platforms</h2>
-<table>
-<thead>
-<tr>
-<th></th>
-<th>You should use this runtime for...</th>
-<th>Important differences</th>
-</tr>
-</thead>
-<tbody><tr>
-<td><strong>Node</strong> : node V8 with fork</td>
-<td>testing backend code, Node APIs (like <code>fs</code> and <code>crypto</code>), or anything needing filesystem access</td>
-<td>has access to the filesystem and io</td>
-</tr>
-<tr>
-<td><strong>Web</strong> : chrome browser</td>
-<td>testing frontend code, anything that uses <code>document</code> or <code>window</code>, UI interactions, or visual regression</td>
-<td>can take screenshots/recordings</td>
-</tr>
-<tr>
-<td><strong>Pure</strong> : node v8, dynamically imported</td>
-<td>testing code that can run on both node-v8 and the browser</td>
-<td>Very similar to &quot;Node&quot; but has no IO access and thus no console.log. This runtime is theoretically faster.</td>
-</tr>
-</tbody></table>
-<h2>CLI Commands</h2>
-<table>
-<thead>
-<tr>
-<th></th>
-<th></th>
-</tr>
-</thead>
-<tbody><tr>
-<td><code>yarn t-init</code></td>
-<td>Create a new testeranto project</td>
-</tr>
-<tr>
-<td><code>yarn t-build &lt;YOUR_TESTS&gt; dev|once</code></td>
-<td>Build test bundles (watch or single-run mode)</td>
-</tr>
-<tr>
-<td><code>yarn t-run &lt;YOUR_TESTS&gt; dev|once</code></td>
-<td>Run tests (watch or single-run mode)</td>
-</tr>
-<tr>
-<td><code>yarn t-report</code></td>
-<td>Launch test report server</td>
-</tr>
-<tr>
-<td><code>yarn t-aider</code></td>
-<td>Fix failing tests with AI</td>
-</tr>
-</tbody></table>
-<h2>Example workflow:</h2>
-<pre># Initialize project
-yarn t-init
-
-# Write tests in test/*.test.ts
-
-# In terminal 1 - Build tests (watch mode)
-yarn t-build test/rectangle.test.ts dev
-
-# In terminal 2 - Run tests (watch mode)
-yarn t-run test/rectangle.test.ts dev
-
-# Or for single-run mode:
-yarn t-build test/rectangle.test.ts once
-yarn t-run test/rectangle.test.ts once
-
-# Get AI help with failures
-yarn t-aider</pre><h2>Aider</h2>
-<p>Testeranto generates a &quot;prompt&quot; alongside test results. This prompt is passed to aider as input.</p>
-<pre>// input src files that can be edited by Aider
-/add test/node.ts
-
-// test report files that inform aider but should not be edited
-/read testeranto/reports/allTests/node/test/node/tests.json
-/read testeranto/reports/allTests/test/node/node/lint_errors.json
-/read testeranto/reports/allTests/test/node/node/type_errors.txt
-
-// A list of features which can inform aider.
-/load testeranto/reports/allTests/node/test/node/featurePrompt.txt
-
-// tell the AI what to do
-Fix the failing tests described in testeranto/reports/allTests/node/test/node/tests.json. Correct any type signature errors described in the files testeranto/reports/allTests/test/node/node/type_errors.txt. Implement any method which throws "Function not implemented. Resolve the lint errors described in testeranto/reports/allTests/test/node/node/lint_errors.json"</pre><h2>&quot;Features&quot;</h2>
-<p>Testeranto connects &quot;features&quot; to tests. The features may be simple strings, but they can also take the form of local markdown files, or remote URLs to external feature tracking systems. For instance, this could be a jira ticket or a github issue. These features are used to inform the AI context.</p>
-<pre class="language-typescript line-numbers"><code class="language-typescript">import someMarkdownFile from "someMarkdownFile.md";
-
-...
-
-test0: Given.Default(
-  [
-    "https://api.github.com/repos/adamwong246/testeranto/issues/8",
-    "you can set the width and height of a Rectangle",
-    someMarkdownFile
-    ],
-
-  [When.setWidth(4), When.setHeight(19)],
-  [Then.getWidth(4), Then.getHeight(19)]
-),
-...
-</code></pre><h2>eslint and tsc</h2>
-<p>Alongside the BDD tests, Testeranto runs ESLint and tsc on the input files to generate a list of static analysis errors and type errors, respectively. Aider will use this to resolve both.</p>
-<h2>Subprojects</h2>
-<p>Testeranto has a core repo, but there are also sub-projects which implement tests by type and by technology</p>
-<h3>testeranto-solidity</h3>
-<p>Test a solidity contract. Also included is an example of deploying a contract to a ganache server.</p>
-<h3>testeranto-reduxtoolkit</h3>
-<p>Tests a Redux store.</p>
-<h3>testeranto-http</h3>
-<p>Tests a Node HTTP server.</p>
-<h3>testeranto-react (COMING SOON)</h3>
-<p>Test a react component. You can choose from a variety of types (jsx functions, class style, etc) and you can test with <code>react</code>, <code>react-dom</code>, or <code>react-test-renderer</code></p>
-<h3>testeranto-express (COMING SOON)</h3>
-<h3>testeranto-xstate (COMING SOON)</h3>
-<h2>Sidecars (COMING SOON)</h2>
-<p>Alongside your test, you can include a number of &quot;sidecars&quot; - other bundled JavaScript assets upon which your test depends. For example, suppose you have an app with frontend and backend components. You could run a React test in the web and include the Node HTTP server as a sidecar.</p>
-
-                </div>
-            </div>
-        
-            <div class="col-xs-0 col-sm-0" col-md-1">
-        </div>
-    </div>
-
-    <div class="container-fluid">
-        <nav class="navbar fixed-bottom navbar-light bg-light">
-            <div class="container-fluid justify-content-center">
-                <ul class="nav">
-                    <li class="nav-item">
-                        <a class="nav-link" href="/">Home</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="https://github.com/testeranto/testeranto" target="_blank">GitHub</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="https://www.npmjs.com/package/testeranto" target="_blank">NPM</a>
-                    </li>
-                </ul>
-            </div>
-        </nav>
-    </div>
-
-
-
-
-    
-
-    
-
-</div>
-
-
-
-</body>
-</html>