",
22 | "license": "MIT",
23 | "main": "xunit-viewer.js",
24 | "bin": {
25 | "xunit-viewer": "bin/xunit-viewer.js"
26 | },
27 | "directories": {
28 | "bin": "bin",
29 | "cli": "src/cli"
30 | },
31 | "scripts": {
32 | "start": "react-scripts start",
33 | "build": "react-scripts build",
34 | "test": "react-scripts test --reporters=default --reporters=jest-junit",
35 | "update": "node src/cli/update-expected.js",
36 | "eject": "react-scripts eject",
37 | "lint": "eslint xunit-viewer.js src --ignore-pattern src/cli/static/js/**/*",
38 | "test:ci": "echo blah",
39 | "test:document": "./bin/xunit-viewer.js -r junit.xml -o gh-pages/xunit-viewer-results.html",
40 | "test:document:serve": "npm run test:document -- -s",
41 | "demo": "./bin/xunit-viewer.js -r data -o gh-pages/index.html",
42 | "release:demo": "npm run test:document && npm run demo && gh-pages -d gh-pages",
43 | "deploy": "rm -rf src/cli/static && cp -r build/static src/cli/static",
44 | "build:cli": "npm run build && npm run deploy",
45 | "release": "./release.sh"
46 | },
47 | "dependencies": {
48 | "@uiw/react-codemirror": "^4.21.3",
49 | "chalk": "^5.2.0",
50 | "chokidar": "^3.5.3",
51 | "console-clear": "^1.1.1",
52 | "debounce": "^1.2.1",
53 | "detect-file-encoding-and-language": "^2.4.0",
54 | "express": "^4.18.2",
55 | "get-port": "^7.0.0",
56 | "handlebars": "^4.7.7",
57 | "ip": "^1.1.8",
58 | "lzutf8": "^0.6.3",
59 | "merge": "^2.1.1",
60 | "socket.io": "^4.6.2",
61 | "xml2js": "^0.6.0",
62 | "yargs": "^17.7.2"
63 | },
64 | "devDependencies": {
65 | "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
66 | "@fortawesome/fontawesome-free": "^6.4.0",
67 | "bulma": "^0.9.4",
68 | "eslint": "^8.43.0",
69 | "eslint-config-standard": "^17.1.0",
70 | "eslint-config-standard-react": "^13.0.0",
71 | "eslint-import-resolver-node": "^0.3.7",
72 | "eslint-plugin-import": "^2.27.5",
73 | "eslint-plugin-node": "^11.1.0",
74 | "eslint-plugin-promise": "^6.1.1",
75 | "eslint-plugin-react": "^7.32.2",
76 | "eslint-plugin-standard": "^5.0.0",
77 | "fuzzy": "^0.1.3",
78 | "gh-pages": "^5.0.0",
79 | "jest-junit": "^16.0.0",
80 | "linkify-html": "^4.1.1",
81 | "linkifyjs": "^4.1.1",
82 | "localforage": "^1.10.0",
83 | "match-sorter": "^6.3.1",
84 | "query-string": "^8.1.0",
85 | "react": "^18.2.0",
86 | "react-dom": "^18.2.0",
87 | "react-linkify": "^1.0.0-alpha",
88 | "react-render-if-visible": "^2.1.1",
89 | "react-router-dom": "^6.13.0",
90 | "react-scripts": "^5.0.1",
91 | "react-test-renderer": "^18.2.0",
92 | "sort-by": "^1.2.0",
93 | "stream": "^0.0.2",
94 | "timers": "^0.1.1"
95 | },
96 | "browserslist": [
97 | ">0.2%",
98 | "not dead",
99 | "not ie <= 11",
100 | "not op_mini all"
101 | ],
102 | "eslintIgnore": [
103 | "cli/static/**/*"
104 | ],
105 | "eslintConfig": {
106 | "extends": [
107 | "standard",
108 | "standard-react",
109 | "plugin:react/recommended"
110 | ],
111 | "env": {
112 | "browser": true,
113 | "jest": true,
114 | "jasmine": true
115 | },
116 | "rules": {
117 | "react/prop-types": 0,
118 | "react/jsx-closing-tag-location": 0,
119 | "react/jsx-closing-bracket-location": 0
120 | }
121 | }
122 | }
123 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lukejpreston/xunit-viewer/f41d75ff886ceaacb0c09e1d1feb088b1ebc23de/public/favicon.ico
--------------------------------------------------------------------------------
/public/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lukejpreston/xunit-viewer/f41d75ff886ceaacb0c09e1d1feb088b1ebc23de/public/icon.png
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Xunit Viewer
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/release.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 |
3 | set -e
4 |
5 | npm run lint
6 | npm run build:cli
7 | npm run test:ci
8 | ./bin/xunit-viewer.js -r junit.xml -c -C false
9 | CURRENT=$(echo $(npm version | grep xunit-viewer | cut -d"'" -f4))
10 | git commit --allow-empty -am "tested $CURRENT"
11 |
12 | npm version ${1-patch}
13 | npm publish
14 | LATEST=$(echo npm version | grep xunit-viewer | cut -d"'" -f4)
15 |
16 | npm run release:demo
17 |
18 | git add -A
19 | git commit --allow-empty -am "release demo $LATEST"
20 |
21 | git push
22 | git push --tags
23 |
--------------------------------------------------------------------------------
/sample-usage.js:
--------------------------------------------------------------------------------
1 | import xunitViewer from './xunit-viewer'
2 |
3 | xunitViewer({
4 | server: false,
5 | results: 'data',
6 | ignore: ['_thingy', 'invalid'],
7 | title: 'Xunit View Sample Tests',
8 | output: 'output.html'
9 | })
10 |
--------------------------------------------------------------------------------
/src/app/__snapshots__/hero.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`renders hero 1`] = `
4 |
7 |
10 |
13 |
16 |
27 |
28 |
31 |
34 |
![]()
37 |
40 |
41 |
42 |
43 |
54 |
57 |
60 |
71 |
72 |
75 |
78 |
83 |
86 | bacon
87 |
88 |
89 |
90 |
91 |
7 |
10 |
24 |
51 |
52 |
55 |
7 |
10 |
24 |
51 |
52 |
55 |
7 |
10 |
24 |
70 |
71 |
74 |
78 |
{ dispatch({ type: 'toggle-menu' }) }}
81 | title={title}
82 | brand={brand}
83 | printMode={state.printMode}
84 | burger={state.hero.burger}
85 | dropdown={state.hero.dropdown}
86 | dispatch={dispatch}
87 | suites={state.currentSuites}
88 | />
89 |
117 |
118 |
119 | {state.errors &&
}
120 | {state.errors === null && Object.values(state.currentSuites).length === 0 &&
}
121 | {Object.values(state.currentSuites).length > 0 &&
122 | {
123 | Object.values(state.currentSuites)
124 | .sort((left, right) => {
125 | if (left.name < right.name) return -1
126 | if (left.name > right.name) return 1
127 | return 0
128 | })
129 | .map(suite => (
130 |
137 | ))
138 | }
139 |
140 | }
141 |
8 |
Errors found
9 |
There was an error parsing your data.
10 |
11 | {errors.map(({ file, error }) => (
12 | -
13 | {file}
14 |
15 | {error}
16 |
17 | ))}
18 |
19 |
20 | If you think this is an issue with the library please raise it here GitHub Issue
21 |
22 |
20 | //
21 | // { setActive(!active) }} />
22 | //
23 | //
24 | //
72 |
73 | //
74 | // {active
75 | // ?
77 | //
78 | //
79 | // java.lang.RuntimeException: There was an error
80 | //
81 | // `}
82 | // options={{
83 | // mode: 'xml',
84 | // lineNumbers: true
85 | // }}
86 | // onChange={(cm, { text }, value) => {
87 |
88 | // }}
89 | // />
90 | // : null}
91 | //
92 |
93 | //
23 |
24 |
38 |
39 |
40 |
41 |
{
44 | setSearchParams({
45 | passed: false,
46 | skipped: false,
47 | error: true,
48 | failure: true,
49 | unknown: true
50 | })
51 | }}
52 | >
53 | ERROR/FAILURE/UNKNOWN
54 |
55 |
{
58 | setSearchParams({
59 | passed: true,
60 | skipped: true,
61 | error: false,
62 | failure: false,
63 | unknown: false
64 | })
65 | }}
66 | >
67 | PASSED/SKIPPED
68 |
69 |
{
72 | setSearchParams({
73 | passed: true,
74 | skipped: true,
75 | error: true,
76 | failure: true,
77 | unknown: true
78 | })
79 | }}
80 | >
81 | ALL
82 |
83 |
{ }}
86 | >
87 | FILTERED
88 |
89 |
90 |
91 |
139 |
195 |
5 |
6 |
Parsing the files
7 |
5 |
6 | {
8 | dispatch({
9 | type: 'search-properties',
10 | payload: {
11 | value: evt.target.value
12 | }
13 | })
14 | }}
15 | className='input'
16 | type='text'
17 | placeholder={label} />
18 |
19 |
22 | {count}/{total}
23 |
24 |
25 | const EyeIcon = () =>
26 |
27 |
28 |
29 | const EyeSlashIcon = () =>
30 |
31 |
32 |
33 | const ChevronUpIcon = () =>
34 |
35 |
36 |
37 | const ChevronDownIcon = () =>
38 |
39 |
40 |
41 | const ToggleRow = ({ type, label, propertiesVisible, propertiesExpanded, dispatch }) =>
42 |
43 | {label}
44 |
45 |
{
49 | dispatch({
50 | type: 'toggle-properties-visbility',
51 | payload: {
52 | type,
53 | active: !propertiesVisible[type]
54 | }
55 | })
56 | }}
57 | onLabel='Visible'
58 | offLabel='Hidden'
59 | onIcon={}
60 | offIcon={} />
61 | {
63 | dispatch({
64 | type: 'toggle-all-properties',
65 | payload: {
66 | type,
67 | active: !propertiesExpanded[type]
68 | }
69 | })
70 | }}
71 | className='properties-options-toggle'
72 | active={propertiesExpanded[type]}
73 | onLabel='Expanded'
74 | offLabel='Contracted'
75 | offIcon={}
76 | onIcon={} />
77 |
81 |
82 |
83 |
93 |
94 |
95 | {active
96 | ?
97 |
98 |
99 |
100 |
101 | : null}
102 |
103 |
104 |
5 |
6 | {
8 | dispatch({
9 | type: 'search-suites',
10 | payload: {
11 | value: evt.target.value
12 | }
13 | })
14 | }}
15 | className='input'
16 | type='text'
17 | placeholder={label} />
18 |
19 |
22 | {count}/{total}
23 |
24 |
25 | const ChevronUpIcon = () =>
26 |
27 |
28 |
29 | const ChevronDownIcon = () =>
30 |
31 |
32 |
33 | const HideIcon = () =>
34 |
35 |
36 |
37 | const ShowIcon = () =>
38 |
39 |
40 |
41 | const SuiteOptions = ({ suitesExpanded = true, suitesEmpty = true, count = 0, total = 0, dispatch, active = false }) => {
42 | return
43 |
44 |
45 |
55 |
56 |
57 | {active
58 | ? <>
59 | dispatch({ type: 'toggle-all-suites' })}
61 | active={suitesExpanded}
62 | onLabel='Expanded'
63 | offLabel='Contracted'
64 | offIcon={}
65 | onIcon={} />
66 | dispatch({ type: 'toggle-empty-suites' })}
68 | active={suitesEmpty}
69 | onLabel='Empty hidden'
70 | offLabel='Empty shown'
71 | onIcon={}
72 | offIcon={} />
73 |
74 | : null}
75 |
76 |
77 |
31 |
39 | {active
40 | ?
41 |
42 |
43 |
44 | | Property |
45 | Value |
46 |
47 |
48 |
49 | {Object.keys(properties)
50 | .filter(key => key !== '_active' && key !== '_visible')
51 | .map(key => {
52 | return
53 | | {key} |
54 | {properties[key].join(', ')} |
55 |
56 | })}
57 |
58 |
59 |
60 | : null}
61 |
65 | {messages.map((message, index) =>
{message})}
66 |
69 | {messages.map((message, index) =>
)}
70 |
101 |
118 |
119 | {active && (hasMessage || hasProperties)
120 | ?
121 | {hasProperties ?
: null}
122 | {
123 | hasMessage
124 | ? <>
125 |
}
129 | offIcon={
}
130 | offLabel='pretty'
131 | onChange={() => dispatch({ type: 'toggle-test-mode', payload: { suite, id, raw: !raw } })} />
132 | {
133 | raw
134 | ?
135 | :
136 | }
137 |
138 | : null
139 | }
140 |
141 | : null}
142 |
143 |
184 |
207 | {active && containsSomething
208 | ?
209 |
210 | {systemOut.length > 0 ? systemOut.map((value, index) =>
{value}) : null}
211 | {hasProperties ?
: null}
212 |
213 | {
214 | Object.entries(tests)
215 | .filter(([key, test]) => query[test.status])
216 | .sort((left, right) => {
217 | let leftStatus = statusRank.indexOf(left[1].status)
218 | let rightStatus = statusRank.indexOf(right[1].status)
219 |
220 | leftStatus = leftStatus === -1 ? statusRank.length : leftStatus
221 | rightStatus = rightStatus === -1 ? statusRank.length : rightStatus
222 |
223 | if (leftStatus < rightStatus) {
224 | return -2
225 | }
226 | if (leftStatus > rightStatus) return 2
227 |
228 | const leftName = left[1].name
229 | const rightName = right[1].name
230 |
231 | if (leftName < rightName) return -1
232 | if (leftName > rightName) return 1
233 |
234 | return 0
235 | })
236 | .map(([key, test]) => )
237 | }
238 |
239 |
240 |
241 | : null}
242 |
14 |
15 | {
17 | dispatch({
18 | type: 'search-tests',
19 | payload: {
20 | value: evt.target.value
21 | }
22 | })
23 | }}
24 | className='input'
25 | type='text'
26 | placeholder={label} />
27 |
28 |
31 | {icon
32 | ?
33 |
34 |
35 | : null}
36 | {count}/{total}
37 |
38 |
39 | const fromTestCounts = (testCounts, status, value) => {
40 | const statusCounts = testCounts[status] || {}
41 | return statusCounts[value] || 0
42 | }
43 |
44 | const EyeIcon = () => <>
45 |
46 |
47 |
48 |
49 |
50 | const EyeSlashIcon = () => <>
51 |
52 |
53 |
54 |
55 |
56 | const PrettyIcon = () =>
57 |
58 |
59 |
60 | const CodeIcon = () =>
61 |
62 |
63 |
64 | const ChevronUpIcon = () =>
65 |
66 |
67 |
68 | const ChevronDownIcon = () =>
69 |
70 |
71 |
72 | const StatusTotal = ({ testCounts, status }) => {
73 | return fromTestCounts(testCounts, status, 'total') > 0 ? : null
74 | }
75 |
76 | const ToggleRow = ({ status, label, dispatch, visible = true, expanded = true, raw = true }) => {
77 | const { query, setSearchParams } = useVisibility()
78 | return
79 |
80 | {status !== 'all'
81 | ?
82 |
83 |
84 | :
85 |
86 | }
87 | {label}
88 |
89 |
{
91 | if (status !== 'all') {
92 | setSearchParams({
93 | ...query,
94 | [status]: !visible
95 | })
96 | } else {
97 | const anyFalse = Object.values(query).some(visible => visible === false)
98 | setSearchParams({
99 | passed: anyFalse,
100 | skipped: anyFalse,
101 | failure: anyFalse,
102 | error: anyFalse,
103 | unknown: anyFalse
104 | })
105 | }
106 | }}
107 | active={visible}
108 | onLabel='Visible'
109 | offLabel='Hidden'
110 | onIcon={}
111 | offIcon={} />
112 | {
114 | dispatch({
115 | type: 'toggle-test-expanded',
116 | payload: {
117 | status,
118 | active: !expanded
119 | }
120 | })
121 | }}
122 | active={expanded}
123 | onLabel='Expanded'
124 | offLabel='Contracted'
125 | onIcon={}
126 | offIcon={} />
127 | {
129 | dispatch({
130 | type: 'toggle-test-raw',
131 | payload: {
132 | status,
133 | active: !raw
134 | }
135 | })
136 | }}
137 | active={raw}
138 | onLabel='Raw'
139 | offLabel='Pretty'
140 | onIcon={}
141 | offIcon={} />
142 |
156 |
174 |
175 | {active
176 | ? <>
177 |
178 |
179 |
180 |
181 |
182 |
183 |
184 | : null}
185 |
186 |
187 |