@teambit/defender.ui.test-page 0.0.64 → 0.0.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/tests-page.js
CHANGED
|
@@ -66,10 +66,10 @@ const StyledRow = ({ row, type, displayValue }) => {
|
|
|
66
66
|
if (!data) {
|
|
67
67
|
return null;
|
|
68
68
|
}
|
|
69
|
-
return
|
|
69
|
+
return react_1.default.createElement("span", { style: { color: getColor(data.pct) } }, displayValue(data));
|
|
70
70
|
};
|
|
71
|
-
const StyledTotalRow = (props) => (react_1.default.createElement(StyledRow, Object.assign({}, props, { displayValue: data => `${data.covered}/${data.total}` })));
|
|
72
|
-
const StyledPctRow = (props) => (react_1.default.createElement(StyledRow, Object.assign({}, props, { displayValue: data => `${data.pct}%` })));
|
|
71
|
+
const StyledTotalRow = (props) => (react_1.default.createElement(StyledRow, Object.assign({}, props, { displayValue: (data) => `${data.covered}/${data.total}` })));
|
|
72
|
+
const StyledPctRow = (props) => (react_1.default.createElement(StyledRow, Object.assign({}, props, { displayValue: (data) => `${data.pct}%` })));
|
|
73
73
|
const createColumn = (id, header, type) => [
|
|
74
74
|
{
|
|
75
75
|
id: `${id}_pct`,
|
|
@@ -79,7 +79,7 @@ const createColumn = (id, header, type) => [
|
|
|
79
79
|
className: {
|
|
80
80
|
td: tests_page_module_scss_1.default.coverage_column,
|
|
81
81
|
th: tests_page_module_scss_1.default.coverage_column,
|
|
82
|
-
}
|
|
82
|
+
},
|
|
83
83
|
},
|
|
84
84
|
{
|
|
85
85
|
id: `${id}_total`,
|
|
@@ -89,18 +89,12 @@ const createColumn = (id, header, type) => [
|
|
|
89
89
|
className: {
|
|
90
90
|
td: tests_page_module_scss_1.default.coverage_column,
|
|
91
91
|
th: tests_page_module_scss_1.default.coverage_column,
|
|
92
|
-
}
|
|
92
|
+
},
|
|
93
93
|
},
|
|
94
94
|
];
|
|
95
95
|
const calculatePercentage = (data) => {
|
|
96
|
-
const covered = data.lines.covered
|
|
97
|
-
|
|
98
|
-
+ data.functions.covered
|
|
99
|
-
+ data.statements.covered;
|
|
100
|
-
const total = data.lines.total
|
|
101
|
-
+ data.branches.total
|
|
102
|
-
+ data.functions.total
|
|
103
|
-
+ data.statements.total;
|
|
96
|
+
const covered = data.lines.covered + data.branches.covered + data.functions.covered + data.statements.covered;
|
|
97
|
+
const total = data.lines.total + data.branches.total + data.functions.total + data.statements.total;
|
|
104
98
|
return (covered / total) * 100;
|
|
105
99
|
};
|
|
106
100
|
const columns = [
|
|
@@ -108,7 +102,7 @@ const columns = [
|
|
|
108
102
|
id: 'path',
|
|
109
103
|
header: 'File',
|
|
110
104
|
cell: ({ row }) => (react_1.default.createElement("div", { className: tests_page_module_scss_1.default.filePath },
|
|
111
|
-
react_1.default.createElement(design_ui_navigation_link_1.Link, { href: `../~code/${row === null || row === void 0 ? void 0 : row.path}${document.location.search}` }, row === null || row === void 0 ? void 0 : row.path)))
|
|
105
|
+
react_1.default.createElement(design_ui_navigation_link_1.Link, { href: `../~code/${row === null || row === void 0 ? void 0 : row.path}${document.location.search}` }, row === null || row === void 0 ? void 0 : row.path))),
|
|
112
106
|
},
|
|
113
107
|
{
|
|
114
108
|
id: 'progress',
|
|
@@ -121,34 +115,34 @@ const columns = [
|
|
|
121
115
|
return (react_1.default.createElement("div", { className: tests_page_module_scss_1.default.summaryProgressBar },
|
|
122
116
|
react_1.default.createElement("div", { className: tests_page_module_scss_1.default.progressBarFill, style: {
|
|
123
117
|
width: `${coveredPercentage}%`,
|
|
124
|
-
backgroundColor: getColor(coveredPercentage)
|
|
118
|
+
backgroundColor: getColor(coveredPercentage),
|
|
125
119
|
} })));
|
|
126
120
|
},
|
|
127
121
|
value: (file) => { var _a; return (_a = file === null || file === void 0 ? void 0 : file.data.lines.pct) !== null && _a !== void 0 ? _a : 0; },
|
|
128
122
|
className: {
|
|
129
123
|
td: tests_page_module_scss_1.default.coverage_column,
|
|
130
124
|
th: tests_page_module_scss_1.default.coverage_column,
|
|
131
|
-
}
|
|
125
|
+
},
|
|
132
126
|
},
|
|
133
127
|
{
|
|
134
128
|
id: 'lines',
|
|
135
129
|
header: 'Lines',
|
|
136
|
-
columns: createColumn('lines', 'Lines', 'lines')
|
|
130
|
+
columns: createColumn('lines', 'Lines', 'lines'),
|
|
137
131
|
},
|
|
138
132
|
{
|
|
139
133
|
id: 'functions',
|
|
140
134
|
header: 'Functions',
|
|
141
|
-
columns: createColumn('functions', 'Functions', 'functions')
|
|
135
|
+
columns: createColumn('functions', 'Functions', 'functions'),
|
|
142
136
|
},
|
|
143
137
|
{
|
|
144
138
|
id: 'statements',
|
|
145
139
|
header: 'Statements',
|
|
146
|
-
columns: createColumn('statements', 'Statements', 'statements')
|
|
140
|
+
columns: createColumn('statements', 'Statements', 'statements'),
|
|
147
141
|
},
|
|
148
142
|
{
|
|
149
143
|
id: 'branches',
|
|
150
144
|
header: 'Branches',
|
|
151
|
-
columns: createColumn('branches', 'Branches', 'branches')
|
|
145
|
+
columns: createColumn('branches', 'Branches', 'branches'),
|
|
152
146
|
},
|
|
153
147
|
];
|
|
154
148
|
const TESTS_SUBSCRIPTION_CHANGED = (0, client_1.gql) `
|
|
@@ -253,17 +247,17 @@ const GET_COMPONENT = (0, client_1.gql) `
|
|
|
253
247
|
const TotalCoverageSummary = ({ coverageResult }) => {
|
|
254
248
|
const { lines, statements, functions, branches } = coverageResult.total;
|
|
255
249
|
const data = [
|
|
256
|
-
{ label:
|
|
257
|
-
{ label:
|
|
258
|
-
{ label:
|
|
259
|
-
{ label:
|
|
250
|
+
{ label: 'Statements', value: `${statements.covered}/${statements.total}`, pct: statements.pct },
|
|
251
|
+
{ label: 'Branches', value: `${branches.covered}/${branches.total}`, pct: branches.pct },
|
|
252
|
+
{ label: 'Functions', value: `${functions.covered}/${functions.total}`, pct: functions.pct },
|
|
253
|
+
{ label: 'Lines', value: `${lines.covered}/${lines.total}`, pct: lines.pct },
|
|
260
254
|
];
|
|
261
255
|
const totalCovered = lines.covered + branches.covered + functions.covered + statements.covered;
|
|
262
256
|
const totalLines = lines.total + branches.total + functions.total + statements.total;
|
|
263
|
-
return (react_1.default.createElement("div", { style: { display:
|
|
257
|
+
return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', marginBottom: '20px' } },
|
|
264
258
|
react_1.default.createElement("div", { className: tests_page_module_scss_1.default.container }, data.map((item) => (react_1.default.createElement("div", { key: item.label, className: tests_page_module_scss_1.default.item },
|
|
265
259
|
react_1.default.createElement("span", { className: tests_page_module_scss_1.default.percentage, style: {
|
|
266
|
-
color: getColor(item.pct)
|
|
260
|
+
color: getColor(item.pct),
|
|
267
261
|
} },
|
|
268
262
|
item.pct,
|
|
269
263
|
"%"),
|
|
@@ -271,8 +265,8 @@ const TotalCoverageSummary = ({ coverageResult }) => {
|
|
|
271
265
|
react_1.default.createElement("span", { className: tests_page_module_scss_1.default.badge }, item.value))))),
|
|
272
266
|
react_1.default.createElement("div", { className: tests_page_module_scss_1.default.summaryProgressBar },
|
|
273
267
|
react_1.default.createElement("div", { className: tests_page_module_scss_1.default.progressBarFill, style: {
|
|
274
|
-
width: `${totalCovered / totalLines * 100}%`,
|
|
275
|
-
backgroundColor: getColor(totalCovered / totalLines * 100)
|
|
268
|
+
width: `${(totalCovered / totalLines) * 100}%`,
|
|
269
|
+
backgroundColor: getColor((totalCovered / totalLines) * 100),
|
|
276
270
|
} }))));
|
|
277
271
|
};
|
|
278
272
|
function TestsPage({ className, emptyState }) {
|
package/dist/tests-page.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tests-page.js","sourceRoot":"","sources":["../tests-page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"tests-page.js","sourceRoot":"","sources":["../tests-page.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/defender.ui.test-page",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.66",
|
|
4
4
|
"homepage": "https://bit.cloud/teambit/defender/ui/test-page",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.defender",
|
|
8
8
|
"name": "ui/test-page",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.66"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"classnames": "2.2.6",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"@teambit/design.ui.navigation.link": "1.96.12",
|
|
22
22
|
"@teambit/mdx.ui.mdx-layout": "1.0.11",
|
|
23
23
|
"@teambit/ui-foundation.ui.react-router.use-query": "0.0.505",
|
|
24
|
-
"@teambit/lanes.hooks.use-viewed-lane-from-url": "0.0.
|
|
24
|
+
"@teambit/lanes.hooks.use-viewed-lane-from-url": "0.0.242"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@types/classnames": "2.2.11",
|
package/tests-page.module.scss
CHANGED
package/tests-page.tsx
CHANGED
|
@@ -17,28 +17,28 @@ import { Link } from '@teambit/design.ui.navigation.link';
|
|
|
17
17
|
import styles from './tests-page.module.scss';
|
|
18
18
|
|
|
19
19
|
type CoverageResults = {
|
|
20
|
-
files: CoverageFile[]
|
|
21
|
-
total: CoverageData
|
|
22
|
-
}
|
|
20
|
+
files: CoverageFile[];
|
|
21
|
+
total: CoverageData;
|
|
22
|
+
};
|
|
23
23
|
|
|
24
24
|
type CoverageStats = {
|
|
25
|
-
pct: number
|
|
26
|
-
total: number
|
|
27
|
-
covered: number
|
|
28
|
-
skipped: number
|
|
29
|
-
}
|
|
25
|
+
pct: number;
|
|
26
|
+
total: number;
|
|
27
|
+
covered: number;
|
|
28
|
+
skipped: number;
|
|
29
|
+
};
|
|
30
30
|
|
|
31
31
|
type CoverageFile = {
|
|
32
|
-
path: string
|
|
33
|
-
data: CoverageData
|
|
34
|
-
}
|
|
32
|
+
path: string;
|
|
33
|
+
data: CoverageData;
|
|
34
|
+
};
|
|
35
35
|
|
|
36
36
|
type CoverageData = {
|
|
37
|
-
lines: CoverageStats
|
|
38
|
-
statements: CoverageStats
|
|
39
|
-
functions: CoverageStats
|
|
40
|
-
branches: CoverageStats
|
|
41
|
-
}
|
|
37
|
+
lines: CoverageStats;
|
|
38
|
+
statements: CoverageStats;
|
|
39
|
+
functions: CoverageStats;
|
|
40
|
+
branches: CoverageStats;
|
|
41
|
+
};
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
44
|
* Displays the total row with color-coded values
|
|
@@ -52,12 +52,12 @@ const getColor = (pct: number) => {
|
|
|
52
52
|
if (pct < 50) return 'var(--warning-color)';
|
|
53
53
|
if (pct < 75) return '#EEB90F';
|
|
54
54
|
return 'var(--positive-color)';
|
|
55
|
-
}
|
|
55
|
+
};
|
|
56
56
|
|
|
57
57
|
const StyledRow: React.FC<{
|
|
58
|
-
row: CoverageFile | undefined | null
|
|
59
|
-
type: keyof CoverageFile['data']
|
|
60
|
-
displayValue: (data: CoverageFile['data'][keyof CoverageFile['data']]) => string
|
|
58
|
+
row: CoverageFile | undefined | null;
|
|
59
|
+
type: keyof CoverageFile['data'];
|
|
60
|
+
displayValue: (data: CoverageFile['data'][keyof CoverageFile['data']]) => string;
|
|
61
61
|
}> = ({ row, type, displayValue }) => {
|
|
62
62
|
if (!row) return null;
|
|
63
63
|
|
|
@@ -67,60 +67,46 @@ const StyledRow: React.FC<{
|
|
|
67
67
|
return null;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
return (
|
|
71
|
-
|
|
72
|
-
{displayValue(data)}
|
|
73
|
-
</span>
|
|
74
|
-
)
|
|
75
|
-
}
|
|
70
|
+
return <span style={{ color: getColor(data.pct) }}>{displayValue(data)}</span>;
|
|
71
|
+
};
|
|
76
72
|
|
|
77
|
-
const StyledTotalRow = (props: { row: CoverageFile | undefined | null
|
|
78
|
-
<StyledRow {...props} displayValue={data => `${data.covered}/${data.total}`} />
|
|
73
|
+
const StyledTotalRow = (props: { row: CoverageFile | undefined | null; type: keyof CoverageFile['data'] }) => (
|
|
74
|
+
<StyledRow {...props} displayValue={(data) => `${data.covered}/${data.total}`} />
|
|
79
75
|
);
|
|
80
76
|
|
|
81
|
-
const StyledPctRow = (props: { row: CoverageFile | undefined | null
|
|
82
|
-
<StyledRow {...props} displayValue={data => `${data.pct}%`} />
|
|
77
|
+
const StyledPctRow = (props: { row: CoverageFile | undefined | null; type: keyof CoverageFile['data'] }) => (
|
|
78
|
+
<StyledRow {...props} displayValue={(data) => `${data.pct}%`} />
|
|
83
79
|
);
|
|
84
80
|
|
|
85
81
|
const createColumn = (id: string, header: string, type: keyof CoverageFile['data']) => [
|
|
86
82
|
{
|
|
87
83
|
id: `${id}_pct`,
|
|
88
84
|
header: '%',
|
|
89
|
-
cell: ({ row }: CellFunctionProps<CoverageFile>) => (
|
|
90
|
-
row ? <StyledPctRow row={row} type={type} /> : null
|
|
91
|
-
),
|
|
85
|
+
cell: ({ row }: CellFunctionProps<CoverageFile>) => (row ? <StyledPctRow row={row} type={type} /> : null),
|
|
92
86
|
value: (row?: CoverageFile) => row?.data[type].pct ?? 0,
|
|
93
87
|
className: {
|
|
94
88
|
td: styles.coverage_column,
|
|
95
89
|
th: styles.coverage_column,
|
|
96
|
-
}
|
|
90
|
+
},
|
|
97
91
|
},
|
|
98
92
|
{
|
|
99
93
|
id: `${id}_total`,
|
|
100
94
|
header: 'Total',
|
|
101
|
-
cell: ({ row }: CellFunctionProps<CoverageFile>) => (
|
|
102
|
-
row ? <StyledTotalRow row={row} type={type} /> : null
|
|
103
|
-
),
|
|
95
|
+
cell: ({ row }: CellFunctionProps<CoverageFile>) => (row ? <StyledTotalRow row={row} type={type} /> : null),
|
|
104
96
|
value: (row?: CoverageFile) => row?.data[type].covered ?? 0,
|
|
105
97
|
className: {
|
|
106
98
|
td: styles.coverage_column,
|
|
107
99
|
th: styles.coverage_column,
|
|
108
|
-
}
|
|
100
|
+
},
|
|
109
101
|
},
|
|
110
102
|
];
|
|
111
103
|
|
|
112
104
|
const calculatePercentage = (data: CoverageData) => {
|
|
113
|
-
const covered = data.lines.covered
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
+ data.statements.covered;
|
|
117
|
-
|
|
118
|
-
const total = data.lines.total
|
|
119
|
-
+ data.branches.total
|
|
120
|
-
+ data.functions.total
|
|
121
|
-
+ data.statements.total;
|
|
105
|
+
const covered = data.lines.covered + data.branches.covered + data.functions.covered + data.statements.covered;
|
|
106
|
+
|
|
107
|
+
const total = data.lines.total + data.branches.total + data.functions.total + data.statements.total;
|
|
122
108
|
return (covered / total) * 100;
|
|
123
|
-
}
|
|
109
|
+
};
|
|
124
110
|
|
|
125
111
|
const columns: ColumnProps<CoverageFile>[] = [
|
|
126
112
|
{
|
|
@@ -128,11 +114,9 @@ const columns: ColumnProps<CoverageFile>[] = [
|
|
|
128
114
|
header: 'File',
|
|
129
115
|
cell: ({ row }) => (
|
|
130
116
|
<div className={styles.filePath}>
|
|
131
|
-
<Link href={`../~code/${row?.path}${document.location.search}`}>
|
|
132
|
-
{row?.path}
|
|
133
|
-
</Link>
|
|
117
|
+
<Link href={`../~code/${row?.path}${document.location.search}`}>{row?.path}</Link>
|
|
134
118
|
</div>
|
|
135
|
-
)
|
|
119
|
+
),
|
|
136
120
|
},
|
|
137
121
|
{
|
|
138
122
|
id: 'progress',
|
|
@@ -143,42 +127,44 @@ const columns: ColumnProps<CoverageFile>[] = [
|
|
|
143
127
|
}
|
|
144
128
|
|
|
145
129
|
const coveredPercentage = calculatePercentage(row?.data);
|
|
146
|
-
|
|
130
|
+
|
|
147
131
|
return (
|
|
148
132
|
<div className={styles.summaryProgressBar}>
|
|
149
|
-
<div
|
|
133
|
+
<div
|
|
134
|
+
className={styles.progressBarFill}
|
|
135
|
+
style={{
|
|
150
136
|
width: `${coveredPercentage}%`,
|
|
151
|
-
backgroundColor: getColor(coveredPercentage)
|
|
137
|
+
backgroundColor: getColor(coveredPercentage),
|
|
152
138
|
}}
|
|
153
139
|
/>
|
|
154
140
|
</div>
|
|
155
|
-
)
|
|
141
|
+
);
|
|
156
142
|
},
|
|
157
143
|
value: (file) => file?.data.lines.pct ?? 0,
|
|
158
144
|
className: {
|
|
159
145
|
td: styles.coverage_column,
|
|
160
146
|
th: styles.coverage_column,
|
|
161
|
-
}
|
|
147
|
+
},
|
|
162
148
|
},
|
|
163
149
|
{
|
|
164
150
|
id: 'lines',
|
|
165
151
|
header: 'Lines',
|
|
166
|
-
columns: createColumn('lines', 'Lines', 'lines')
|
|
152
|
+
columns: createColumn('lines', 'Lines', 'lines'),
|
|
167
153
|
},
|
|
168
154
|
{
|
|
169
155
|
id: 'functions',
|
|
170
156
|
header: 'Functions',
|
|
171
|
-
columns: createColumn('functions', 'Functions', 'functions')
|
|
157
|
+
columns: createColumn('functions', 'Functions', 'functions'),
|
|
172
158
|
},
|
|
173
159
|
{
|
|
174
160
|
id: 'statements',
|
|
175
161
|
header: 'Statements',
|
|
176
|
-
columns: createColumn('statements', 'Statements', 'statements')
|
|
162
|
+
columns: createColumn('statements', 'Statements', 'statements'),
|
|
177
163
|
},
|
|
178
164
|
{
|
|
179
165
|
id: 'branches',
|
|
180
166
|
header: 'Branches',
|
|
181
|
-
columns: createColumn('branches', 'Branches', 'branches')
|
|
167
|
+
columns: createColumn('branches', 'Branches', 'branches'),
|
|
182
168
|
},
|
|
183
169
|
];
|
|
184
170
|
|
|
@@ -288,50 +274,49 @@ type TotalCoverageSummaryProps = {
|
|
|
288
274
|
};
|
|
289
275
|
|
|
290
276
|
const TotalCoverageSummary: React.FC<TotalCoverageSummaryProps> = ({ coverageResult }) => {
|
|
291
|
-
const { lines, statements, functions, branches } = coverageResult.total
|
|
277
|
+
const { lines, statements, functions, branches } = coverageResult.total;
|
|
292
278
|
|
|
293
279
|
const data = [
|
|
294
|
-
{ label:
|
|
295
|
-
{ label:
|
|
296
|
-
{ label:
|
|
297
|
-
{ label:
|
|
298
|
-
]
|
|
280
|
+
{ label: 'Statements', value: `${statements.covered}/${statements.total}`, pct: statements.pct },
|
|
281
|
+
{ label: 'Branches', value: `${branches.covered}/${branches.total}`, pct: branches.pct },
|
|
282
|
+
{ label: 'Functions', value: `${functions.covered}/${functions.total}`, pct: functions.pct },
|
|
283
|
+
{ label: 'Lines', value: `${lines.covered}/${lines.total}`, pct: lines.pct },
|
|
284
|
+
];
|
|
299
285
|
|
|
300
286
|
const totalCovered = lines.covered + branches.covered + functions.covered + statements.covered;
|
|
301
287
|
const totalLines = lines.total + branches.total + functions.total + statements.total;
|
|
302
288
|
|
|
303
289
|
return (
|
|
304
|
-
<div style={{ display:
|
|
290
|
+
<div style={{ display: 'flex', flexDirection: 'column', marginBottom: '20px' }}>
|
|
305
291
|
<div className={styles.container}>
|
|
306
292
|
{data.map((item) => (
|
|
307
293
|
<div key={item.label} className={styles.item}>
|
|
308
|
-
<span
|
|
294
|
+
<span
|
|
295
|
+
className={styles.percentage}
|
|
309
296
|
style={{
|
|
310
|
-
color: getColor(item.pct)
|
|
297
|
+
color: getColor(item.pct),
|
|
311
298
|
}}
|
|
312
299
|
>
|
|
313
300
|
{item.pct}%
|
|
314
301
|
</span>
|
|
315
|
-
<span className={styles.label}>
|
|
316
|
-
|
|
317
|
-
</span>
|
|
318
|
-
<span className={styles.badge}>
|
|
319
|
-
{item.value}
|
|
320
|
-
</span>
|
|
302
|
+
<span className={styles.label}>{item.label}</span>
|
|
303
|
+
<span className={styles.badge}>{item.value}</span>
|
|
321
304
|
</div>
|
|
322
305
|
))}
|
|
323
306
|
</div>
|
|
324
307
|
{/** Display a progress bar for the total */}
|
|
325
308
|
<div className={styles.summaryProgressBar}>
|
|
326
|
-
<div
|
|
327
|
-
|
|
328
|
-
|
|
309
|
+
<div
|
|
310
|
+
className={styles.progressBarFill}
|
|
311
|
+
style={{
|
|
312
|
+
width: `${(totalCovered / totalLines) * 100}%`,
|
|
313
|
+
backgroundColor: getColor((totalCovered / totalLines) * 100),
|
|
329
314
|
}}
|
|
330
315
|
/>
|
|
331
316
|
</div>
|
|
332
317
|
</div>
|
|
333
|
-
)
|
|
334
|
-
}
|
|
318
|
+
);
|
|
319
|
+
};
|
|
335
320
|
|
|
336
321
|
type TestsPageProps = {
|
|
337
322
|
emptyState: EmptyStateSlot;
|
|
File without changes
|