Skip to content

Commit a72cfe3

Browse files
amaan-bhatiamaan-bhati
committed
feat: add content for the utg-pr agent
Signed-off-by: amaan-bhati <[email protected]>
1 parent 82bda80 commit a72cfe3

File tree

5 files changed

+285
-53
lines changed

5 files changed

+285
-53
lines changed

‎src/components/UTGMethods.js‎

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
import React from "react";
2+
import Link from "@docusaurus/Link";
3+
import useBaseUrl from "@docusaurus/useBaseUrl";
4+
5+
function UTGMethods() {
6+
return (
7+
<div className="rounded-lg mb-8">
8+
<h2 className="mb-6 text-2xl font-semibold tracking-wide md:text-3xl">
9+
Three Ways to Generate Unit Tests 🚀
10+
</h2>
11+
<p className="text-lg max-w-4xl mb-6">
12+
Choose the method that best fits your workflow - from automated PR integration to one-click IDE generation:
13+
</p>
14+
15+
<ul className="grid auto-cols-[300px] grid-flow-col gap-3 lg:gap-5">
16+
<li className="mt-5 flex flex-col space-y-3 text-lg">
17+
<Link
18+
className="text-foreground-light flex-grow text-sm"
19+
to={useBaseUrl("/running-keploy/unit-test-generator/#1-pr-agent-latest-")}
20+
>
21+
<div className="rounded-lg bg-[color:var(--ifm-card-background-color)] p-5 shadow transition hover:shadow-lg hover:shadow-[color:var(--ifm-card-shadow-color)]">
22+
<div className="flex items-center space-x-4">
23+
<svg
24+
xmlns="http://www.w3.org/2000/svg"
25+
className="mb-4 h-10 w-10 rounded-lg bg-[color:var(--ifm-color)] p-2 text-[color:var(--ifm-background-color)]"
26+
viewBox="0 0 24 24"
27+
width="24"
28+
height="24"
29+
fill="none"
30+
stroke="currentColor"
31+
strokeWidth="2"
32+
strokeLinecap="round"
33+
strokeLinejoin="round"
34+
>
35+
<path d="M16 22h2a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3"/>
36+
<path d="M14 2v4a2 2 0 0 0 2 2h4"/>
37+
<circle cx="8" cy="16" r="6"/>
38+
<path d="m6 18 1.5-1.5L9 18l1.5-1.5"/>
39+
</svg>
40+
<h2 className="mb-4 text-xl font-semibold">
41+
PR Agent (Latest)
42+
</h2>
43+
</div>
44+
<ul>
45+
<li>
46+
<p className="font">
47+
Automatically generates unit tests when you create pull requests.
48+
Install once, get tests for every PR with changed files.
49+
</p>
50+
</li>
51+
</ul>
52+
</div>
53+
</Link>
54+
</li>
55+
56+
<li className="mt-5 flex flex-col space-y-3 text-lg">
57+
<Link
58+
className="text-foreground-light flex-grow text-sm"
59+
to={useBaseUrl("/running-keploy/unit-test-generator/#2-vs-code-extension-")}
60+
>
61+
<div className="rounded-lg bg-[color:var(--ifm-card-background-color)] p-5 shadow transition hover:shadow-lg hover:shadow-[color:var(--ifm-card-shadow-color)]">
62+
<div className="flex items-center space-x-4">
63+
<svg
64+
xmlns="http://www.w3.org/2000/svg"
65+
className="mb-4 h-10 w-10 rounded-lg bg-[color:var(--ifm-color)] p-2 text-[color:var(--ifm-background-color)]"
66+
viewBox="0 0 24 24"
67+
width="24"
68+
height="24"
69+
fill="none"
70+
stroke="currentColor"
71+
strokeWidth="2"
72+
strokeLinecap="round"
73+
strokeLinejoin="round"
74+
>
75+
<rect width="18" height="18" x="3" y="3" rx="2"/>
76+
<path d="M9 8l3 3-3 3"/>
77+
<path d="m16 16-5 0"/>
78+
</svg>
79+
<h2 className="mb-4 text-xl font-semibold">
80+
VS Code Extension
81+
</h2>
82+
</div>
83+
<ul>
84+
<li>
85+
<p className="font">
86+
One-click unit test generation directly in VS Code.
87+
Install the extension and generate tests for your entire project instantly.
88+
</p>
89+
</li>
90+
</ul>
91+
</div>
92+
</Link>
93+
</li>
94+
95+
<li className="mt-5 flex flex-col space-y-3 text-lg">
96+
<Link
97+
className="text-foreground-light flex-grow text-sm"
98+
to={useBaseUrl("/running-keploy/unit-test-generator/#3-command-line-interface-")}
99+
>
100+
<div className="rounded-lg bg-[color:var(--ifm-card-background-color)] p-5 shadow transition hover:shadow-lg hover:shadow-[color:var(--ifm-card-shadow-color)]">
101+
<div className="flex items-center space-x-4">
102+
<svg
103+
xmlns="http://www.w3.org/2000/svg"
104+
className="mb-4 h-10 w-10 rounded-lg bg-[color:var(--ifm-color)] p-2 text-[color:var(--ifm-background-color)]"
105+
viewBox="0 0 24 24"
106+
width="24"
107+
height="24"
108+
fill="none"
109+
stroke="currentColor"
110+
strokeWidth="2"
111+
strokeLinecap="round"
112+
strokeLinejoin="round"
113+
>
114+
<polyline points="4 17 10 11 4 5"/>
115+
<line x1="12" x2="20" y1="19" y2="19"/>
116+
</svg>
117+
<h2 className="mb-4 text-xl font-semibold">
118+
Command Line Interface
119+
</h2>
120+
</div>
121+
<ul>
122+
<li>
123+
<p className="font">
124+
Traditional CLI approach with full control over test generation.
125+
Perfect for CI/CD pipelines and automated workflows.
126+
</p>
127+
</li>
128+
</ul>
129+
</div>
130+
</Link>
131+
</li>
132+
</ul>
133+
</div>
134+
);
135+
}
136+
137+
export default UTGMethods;

‎static/img/utg-installation/utg-banner.png‎

431 KB
Loading

‎static/img/utg-installation/vsc-ext-1.png‎

674 KB
Loading

‎static/img/utg-installation/vsc-ext-3.png‎

613 KB
Loading

0 commit comments

Comments
 (0)