Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit 8cde401

Browse filesBrowse files
Ma11hewThomasMa11hewThomas
committed
chore: add new integrations
1 parent 9c41d9f commit 8cde401
Copy full SHA for 8cde401
Expand file treeCollapse file tree

38 files changed

+1314
-286
lines changed
Open diff view settings
Collapse file

‎README.md‎

Copy file name to clipboard
+40-43Lines changed: 40 additions & 43 deletions
  • Display the source diff
  • Display the rich diff
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,43 @@
1-
# CTRF
1+
# Common Test Report Format
22

33
Generate the same JSON test report, no matter the test framework
44

5-
CTRF is A JSON test results report with many reporters and plugins supporting modern test automation frameworks.
6-
7-
Documentation website [ctrf.io](https://www.ctrf.io/)
8-
9-
**We need your help to grow CTRF, please follow the [GitHub organisation](https://github.com/ctrf-io) and give our repositories a star ⭐**
10-
11-
**It means a lot to us.**
12-
13-
```json
14-
{
15-
"results": {
16-
"tool": {
17-
"name": "AnyTool"
18-
},
19-
"summary": {
20-
"tests": 1,
21-
"passed": 1,
22-
"failed": 0,
23-
"pending": 0,
24-
"skipped": 0,
25-
"other": 0,
26-
"start": 1706828654274,
27-
"stop": 1706828655782
28-
},
29-
"tests": [
30-
{
31-
"name": "API Status code is 200",
32-
"status": "passed",
33-
"duration": 801
34-
}
35-
],
36-
"environment": {
37-
"appName": "MyApp",
38-
"buildName": "MyApp",
39-
"buildNumber": "100"
40-
}
41-
}
42-
}
43-
```
44-
45-
46-
5+
CTRF is a unified JSON Test Report With Seamless Developer Tool Integration
6+
7+
<a href="https://ctrf.io/docs/intro">Docs</a>
8+
<br/>
9+
<a href="hhttps://ctrf.io/docs/schema/overview">Schema</a>
10+
<br/>
11+
<a href="https://ctrf.io/integrations">Integrations</a>
12+
<br/>
13+
<a href="https://github.com/orgs/ctrf-io/discussions">Discuss</a>
14+
15+
You'll notice that v1 of the schema hasn't been released yet, we are still getting feedback from users. There might be changes but these will be minor.
16+
17+
<div align="center">
18+
<div style="padding: 1.5rem; border-radius: 8px; margin: 1rem 0; border: 1px solid #30363d;">
19+
<span style="font-size: 23px;">💚</span>
20+
<h3 style="margin: 1rem 0;">CTRF tooling is open source and free to use</h3>
21+
<p style="font-size: 16px;">You can support the project with a follow and a star</p>
22+
23+
<div style="margin-top: 1.5rem;">
24+
<a href="https://github.com/ctrf-io/ctrf">
25+
<img src="https://img.shields.io/github/stars/ctrf-io/ctrf?style=for-the-badge&color=2ea043" alt="GitHub stars">
26+
</a>
27+
<a href="https://github.com/ctrf-io">
28+
<img src="https://img.shields.io/github/followers/ctrf-io?style=for-the-badge&color=2ea043" alt="GitHub followers">
29+
</a>
30+
</div>
31+
</div>
32+
33+
<p style="font-size: 14px; margin: 1rem 0;">
34+
Maintained by <a href="https://github.com/ma11hewthomas">Matthew Thomas</a><br/>
35+
Contributions are very welcome! <br/>
36+
</p>
37+
</div>
38+
39+
<div align="center">
40+
41+
![CTRF Dashboard](./static/img/code.png)
42+
43+
</div>
Collapse file

‎docusaurus.config.ts‎

Copy file name to clipboardExpand all lines: docusaurus.config.ts
+2-2Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -79,9 +79,9 @@ const config: Config = {
7979
position: 'left',
8080
label: 'Docs',
8181
},
82-
{ to: '/blog', label: 'Blog', position: 'left' },
82+
{ to: '/integrations', label: 'Integrations', position: 'left' },
8383
{ to: '/docs/contributing/', label: 'Contribute', position: 'left'},
84-
// { to: '/reporters', label: 'Reporters', position: 'left' },
84+
{ to: '/blog', label: 'Blog', position: 'left' },
8585
{
8686
href: 'https://github.com/ctrf-io',
8787
position: 'right',
Collapse file

‎src/components/homepage/Code/index.tsx‎

Copy file name to clipboardExpand all lines: src/components/homepage/Code/index.tsx
+21-3Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -124,19 +124,37 @@ export default function CodeSection(): JSX.Element {
124124
height: '100%'
125125
}}>
126126
<div className="card margin-bottom--md text--center" style={{ flex: 1 }}>
127-
<div className="card__body">
127+
<div className="card__body" style={{
128+
display: 'flex',
129+
flexDirection: 'column',
130+
alignItems: 'center',
131+
justifyContent: 'center',
132+
height: '100%'
133+
}}>
128134
<h2>Simple Design</h2>
129135
<p>Just three essential properties required for each test - name, duration, and status, simplifying the test report while capturing crucial information.</p>
130136
</div>
131137
</div>
132138
<div className="card margin-bottom--md text--center" style={{ flex: 1 }}>
133-
<div className="card__body">
139+
<div className="card__body" style={{
140+
display: 'flex',
141+
flexDirection: 'column',
142+
alignItems: 'center',
143+
justifyContent: 'center',
144+
height: '100%'
145+
}}>
134146
<h2>Comprehensive Data</h2>
135147
<p>Beyond the essential properties, the report includes a variety of optional properties, encompassing extensive detail about the tests, tools, environment, and build.</p>
136148
</div>
137149
</div>
138150
<div className="card margin-bottom--md text--center" style={{ flex: 1 }}>
139-
<div className="card__body">
151+
<div className="card__body" style={{
152+
display: 'flex',
153+
flexDirection: 'column',
154+
alignItems: 'center',
155+
justifyContent: 'center',
156+
height: '100%'
157+
}}>
140158
<h2>Fully Extendable</h2>
141159
<p>The report is designed with extendability at its core, allowing for the addition of extra properties, catering to additional report requirements.</p>
142160
</div>
Collapse file

‎src/components/homepage/Code/styles.module.css‎

Copy file name to clipboardExpand all lines: src/components/homepage/Code/styles.module.css
-8Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -56,27 +56,19 @@
5656
font-family: var(--ifm-font-family-monospace);
5757
}
5858

59-
.code-frame__content {
60-
/* Remove any background color here as CodeBlock will handle it */
61-
}
62-
63-
/* Override CodeBlock styles to remove its default border radius since it's inside the frame */
6459
.code-frame :global(.theme-code-block) {
6560
border-radius: 0;
6661
margin: 0;
6762
}
6863

69-
/* Ensure proper padding around the code */
7064
.code-frame :global(.theme-code-block pre) {
7165
margin: 0;
7266
}
7367

74-
/* Remove default margin from CodeBlock when inside code-frame */
7568
.code-frame :global(.margin-bottom--xl) {
7669
margin-bottom: 0 !important;
7770
}
7871

79-
/* Optional: Add a subtle hover effect on the buttons */
8072
.code-frame__button:hover {
8173
filter: brightness(0.9);
8274
}
Collapse file

‎src/components/homepage/DeveloperTools/index.tsx‎

Copy file name to clipboard
+42Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
import React from 'react';
2+
import styles from './styles.module.css';
3+
import clsx from 'clsx';
4+
5+
import ReactIcon from '@site/static/img/playwright.svg';
6+
import VueIcon from '@site/static/img/jest.svg';
7+
import AngularIcon from '@site/static/img/jenkins.svg';
8+
import DevToolsIcon from '@site/static/img/github.svg';
9+
10+
const DeveloperTools: React.FC = () => {
11+
return (
12+
<div className={styles.container}>
13+
<div className={styles.content}>
14+
<div className={styles.textSection}>
15+
<h2>Connect Any Framework to Developer Tools</h2>
16+
<p>CTRF seamlessly bridges your favorite frameworks with powerful developer tools</p>
17+
</div>
18+
19+
<div className={styles.visualSection}>
20+
<div className={styles.frameworkIcons}>
21+
<ReactIcon className={styles.icon} />
22+
<VueIcon className={styles.icon} />
23+
<AngularIcon className={styles.icon} />
24+
</div>
25+
26+
<div className={styles.arrows}>
27+
{/* Animated arrows will be created using CSS */}
28+
<div className={styles.arrow}></div>
29+
<div className={styles.arrow}></div>
30+
<div className={styles.arrow}></div>
31+
</div>
32+
33+
<div className={styles.devTools}>
34+
<DevToolsIcon className={styles.devToolsIcon} />
35+
</div>
36+
</div>
37+
</div>
38+
</div>
39+
);
40+
};
41+
42+
export default DeveloperTools;
Collapse file

‎src/components/homepage/DeveloperTools/styles.module.css‎

Copy file name to clipboard
+89Lines changed: 89 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
1+
.container {
2+
padding: 4rem 0;
3+
width: 100%;
4+
}
5+
6+
.content {
7+
display: flex;
8+
max-width: 1200px;
9+
margin: 0 auto;
10+
align-items: center;
11+
gap: 2rem;
12+
}
13+
14+
.textSection {
15+
flex: 1;
16+
}
17+
18+
.visualSection {
19+
flex: 1;
20+
display: flex;
21+
align-items: center;
22+
justify-content: space-between;
23+
position: relative;
24+
}
25+
26+
.frameworkIcons {
27+
display: flex;
28+
flex-direction: column;
29+
gap: 2rem;
30+
}
31+
32+
.icon {
33+
width: 32px;
34+
height: 32px;
35+
}
36+
37+
.devToolsIcon {
38+
width: 48px;
39+
height: 48px;
40+
}
41+
42+
.arrows {
43+
position: absolute;
44+
left: 50%;
45+
transform: translateX(-50%);
46+
}
47+
48+
.arrow {
49+
width: 100px;
50+
height: 2px;
51+
background: var(--ifm-color-primary);
52+
position: relative;
53+
margin: 20px 0;
54+
}
55+
56+
.arrow::after {
57+
content: '';
58+
position: absolute;
59+
right: -10px;
60+
top: -4px;
61+
width: 10px;
62+
height: 10px;
63+
border-top: 2px solid var(--ifm-color-primary);
64+
border-right: 2px solid var(--ifm-color-primary);
65+
transform: rotate(45deg);
66+
}
67+
68+
@keyframes flowRight {
69+
0% {
70+
opacity: 0;
71+
transform: translateX(-20px);
72+
}
73+
100% {
74+
opacity: 1;
75+
transform: translateX(0);
76+
}
77+
}
78+
79+
.arrow {
80+
animation: flowRight 1.5s infinite;
81+
}
82+
83+
.arrow:nth-child(2) {
84+
animation-delay: 0.2s;
85+
}
86+
87+
.arrow:nth-child(3) {
88+
animation-delay: 0.4s;
89+
}
Collapse file

‎src/components/homepage/Features/index.tsx‎

Copy file name to clipboardExpand all lines: src/components/homepage/Features/index.tsx
+1-5Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,12 @@ import styles from './styles.module.css';
44

55
type FeatureItem = {
66
title: string;
7-
Svg: React.ComponentType<React.ComponentProps<'svg'>>;
87
description: JSX.Element;
98
};
109

1110
const FeatureList: FeatureItem[] = [
1211
{
1312
title: 'Consistency',
14-
Svg: require('@site/static/img/hammer.svg').default,
1513
description: (
1614
<>
1715
The same JSON structure no matter the test framework.
@@ -20,7 +18,6 @@ const FeatureList: FeatureItem[] = [
2018
},
2119
{
2220
title: 'Developer Tooling',
23-
Svg: require('@site/static/img/globe.svg').default,
2421
description: (
2522
<>
2623
A wide variety of plugins for integration with developer tools.
@@ -29,7 +26,6 @@ const FeatureList: FeatureItem[] = [
2926
},
3027
{
3128
title: 'Open Source',
32-
Svg: require('@site/static/img/cog.svg').default,
3329
description: (
3430
<>
3531
Created by the community, open-source, licensed under MIT, with millions of user downloads
@@ -38,7 +34,7 @@ const FeatureList: FeatureItem[] = [
3834
},
3935
];
4036

41-
function Feature({ title, Svg, description }: FeatureItem) {
37+
function Feature({ title, description }: FeatureItem) {
4238
return (
4339
<div className={clsx('col col--4')} style={{ padding: '1rem' }}>
4440
<div className="card margin-bottom--lg">
Collapse file

‎src/components/homepage/Features/styles.module.css‎

Copy file name to clipboardExpand all lines: src/components/homepage/Features/styles.module.css
-1Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@
99
margin-bottom: 0.5rem;
1010
}
1111

12-
/* Add these new styles */
1312
:global(.card) {
1413
border: none;
1514
box-shadow: 0 8px 28px -6px rgba(24, 39, 75, 0.12),

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.