├── data
    ├── thing.txt
    ├── invalid.xml
    ├── subfolder
    │   └── _thingy.xml
    ├── utf-16.xml
    ├── complete_single_case_only.xml
    ├── no_class_name.xml
    ├── passing_suite.xml
    ├── name.has.dots.xml
    ├── skipped_suite.xml
    ├── issue_2.xml
    ├── complete_no_suite_multi_cases.xml
    ├── with_html.xml
    ├── error_suite.xml
    ├── failing_suite.xml
    ├── pytest_testcase_properties.xml
    ├── multi_error_test_with_system_out.xml
    ├── defect_suite.xml
    ├── malformed.xml
    ├── nested-nested.xml
    ├── issue_3.xml
    ├── russian-unicode.xml
    ├── multi_cases.xml
    ├── properties_in_test_meta.xml
    ├── special_chars_suite.xml
    ├── semi-colon.xml
    ├── suite-system-out.xml
    ├── class_not_classname.xml
    ├── test-system-out.xml
    ├── multi-name-unique-classname.xml
    ├── duplicate_name_unique_classanme.xml
    ├── multi_suite.xml
    ├── complete_no_suite_single_suite.xml
    ├── most_complex.xml
    ├── test.xml
    ├── complete_no_suite.xml
    ├── embedded_html_sysout.xml
    └── complete_single_suite.xml
├── .env
├── public
    ├── icon.png
    ├── favicon.ico
    └── index.html
├── example-header.png
├── gh-pages
    ├── icon.png
    └── favicon.ico
├── XunitViewerIcon.png
├── src
    ├── app
    │   ├── parse.js
    │   ├── logo.test.js
    │   ├── toggle.test.js
    │   ├── loading.js
    │   ├── suite-options.test.js
    │   ├── properties-options.test.js
    │   ├── test-options.test.js
    │   ├── __snapshots__
    │   │   ├── toggle.test.js.snap
    │   │   ├── logo.test.js.snap
    │   │   ├── properties-options.test.js.snap
    │   │   ├── suite-options.test.js.snap
    │   │   ├── test-options.test.js.snap
    │   │   └── hero.test.js.snap
    │   ├── suite-count.js
    │   ├── toggle.js
    │   ├── logo.js
    │   ├── error.js
    │   ├── initial-state.js
    │   ├── visible.js
    │   ├── parse-all.js
    │   ├── suite-options.js
    │   ├── properties-options.js
    │   ├── files.js
    │   ├── app.js
    │   ├── test-options.js
    │   ├── hero.js
    │   ├── suite.js
    │   ├── reducer.js
    │   └── index.css
    ├── cli
    │   ├── watch.js
    │   ├── parse.test.js
    │   ├── get-description.js
    │   ├── get-suites.test.js
    │   ├── get-description.test.js
    │   ├── get-suites.js
    │   ├── update-expected.js
    │   ├── server.js
    │   ├── get-files.js
    │   ├── render.js
    │   ├── logger.js
    │   ├── terminal.js
    │   ├── static
    │   │   └── js
    │   │   │   └── main.4e6e0818.js.LICENSE.txt
    │   ├── get-files.test.js
    │   ├── index.html
    │   ├── args.js
    │   ├── parse.js
    │   └── parse-expected.json
    └── index.js
├── bin
    └── xunit-viewer.js
├── sample-usage.js
├── .npmignore
├── .github
    ├── workflows
    │   └── main.yml
    └── ISSUE_TEMPLATE
    │   └── issue.md
├── .gitignore
├── release.sh
├── XunitViewerIcon.svg
├── SECURITY.md
├── component
    └── icon-map.jsx
├── junit.xml
├── LICENCE
├── xunit-viewer.js
├── package.json
└── README.md


/data/thing.txt:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/data/invalid.xml:
--------------------------------------------------------------------------------
1 | bacon


--------------------------------------------------------------------------------
/data/subfolder/_thingy.xml:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.env:
--------------------------------------------------------------------------------
1 | SKIP_PREFLIGHT_CHECK=true


--------------------------------------------------------------------------------
/data/utf-16.xml:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lukejpreston/xunit-viewer/HEAD/data/utf-16.xml


--------------------------------------------------------------------------------
/public/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lukejpreston/xunit-viewer/HEAD/public/icon.png


--------------------------------------------------------------------------------
/example-header.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lukejpreston/xunit-viewer/HEAD/example-header.png


--------------------------------------------------------------------------------
/gh-pages/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lukejpreston/xunit-viewer/HEAD/gh-pages/icon.png


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lukejpreston/xunit-viewer/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/XunitViewerIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lukejpreston/xunit-viewer/HEAD/XunitViewerIcon.png


--------------------------------------------------------------------------------
/gh-pages/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lukejpreston/xunit-viewer/HEAD/gh-pages/favicon.ico


--------------------------------------------------------------------------------
/src/app/parse.js:
--------------------------------------------------------------------------------
1 | import '../cli/parse.js'
2 | const parse = window.parse
3 | export default parse
4 | 


--------------------------------------------------------------------------------
/bin/xunit-viewer.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 | 
3 | import xunitViewer from '../xunit-viewer.js'
4 | import { args } from '../src/cli/args.js'
5 | 
6 | xunitViewer(args)
7 | 


--------------------------------------------------------------------------------
/data/complete_single_case_only.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8" ?>
2 |     <testcase>
3 |         <failure message="<b>message</b>" type="<i>type</i>"></failure>
4 |     </testcase>
5 | 


--------------------------------------------------------------------------------
/data/no_class_name.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <testsuite tests="2" failures="1" time="0.0160106">
3 |     <testcase name="It Is A Pass" time="0.000625"></testcase>
4 | </testsuite>
5 | 


--------------------------------------------------------------------------------
/data/passing_suite.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <testsuite tests="2" failures="1" time="0.0160106">
3 |     <testcase name="It Is A Pass" classname="Passing" time="0.000625"></testcase>
4 | </testsuite>
5 | 


--------------------------------------------------------------------------------
/data/name.has.dots.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <testsuite tests="2" failures="1" time="0.0160106">
3 |     <testcase name="It Is A Pass" classname="H.a.s.D.o.t.s" time="0.000625"></testcase>
4 | </testsuite>
5 | 


--------------------------------------------------------------------------------
/data/skipped_suite.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <testsuite tests="1" failures="0" time="0.0">
3 |     <testcase name="It Is Skipped" classname="Skipped" time="0">
4 |         <skipped></skipped>
5 |     </testcase>
6 | </testsuite>


--------------------------------------------------------------------------------
/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 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
 1 | src/__snapshots__
 2 | src/app
 3 | src/index.js
 4 | data
 5 | public
 6 | scripts
 7 | .env
 8 | build
 9 | coverage
10 | gh-pages
11 | junit.xml
12 | sample-usage.js
13 | XunitViewerIcon.png
14 | XunitViewerIcon.svg
15 | xunit-viewer-results.html


--------------------------------------------------------------------------------
/src/app/logo.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Logo from './logo'
3 | import renderer from 'react-test-renderer'
4 | 
5 | test('renders logo', () => {
6 |   const tree = renderer.create(<Logo />).toJSON()
7 |   expect(tree).toMatchSnapshot()
8 | })
9 | 


--------------------------------------------------------------------------------
/src/cli/watch.js:
--------------------------------------------------------------------------------
 1 | import chokidar from 'chokidar'
 2 | import debounce from 'debounce'
 3 | 
 4 | export default ({ results }, cb) => {
 5 |   cb = debounce(cb)
 6 |   chokidar.watch(results)
 7 |     .on('all', (event, path) => {
 8 |       cb()
 9 |     })
10 | }
11 | 


--------------------------------------------------------------------------------
/src/app/toggle.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Toggle from './toggle'
3 | import renderer from 'react-test-renderer'
4 | 
5 | test('renders toggle', () => {
6 |   const tree = renderer.create(<Toggle onLabel='on' offLabel='off' />).toJSON()
7 |   expect(tree).toMatchSnapshot()
8 | })
9 | 


--------------------------------------------------------------------------------
/data/issue_2.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <testsuite name="issue 2" tests="3" failures="1" time="0.0160106">
3 |     <testcase name="issue 2 test" time="0.155" >
4 |       <failure><![CDATA[0x1 != 0
5 | ./failed_file_name.c:467: error: Failure!]]></failure>
6 |     </testcase>
7 | </testsuite>
8 | 


--------------------------------------------------------------------------------
/data/complete_no_suite_multi_cases.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8" ?>
2 |         <testcase>
3 |             <failure message="<b>message</b>" type="<i>type</i>"></failure>
4 |         </testcase>
5 |         <testcase>
6 |             <failure message="<b>message</b>" type="<i>type</i>"></failure>
7 |         </testcase>


--------------------------------------------------------------------------------
/src/app/loading.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | const Loading = () => (
 4 |     <div className='is-flex is-align-items-center is-justify-content-center mt-5'>
 5 |         <button className='button is-loading is-text' />
 6 |         <p>Parsing the files</p>
 7 |     </div>
 8 | )
 9 | 
10 | export default Loading
11 | 


--------------------------------------------------------------------------------
/src/app/suite-options.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import SuiteOptions from './suite-options'
3 | import renderer from 'react-test-renderer'
4 | 
5 | test('renders suite options', () => {
6 |   const tree = renderer.create(<SuiteOptions count={100} total={999} />).toJSON()
7 |   expect(tree).toMatchSnapshot()
8 | })
9 | 


--------------------------------------------------------------------------------
/data/with_html.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <testsuite tests="3" failures="1" time="0.0160106">
3 |     <testcase name="has html" classname="HTML" time="0.00075">
4 |         <error message="<b>BOO</b>" type="<i>ARGH</i>">
5 |         &lt;i&gt;ARGG&lt;/i&gt;&lt;b&gt;BOO&lt;/b&gt; </error>
6 |     </testcase>
7 | </testsuite>


--------------------------------------------------------------------------------
/.github/workflows/main.yml:
--------------------------------------------------------------------------------
 1 | name: CI
 2 | on: [push, pull_request]
 3 | jobs:
 4 |   build:
 5 |     runs-on: ubuntu-latest
 6 |     steps:
 7 |     - uses: actions/checkout@v2
 8 |     - uses: actions/setup-node@v1
 9 |       with:
10 |        node-version: '12.x'
11 |     - run: npm install
12 |     - run: npm run lint
13 |     - run: npm run test:ci


--------------------------------------------------------------------------------
/data/error_suite.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <testsuite tests="3" failures="1" time="0.0160106">
3 |     <testcase name="Is An Error" classname="Error" time="0.00075">
4 |         <error message="There was a error" type="java.lang.RuntimeException">java.lang.RuntimeException: There was an error</error>
5 |     </testcase>
6 | </testsuite>


--------------------------------------------------------------------------------
/src/app/properties-options.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import PropertiesOptions from './properties-options'
3 | import renderer from 'react-test-renderer'
4 | 
5 | test('renders properties options', () => {
6 |   const tree = renderer.create(<PropertiesOptions count={100} total={999} />).toJSON()
7 |   expect(tree).toMatchSnapshot()
8 | })
9 | 


--------------------------------------------------------------------------------
/src/app/test-options.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import TestOptions from './test-options'
3 | import renderer from 'react-test-renderer'
4 | 
5 | test('renders test options', () => {
6 |   const tree = renderer.create(<TestOptions count={100} total={999} testCounts={{ passed: { total: 200, count: 50 } }} />).toJSON()
7 |   expect(tree).toMatchSnapshot()
8 | })
9 | 


--------------------------------------------------------------------------------
/data/failing_suite.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <testsuite tests="1" failures="1" time="0.0160106">
3 |   <testcase name="It Is A Failure" classname="Failing" time="0.012011200000000001">
4 |       <failure type="Failure">FILENAME:XX&#xA;Expected&#xA;    &lt;string&gt;: Luke&#xA;to equal&#xA;    &lt;string&gt;: luke</failure>
5 |   </testcase>
6 | </testsuite>


--------------------------------------------------------------------------------
/data/pytest_testcase_properties.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <testsuite tests="2" failures="1" time="0.0160106">
3 |     <testcase classname="test_function" file="test_function.py" line="0" name="test_function" time="0.0009">
4 |         <properties>
5 |             <property name="example_key" value="1"/>
6 |         </properties>
7 |     </testcase>
8 | </testsuite>
9 | 


--------------------------------------------------------------------------------
/data/multi_error_test_with_system_out.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <testsuite tests="1" failures="1" time="0.0160106">
3 |   <testcase name="It Is A Failure" classname="Failing" time="0.012011200000000001">
4 |     <error>Error message</error>
5 |     <system-out>Some messgae</system-out>
6 |     <failure type="Failure">FILENAME:XX</failure>
7 |   </testcase>
8 | </testsuite>


--------------------------------------------------------------------------------
/src/app/__snapshots__/toggle.test.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`renders toggle 1`] = `
 4 | <button
 5 |   className="button toggle is-inactive "
 6 |   disabled={false}
 7 |   onClick={[Function]}
 8 | >
 9 |   <div
10 |     className="toggle-rail"
11 |   >
12 |     <div
13 |       className="toggle-handle"
14 |     />
15 |   </div>
16 |   <span>
17 |     off
18 |   </span>
19 | </button>
20 | `;
21 | 


--------------------------------------------------------------------------------
/src/cli/parse.test.js:
--------------------------------------------------------------------------------
 1 | import fs from 'fs'
 2 | import path from 'path'
 3 | import './parse'
 4 | import expected from './parse-expected.json'
 5 | 
 6 | const parse = window.parse
 7 | const dataDir = path.resolve(__dirname, '../../data')
 8 | 
 9 | test('complete multi suites', async () => {
10 |   const data = path.join(dataDir, '/test.xml')
11 |   const result = await parse(fs.readFileSync(data).toString())
12 |   expect(result).toEqual(expected)
13 | })
14 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # IDEs
 4 | .idea
 5 | 
 6 | # dependencies
 7 | /node_modules
 8 | /.pnp
 9 | .pnp.js
10 | 
11 | # testing
12 | /coverage
13 | /output
14 | 
15 | # production
16 | /build
17 | 
18 | # misc
19 | .DS_Store
20 | .env.local
21 | .env.development.local
22 | .env.test.local
23 | .env.production.local
24 | 
25 | npm-debug.log*
26 | yarn-debug.log*
27 | yarn-error.log*
28 | 


--------------------------------------------------------------------------------
/src/cli/get-description.js:
--------------------------------------------------------------------------------
 1 | export default (suites) => {
 2 |   const testCounts = {}
 3 |   Object.values(suites.suites).forEach((suite) => {
 4 |     Object.values(suite.tests).forEach((test) => {
 5 |       const status = test.status || 'unknown'
 6 |       testCounts[status] = testCounts[status] || 0
 7 |       testCounts[status] += 1
 8 |     })
 9 |   })
10 |   return Object.entries(testCounts)
11 |     .map(([status, count]) => {
12 |       return `${count} ${status}`
13 |     })
14 |     .join(', ')
15 | }
16 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 7 |     <meta name="theme-color" content="#000000" />
 8 |     <title>Xunit Viewer</title>
 9 |   </head>
10 |   <body>
11 |     <noscript>You need to enable JavaScript to run this app.</noscript>
12 |     <div id="root"></div>
13 |   </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/src/app/suite-count.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | const icons = {
 4 |   passed: 'check',
 5 |   failure: 'times',
 6 |   error: 'exclamation',
 7 |   skipped: 'ban',
 8 |   unknown: 'question'
 9 | }
10 | 
11 | const SuiteCount = ({ count, type }) => count > 0
12 |   ? <span className='suite-count'>
13 |         <span className='icon'>
14 |             <i className={`fas fa-${icons[type]}`} aria-hidden='true' />
15 |         </span>
16 |         {count}
17 |     </span>
18 |   : null
19 | 
20 | export default SuiteCount
21 | 


--------------------------------------------------------------------------------
/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 | 


--------------------------------------------------------------------------------
/src/cli/get-suites.test.js:
--------------------------------------------------------------------------------
 1 | import path from 'path'
 2 | import getFiles from './get-files'
 3 | import getSuites from './get-suites'
 4 | import expected from './get-suites-expected.json'
 5 | 
 6 | const logger = {
 7 |   warning: input => input,
 8 |   file: input => input,
 9 |   error: input => input
10 | }
11 | 
12 | test('get suites', async () => {
13 |   const files = await getFiles(logger, { results: path.resolve(__dirname, '../../data') })
14 |   const suites = await getSuites(logger, files)
15 |   expect(suites).toEqual(expected)
16 | })
17 | 


--------------------------------------------------------------------------------
/src/cli/get-description.test.js:
--------------------------------------------------------------------------------
 1 | import fs from 'fs'
 2 | import path from 'path'
 3 | import getDescription from './get-description.js'
 4 | import './parse'
 5 | 
 6 | const parse = window.parse
 7 | 
 8 | const dataDir = path.resolve(__dirname, '../../data')
 9 | 
10 | test('get description', async () => {
11 |   const data = path.join(dataDir, '/test.xml')
12 |   const parsed = await parse(fs.readFileSync(data).toString())
13 |   const result = getDescription(parsed)
14 |   expect(result).toBe('13 passed, 2 failure, 1 error, 1 unknown, 1 skipped')
15 | })
16 | 


--------------------------------------------------------------------------------
/src/cli/get-suites.js:
--------------------------------------------------------------------------------
 1 | import merge from 'merge'
 2 | import parse from './parse.js'
 3 | 
 4 | let parseXml = parse
 5 | if (typeof window !== 'undefined') parseXml = window.parse
 6 | 
 7 | export default async (logger, files) => {
 8 |   let suites = {}
 9 |   for (const { file, contents } of files) {
10 |     try {
11 |       const res = await parseXml(contents)
12 |       suites = merge.recursive(true, suites, res)
13 |     } catch (err) {
14 |       console.log(logger.error('Failed to parse'), logger.file(file), '\n', logger.error(err.message), '\n')
15 |     }
16 |   }
17 |   return suites
18 | }
19 | 


--------------------------------------------------------------------------------
/data/defect_suite.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <testsuite tests="1" failures="1" time="0.0160106">
 3 |     <properties>
 4 |         <property name="flag-type" value="bug" />
 5 |         <property name="flag-content" value="APPLICATION DEFECT" />
 6 |         <property name="Has a name" value="true" />
 7 |         <property name="URL" value="/test/data.com" />
 8 |     </properties>
 9 |     <testcase name="Is An Error" classname="Defect" time="0">
10 |         <error message="There was a error" type="java.lang.RuntimeException">java.lang.RuntimeException: There was an error</error>
11 |     </testcase>
12 | </testsuite>


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/issue.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: Issue
 3 | about: Raise an issue
 4 | title: ''
 5 | labels: ''
 6 | assignees: ''
 7 | 
 8 | ---
 9 | 
10 | Raise any issues using GitHub and provide sample data where possible.
11 | 
12 | To help debug any issues please provide the following info
13 | 
14 | * node and npm version
15 | * xunit viewer version
16 | * browser
17 | * sample xml
18 | 
19 | If you have issue migrating from Junit Viewer or older version of Xunit Viewer please feel free to raise an issue titled **MIGRATION HELP**
20 | 
21 | There is a `v5` branch which maintained through Open Source PRs, this branch will not maintain `npm audit` issues
22 | 


--------------------------------------------------------------------------------
/src/app/toggle.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | const Toggle = ({
 4 |   active,
 5 |   onIcon,
 6 |   offIcon,
 7 |   onLabel,
 8 |   offLabel,
 9 |   disabled = false,
10 |   onChange = () => {},
11 |   className = ''
12 | }) => {
13 |   return <button
14 |     onClick={() => {
15 |       onChange(!active)
16 |     }}
17 |     disabled={disabled}
18 |     className={`button toggle is-${active ? 'active' : 'inactive'} ${className}`}>
19 |     <div className='toggle-rail'>
20 |       <div className='toggle-handle' />
21 |     </div>
22 |     {active ? onIcon : offIcon}
23 |     <span>{active ? onLabel : offLabel}</span>
24 |   </button>
25 | }
26 | 
27 | export default Toggle
28 | 


--------------------------------------------------------------------------------
/XunitViewerIcon.svg:
--------------------------------------------------------------------------------
1 | <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <rect width="64" height="64" fill="#2C3E50"/>
3 | <path d="M19.0625 28.9688L24.5156 20.25H28.0469L20.8594 31.5312L28.2188 43H24.6562L19.0625 34.125L13.4375 43H9.89062L17.2656 31.5312L10.0625 20.25H13.5781L19.0625 28.9688Z" fill="#0DBF1F"/>
4 | <path d="M42.4344 39.0156L48.9344 20.25H52.2156L43.7781 43H41.1219L32.7 20.25H35.9656L42.4344 39.0156Z" fill="#B32010"/>
5 | <path fill-rule="evenodd" clip-rule="evenodd" d="M0 64L4 60V4H60L64 0H4H0V4V64Z" fill="#0DBF1F"/>
6 | <path fill-rule="evenodd" clip-rule="evenodd" d="M0 64H60H64V60V0L60 4V60H4L0 64Z" fill="#B32010"/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/SECURITY.md:
--------------------------------------------------------------------------------
 1 | # Security Policy
 2 | 
 3 | ## Supported Versions
 4 | 
 5 | Use this section to tell people about which versions of your project are
 6 | currently being supported with security updates.
 7 | 
 8 | | Version | Supported          |
 9 | | ------- | ------------------ |
10 | | 5.1.x   | :white_check_mark: |
11 | | 5.0.x   | :x:                |
12 | | 4.0.x   | :white_check_mark: |
13 | | < 4.0   | :x:                |
14 | 
15 | ## Reporting a Vulnerability
16 | 
17 | Use this section to tell people how to report a vulnerability.
18 | 
19 | Tell them where to go, how often they can expect to get an update on a
20 | reported vulnerability, what to expect if the vulnerability is accepted or
21 | declined, etc.
22 | 


--------------------------------------------------------------------------------
/component/icon-map.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Check from './icons/check'
 3 | import Times from './icons/times'
 4 | import Exclamation from './icons/exclamation'
 5 | import Ban from './icons/ban'
 6 | import Question from './icons/question'
 7 | import AngleDown from './icons/angle-down'
 8 | import AngleUp from './icons/angle-up'
 9 | 
10 | let Icon = ({ children }) => {
11 |   return <i className='icon is-small'>
12 |     {children}
13 |   </i>
14 | }
15 | 
16 | export default {
17 |   pass: <Icon><Check /></Icon>,
18 |   fail: <Icon><Times /></Icon>,
19 |   error: <Icon><Exclamation /></Icon>,
20 |   skip: <Icon><Ban /></Icon>,
21 |   unknown: <Icon><Question /></Icon>,
22 |   angleDown: <Icon><AngleDown /></Icon>,
23 |   angleUp: <Icon><AngleDown /></Icon>
24 | }
25 | 


--------------------------------------------------------------------------------
/data/malformed.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" ?>
 2 | <testsuite tests="939" failures="4" name="CucumberTest" time="0.069" errors="0" skipped="0">
 3 | 	<testcase classname="Scenario: Uploading a file should work." name="Then the file is uploaded successfully" time="0.004">
 4 | 		<failure type="java.lang.AssertionError">java.lang.AssertionError
 5 | 	at org.junit.Assert.fail(Assert.java:86)
 6 | 	at org.junit.Assert.assertTrue(Assert.java:41)
 7 | 	at org.junit.Assert.assertTrue(Assert.java:52)
 8 | 	at com.germaniumhq.germanium.steps.GermaniumFunctionSelectFile.the_file_is_uploaded_successfully(GermaniumFunctionSelectFile.java:26)
 9 | 	at ✽.Then the file is uploaded successfully(features/features/germanium-function-select_file.feature:7)
10 | 		</failure>
11 | 	</testcase>
12 | </testsuite>


--------------------------------------------------------------------------------
/src/app/logo.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | const Logo = () => <svg className='logo' width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'>
 4 |   <rect width='64' height='64' fill='#2C3E50' />
 5 |   <path d='M19.0625 28.9688L24.5156 20.25H28.0469L20.8594 31.5312L28.2188 43H24.6562L19.0625 34.125L13.4375 43H9.89062L17.2656 31.5312L10.0625 20.25H13.5781L19.0625 28.9688Z' fill='#0DBF1F' />
 6 |   <path d='M42.4344 39.0156L48.9344 20.25H52.2156L43.7781 43H41.1219L32.7 20.25H35.9656L42.4344 39.0156Z' fill='#B32010' />
 7 |   <path fillRule='evenodd' clipRule='evenodd' d='M0 64L4 60V4H60L64 0H4H0V4V64Z' fill='#0DBF1F' />
 8 |   <path fillRule='evenodd' clipRule='evenodd' d='M0 64H60H64V60V0L60 4V60H4L0 64Z' fill='#B32010' />
 9 | </svg>
10 | 
11 | export default Logo
12 | 


--------------------------------------------------------------------------------
/src/app/error.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | const issueUrl = 'https://github.com/lukejpreston/xunit-viewer/issues/new?assignees=&labels=&template=issue.md&title='
 4 | 
 5 | const Error = ({ errors }) => {
 6 |   return (
 7 |     <div className='content mt-5'>
 8 |         <h2 className='subtitle has-text-danger'>Errors found</h2>
 9 |         <p>There was an error parsing your data.</p>
10 |         <ul>
11 |             {errors.map(({ file, error }) => (
12 |                 <li key={file}>
13 |                     <b>{file}</b>
14 |                     <br />
15 |                     <p>{error}</p>
16 |                 </li>
17 |             ))}
18 |         </ul>
19 |         <p>
20 |             If you think this is an issue with the library please raise it here <a href={issueUrl} target='_blank' rel="noreferrer">GitHub Issue</a>
21 |         </p>
22 |     </div>
23 |   )
24 | }
25 | 
26 | export default Error
27 | 


--------------------------------------------------------------------------------
/data/nested-nested.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <testsuites>
 3 |   <testsuite name="" tests="48" assertions="121" errors="0" warnings="0" failures="0" skipped="0" time="6.719176">
 4 |     <testsuite name="Project Test Suite" tests="48" assertions="121" errors="0" warnings="0" failures="0" skipped="0" time="6.719176">
 5 |       <testsuite name="AppTestsFeatureControllerApiChargerCreateChargeControllerTest" file="/var/www/tests/Feature/Controller/Api/Charger/CreateChargeControllerTest.php" tests="1" assertions="5" errors="0" warnings="0" failures="0" skipped="0" time="3.007336">
 6 | <testcase name="testShouldCreateAnCharge" class="AppTestsFeatureControllerApiChargerCreateChargeControllerTest" classname="App.Tests.Feature.Controller.Api.Charger.CreateChargeControllerTest" file="/var/www/tests/Feature/Controller/Api/Charger/CreateChargeControllerTest.php" line="37" assertions="5" time="3.007336"/>
 7 |       </testsuite>
 8 |     </testsuite>
 9 |   </testsuite>
10 | </testsuites>


--------------------------------------------------------------------------------
/src/app/__snapshots__/logo.test.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`renders logo 1`] = `
 4 | <svg
 5 |   className="logo"
 6 |   fill="none"
 7 |   height="64"
 8 |   viewBox="0 0 64 64"
 9 |   width="64"
10 |   xmlns="http://www.w3.org/2000/svg"
11 | >
12 |   <rect
13 |     fill="#2C3E50"
14 |     height="64"
15 |     width="64"
16 |   />
17 |   <path
18 |     d="M19.0625 28.9688L24.5156 20.25H28.0469L20.8594 31.5312L28.2188 43H24.6562L19.0625 34.125L13.4375 43H9.89062L17.2656 31.5312L10.0625 20.25H13.5781L19.0625 28.9688Z"
19 |     fill="#0DBF1F"
20 |   />
21 |   <path
22 |     d="M42.4344 39.0156L48.9344 20.25H52.2156L43.7781 43H41.1219L32.7 20.25H35.9656L42.4344 39.0156Z"
23 |     fill="#B32010"
24 |   />
25 |   <path
26 |     clipRule="evenodd"
27 |     d="M0 64L4 60V4H60L64 0H4H0V4V64Z"
28 |     fill="#0DBF1F"
29 |     fillRule="evenodd"
30 |   />
31 |   <path
32 |     clipRule="evenodd"
33 |     d="M0 64H60H64V60V0L60 4V60H4L0 64Z"
34 |     fill="#B32010"
35 |     fillRule="evenodd"
36 |   />
37 | </svg>
38 | `;
39 | 


--------------------------------------------------------------------------------
/data/issue_3.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <testsuites>
 3 |   <testsuite name="Issue 3 suite" timestamp="2017-04-26T11:04:17" time="3.478" tests="0" failures="0" errors="0" skipped="0">
 4 |     <properties>
 5 |       <property name="specId" value="8bd15b60c2e4427bebe70fb618a717f4"/>
 6 |       <property name="suiteName" value="Create Action"/>
 7 |       <property name="capabilities" value="phantomjs"/>
 8 |     </properties>
 9 |   </testsuite>
10 |   <testsuite name="release" timestamp="2017-04-26T11:04:17" time="3.478" tests="2" failures="0" errors="0" skipped="0">
11 |     <properties>
12 |       <property name="specId" value="8bd15b60c2e4427bebe70fb618a717f4"/>
13 |       <property name="suiteName" value="@release"/>
14 |       <property name="capabilities" value="phantomjs"/>
15 |     </properties>
16 |     <testcase classname="phantomjs.@release" name="testName_1" time="2.079">
17 |     </testcase>
18 |     <testcase classname="phantomjs.@release" name="testName_2" time="1.399">
19 |     </testcase>
20 |   </testsuite>
21 | </testsuites>
22 | 


--------------------------------------------------------------------------------
/src/cli/update-expected.js:
--------------------------------------------------------------------------------
 1 | import fs from 'fs'
 2 | import path from 'path'
 3 | import getFiles from './get-files'
 4 | import getSuites from './get-suites'
 5 | import parse from './parse'
 6 | // const parse = window.parse
 7 | 
 8 | import { fileURLToPath } from 'url'
 9 | const __filename = fileURLToPath(import.meta.url)
10 | const __dirname = path.dirname(__filename)
11 | 
12 | const logger = {
13 |   warning: input => input,
14 |   file: input => input,
15 |   error: input => input
16 | }
17 | 
18 | const main = async () => {
19 |   const files = getFiles(logger, { results: path.resolve(__dirname, '../../data') })
20 |   const suites = await getSuites(logger, files)
21 |   fs.writeFileSync(path.resolve(__dirname, 'get-suites-expected.json'), JSON.stringify(suites, null, 2))
22 | 
23 |   const dataDir = path.resolve(__dirname, '../../data')
24 |   const data = path.join(dataDir, '/test.xml')
25 |   const result = await parse(fs.readFileSync(data).toString())
26 |   fs.writeFileSync(path.resolve(__dirname, 'parse-expected.json'), JSON.stringify(result, null, 2))
27 | }
28 | main()
29 | 


--------------------------------------------------------------------------------
/junit.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <testsuites name="jest tests" tests="4" failures="0" errors="0" time="1.306">
 3 |   <testsuite name="undefined" errors="0" failures="0" skipped="0" timestamp="2023-08-01T07:12:52" time="0.369" tests="1">
 4 |     <testcase classname=" get description" name=" get description" time="0.005">
 5 |     </testcase>
 6 |   </testsuite>
 7 |   <testsuite name="undefined" errors="0" failures="0" skipped="0" timestamp="2023-08-01T07:12:52" time="0.37" tests="1">
 8 |     <testcase classname=" complete multi suites" name=" complete multi suites" time="0.006">
 9 |     </testcase>
10 |   </testsuite>
11 |   <testsuite name="undefined" errors="0" failures="0" skipped="0" timestamp="2023-08-01T07:12:52" time="0.383" tests="1">
12 |     <testcase classname=" get files" name=" get files" time="0.037">
13 |     </testcase>
14 |   </testsuite>
15 |   <testsuite name="undefined" errors="0" failures="0" skipped="0" timestamp="2023-08-01T07:12:52" time="0.642" tests="1">
16 |     <testcase classname=" get suites" name=" get suites" time="0.27">
17 |     </testcase>
18 |   </testsuite>
19 | </testsuites>


--------------------------------------------------------------------------------
/data/russian-unicode.xml:
--------------------------------------------------------------------------------
 1 | <testsuite errors="0" failures="0" hostname="msk1wst056" name="sessions.sessions_api.Доступность эндпоинта получения списка сессий" skipped="0" tests="1" time="1.047092" timestamp="2020-02-13T12:02:50.675248">
 2 |     <testcase classname="sessions.sessions_api.Доступность эндпоинта получения списка сессий" name="Проверка доступности эндпоинта получения сессий" status="passed" time="1.047092"><system-out>
 3 |     <![CDATA[
 4 | @scenario.begin
 5 |   Сценарий: Проверка доступности эндпоинта получения сессий
 6 |     Когда Создана сессия для пользователя с аутентификацией во всех системах ... passed in 0.899s
 7 |     И Пользователь входит в мобильное приложение Aurora-market ... passed in 0.129s
 8 |     И Отправляется запрос для получения сессий для учетной записи Пользователь ... passed in 0.018s
 9 |     Тогда Возвращается количество sessions равное 1 ... passed in 0.000s
10 |     И Возвращается количество tokens равное 1 ... passed in 0.000s
11 | 
12 | @scenario.end
13 | --------------------------------------------------------------------------------
14 |     ]]>
15 |     </system-out></testcase>
16 | </testsuite>


--------------------------------------------------------------------------------
/src/app/initial-state.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   hero: {
 3 |     burger: false,
 4 |     dropdown: false,
 5 |     fastFilter: 0
 6 |   },
 7 |   printMode: false,
 8 |   error: null,
 9 |   suites: {},
10 |   currentSuites: {},
11 |   menuActive: false,
12 |   suiteOptionsActive: false,
13 |   testOptionsActive: false,
14 |   propertiesOptionsActive: false,
15 |   activeFiles: false,
16 |   suitesExpanded: true,
17 |   suitesEmpty: true,
18 |   propertiesExpanded: {
19 |     all: true,
20 |     suites: true,
21 |     tests: true
22 |   },
23 |   propertiesVisible: {
24 |     all: true,
25 |     suites: true,
26 |     tests: true
27 |   },
28 |   testToggles: {
29 |     all: {
30 |       expanded: true,
31 |       raw: true
32 |     },
33 |     passed: {
34 |       expanded: true,
35 |       raw: true
36 |     },
37 |     skipped: {
38 |       expanded: true,
39 |       raw: true
40 |     },
41 |     failure: {
42 |       expanded: true,
43 |       raw: true
44 |     },
45 |     error: {
46 |       expanded: true,
47 |       raw: true
48 |     },
49 |     unknown: {
50 |       expanded: true,
51 |       raw: true
52 |     }
53 |   }
54 | }
55 | 


--------------------------------------------------------------------------------
/LICENCE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2016 Xunit Viewer
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/app/visible.js:
--------------------------------------------------------------------------------
 1 | import queryString from 'query-string'
 2 | import { useSearchParams } from 'react-router-dom'
 3 | 
 4 | const useVisibility = () => {
 5 |   const [searchParams, setSearchParams] = useSearchParams()
 6 |   const query = queryString.parse(searchParams.toString(), { parseBooleans: true })
 7 | 
 8 |   const passed = ('passed' in query ? query.passed : true)
 9 |   const skipped = ('skipped' in query ? query.skipped : true)
10 |   const error = 'error' in query ? query.error : true
11 |   const failure = 'failure' in query ? query.failure : true
12 |   const unknown = 'unknown' in query ? query.unknown : true
13 | 
14 |   let fastFilter = 3
15 |   if (passed && skipped && error && failure && unknown) fastFilter = 2
16 |   else if (passed && skipped && !error && !failure && !unknown) fastFilter = 1
17 |   else if (!passed && !skipped && error && failure && unknown) fastFilter = 0
18 | 
19 |   return {
20 |     query: {
21 |       passed,
22 |       skipped,
23 |       error,
24 |       failure,
25 |       unknown
26 |     },
27 |     all: passed && skipped && error && failure && unknown,
28 |     fastFilter,
29 |     setSearchParams
30 |   }
31 | }
32 | 
33 | export default useVisibility
34 | 


--------------------------------------------------------------------------------
/src/cli/server.js:
--------------------------------------------------------------------------------
 1 | import express from 'express'
 2 | import getPort from 'get-port'
 3 | import HTTP from 'http'
 4 | import ip from 'ip'
 5 | import { Server } from 'socket.io'
 6 | import getDescription from './get-description.js'
 7 | import getFiles from './get-files.js'
 8 | import getSuites from './get-suites.js'
 9 | import render from './render.js'
10 | import watch from './watch.js'
11 | 
12 | export default async (logger, args) => {
13 |   const app = express()
14 |   const http = HTTP.createServer(app)
15 |   const io = new Server(http)
16 | 
17 |   app.get('/', async (req, res) => {
18 |     const files = await getFiles(logger, args)
19 |     const suites = await getSuites(logger, files)
20 |     const description = getDescription(suites)
21 | 
22 |     res.send(render(logger, files, description, args, true))
23 |   })
24 | 
25 |   io.on('connection', function (socket) {
26 |     watch(args, () => {
27 |       socket.emit('update', { files: getFiles(logger, args) })
28 |     })
29 |   })
30 | 
31 |   const port = await getPort({ port: args.port || 3000 })
32 |   http.listen(port, function () {
33 |     console.log(logger.server('Listening at', `http://${ip.address()}:${port}`))
34 |   })
35 | }
36 | 


--------------------------------------------------------------------------------
/src/cli/get-files.js:
--------------------------------------------------------------------------------
 1 | import fs from 'fs'
 2 | import path from 'path'
 3 | import languageEncoding from 'detect-file-encoding-and-language'
 4 | 
 5 | const getFiles = (logger, ignore, folder, files = []) => {
 6 |   if (fs.lstatSync(folder).isDirectory()) {
 7 |     fs.readdirSync(folder)
 8 |       .map(name => path.join(folder, name))
 9 |       .forEach(file => {
10 |         if (fs.lstatSync(file).isDirectory()) files = files.concat(getFiles(logger, ignore, file, files))
11 |         else if (file.endsWith('.xml') && !ignore.some(pattern => file.includes(pattern) || new RegExp(pattern).test(file))) files.push(file)
12 |         else console.log(logger.warning('IGNORING:'), logger.file(file))
13 |       })
14 |   } else {
15 |     return Array.from(new Set([folder]))
16 |   }
17 |   return Array.from(new Set(files))
18 | }
19 | 
20 | export default async (logger, { results, ignore = [] }) => {
21 |   const files = getFiles(logger, ignore, results)
22 |   const readFiles = []
23 |   for (const file of files) {
24 |     const { encoding } = await languageEncoding(file)
25 |     readFiles.push({
26 |       file,
27 |       contents: fs.readFileSync(file).toString((encoding || 'utf8').toLowerCase().replace(/-/g, ''))
28 |     })
29 |   }
30 | 
31 |   return readFiles
32 | }
33 | 


--------------------------------------------------------------------------------
/src/app/__snapshots__/properties-options.test.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`renders properties options 1`] = `
 4 | <div
 5 |   className="options card is-inactive"
 6 | >
 7 |   <header
 8 |     className="card-header"
 9 |   >
10 |     <div
11 |       className="field options-search"
12 |     >
13 |       <div
14 |         className="control"
15 |       >
16 |         <input
17 |           className="input"
18 |           onChange={[Function]}
19 |           placeholder="Properties"
20 |           type="text"
21 |         />
22 |       </div>
23 |     </div>
24 |     <button
25 |       className="button card-header-icon"
26 |       onClick={[Function]}
27 |     >
28 |       <div
29 |         className="options-inputs"
30 |       >
31 |         <div
32 |           className="options-total"
33 |         >
34 |           <b>
35 |             100
36 |           </b>
37 |           <span>
38 |             /
39 |             999
40 |           </span>
41 |         </div>
42 |       </div>
43 |       <span
44 |         className="icon"
45 |       >
46 |         <i
47 |           className="fas fa-angle-down"
48 |         />
49 |       </span>
50 |     </button>
51 |   </header>
52 |   <div
53 |     className="card-content"
54 |   />
55 | </div>
56 | `;
57 | 


--------------------------------------------------------------------------------
/src/app/__snapshots__/suite-options.test.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`renders suite options 1`] = `
 4 | <div
 5 |   className="options card is-inactive"
 6 | >
 7 |   <header
 8 |     className="card-header"
 9 |   >
10 |     <div
11 |       className="field options-search"
12 |     >
13 |       <div
14 |         className="control"
15 |       >
16 |         <input
17 |           className="input"
18 |           onChange={[Function]}
19 |           placeholder="Suites"
20 |           type="text"
21 |         />
22 |       </div>
23 |     </div>
24 |     <button
25 |       className="button card-header-icon"
26 |       onClick={[Function]}
27 |     >
28 |       <div
29 |         className="options-inputs"
30 |       >
31 |         <div
32 |           className="options-total"
33 |         >
34 |           <b>
35 |             100
36 |           </b>
37 |           <span>
38 |             /
39 |             999
40 |           </span>
41 |         </div>
42 |       </div>
43 |       <span
44 |         className="icon"
45 |       >
46 |         <i
47 |           className="fas fa-angle-down"
48 |         />
49 |       </span>
50 |     </button>
51 |   </header>
52 |   <div
53 |     className="card-content options-toggles"
54 |   />
55 | </div>
56 | `;
57 | 


--------------------------------------------------------------------------------
/data/multi_cases.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <testsuite tests="3" failures="1" time="0.0160106">
 3 |   <properties>
 4 |     <property name="flag-type" value="bug" />
 5 |     <property name="flag-content" value="APPLICATION DEFECT" />
 6 |     <property name="Has a name" value="true" />
 7 |     <property name="URL" value="/hunter/overall_test.go" />
 8 |   </properties>
 9 |   <properties>
10 |     <property name="even" value="more" />
11 |   </properties>
12 |   <testcase name="Is An Error" classname="Multi" time="0.00075">
13 |     <error message="There was a error" type="java.lang.RuntimeException">java.lang.RuntimeException: There was an error</error>
14 |     <error message="There was a error" type="java.lang.RuntimeException">java.lang.RuntimeException: There was an error</error>
15 |   </testcase>
16 |   <testcase name="It Is A Failure" classname="Multi" time="0.012011200000000001">
17 |     <failure type="Failure">FILENAME:XX&#xA;Expected&#xA;    &lt;string&gt;: Luke&#xA;to equal&#xA;    &lt;string&gt;: luke</failure>
18 |   </testcase>
19 |   <testcase name="It Is A Pass" classname="Multi" time="0.000625"></testcase>
20 |   <testcase name="It Is Skipped" classname="Multi" time="0">
21 |     <skipped>This is a message</skipped>
22 |     <skipped>This is a message</skipped>
23 |   </testcase>
24 | </testsuite>
25 | 


--------------------------------------------------------------------------------
/src/app/parse-all.js:
--------------------------------------------------------------------------------
 1 | import merge from 'merge'
 2 | import parse from './parse.js'
 3 | 
 4 | export default async (dispatch, files, suites, filters = { passed: false, skipped: false, unknown: true, failure: true, error: true }) => {
 5 |   for (const { file, contents } of files) {
 6 |     try {
 7 |       const parsed = await parse(contents, filters)
 8 |       if (Object.keys(parsed.suites).length === 0) {
 9 |         dispatch({
10 |           type: 'parse-error',
11 |           payload: {
12 |             file,
13 |             error: 'No suites or tests detected in this file. It could be an unsupported format.'
14 |           }
15 |         })
16 |       }
17 |       suites = merge.recursive(true, suites, parsed)
18 |     } catch (err) {
19 |       dispatch({
20 |         type: 'parse-error',
21 |         payload: {
22 |           file,
23 |           error: err.message
24 |         }
25 |       })
26 |     }
27 |   }
28 | 
29 |   if ('suites' in suites && Object.keys(suites.suites).length > 0) {
30 |     dispatch({
31 |       type: 'parse-suites',
32 |       payload: {
33 |         suites: suites.suites
34 |       }
35 |     })
36 |   } else {
37 |     dispatch({
38 |       type: 'parse-error',
39 |       payload: {
40 |         file: 'See errors',
41 |         error: 'No suites or tests detected.'
42 |       }
43 |     })
44 |   }
45 | }
46 | 


--------------------------------------------------------------------------------
/src/cli/render.js:
--------------------------------------------------------------------------------
 1 | import fs from 'fs'
 2 | import path from 'path'
 3 | import Handlebars from 'handlebars'
 4 | import LZUTF8 from 'lzutf8'
 5 | 
 6 | import { fileURLToPath } from 'url'
 7 | const __filename = fileURLToPath(import.meta.url)
 8 | const __dirname = path.dirname(__filename)
 9 | 
10 | const staticDir = path.resolve(__dirname, './static')
11 | 
12 | const getHTML = (type) => {
13 |   const dir = path.join(staticDir, type)
14 |   return fs.readdirSync(dir)
15 |     .filter(file => file.endsWith(`.${type}`) && !file.includes('runtime'))
16 |     .map(file => fs.readFileSync(path.join(dir, file)).toString())
17 |     .join('\n')
18 | }
19 | 
20 | export default (logger, files, description, { title = 'Xunit Viewer', brand, favicon }, useSockets = false) => {
21 |   const scripts = getHTML('js')
22 |   const styles = getHTML('css')
23 | 
24 |   const template = Handlebars.compile(fs.readFileSync(path.resolve(__dirname, 'index.html')).toString())
25 | 
26 |   files = files.map(({ file, contents }) => ({ file, contents: LZUTF8.compress(contents, { outputEncoding: 'Base64' }) }))
27 | 
28 |   return template({
29 |     files: JSON.stringify(files),
30 |     scripts,
31 |     styles,
32 |     title,
33 |     icon: brand || 'https://lukejpreston.github.io/xunit-viewer/icon.png',
34 |     favicon: favicon || 'https://lukejpreston.github.io/xunit-viewer/favicon.ico',
35 |     brand,
36 |     description,
37 |     useSockets
38 |   })
39 | }
40 | 


--------------------------------------------------------------------------------
/data/properties_in_test_meta.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" ?>
 2 | <testsuite name='DELETED.BasicWebViewControllerTests' tests='8' failures='1'>
 3 |     <testcase classname='DELETED.BasicWebViewControllerTests' name='testCompletionIsCalledWhenResettingWebContentEarly' time='0.010'/>
 4 |     <testcase classname='DELETED.BasicWebViewControllerTests' name='testFullResetWebViewURL' time='0.011'/>
 5 |     <testcase classname='DELETED.BasicWebViewControllerTests' name='testIsBasedOnHostMatchingURLReturnsFalseWhenHostDoesNotMatch' time='0.008'/>
 6 |     <testcase classname='DELETED.BasicWebViewControllerTests' name='testIsBasedOnHostMatchingURLReturnsFalseWithNilDefaultURL' time='0.008'/>
 7 |     <testcase classname='DELETED.BasicWebViewControllerTests' name='testIsBasedOnHostMatchingURLReturnsTrueWhenHostMatches' time='0.008'/>
 8 |     <testcase classname='DELETED.BasicWebViewControllerTests' name='testLoadingFragmentURLSession' retries='1'>
 9 |         <failure message='Asynchronous wait failed: Exceeded timeout of 5 seconds, with unfulfilled expectations: &quot;testLoadingFragmentURLSession()&quot;.'>
10 |         [DELETED]/BasicWebViewControllerTests.swift:103 
11 |         </failure>
12 |     </testcase>
13 |     <testcase classname='DELETED.BasicWebViewControllerTests' name='testResetWebContentWithDefaultURL' time='1.481'/>
14 |     <testcase classname='DELETED.BasicWebViewControllerTests' name='testResetWebContentWithNilDefaultURL' time='1.458'/>
15 | </testsuite>


--------------------------------------------------------------------------------
/data/special_chars_suite.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <testsuites>
 3 |   <testsuite name="view listings page" timestamp="2017-09-21T16:38:53" time="0.02" tests="0" failures="0" errors="0" skipped="0">
 4 |     <properties>
 5 |       <property name="specId" value="ae110df54f3ea0a8d820bb5e057844d6"/>
 6 |       <property name="suiteName" value="View listings page"/>
 7 |       <property name="capabilities" value="chrome"/>
 8 |       <property name="file" value="./test/features/main.feature"/>
 9 |     </properties>
10 |   </testsuite>
11 |   <testsuite name="@release2017.1.0,, @mcc272151_10: display list of records" timestamp="2017-09-21T16:38:53" time="0.017" tests="3" failures="0" errors="0" skipped="0">
12 |     <properties>
13 |       <property name="specId" value="ae110df54f3ea0a8d820bb5e057844d6"/>
14 |       <property name="suiteName" value="@release2017.1.0,, @MCC272151_10: Display list of records"/>
15 |       <property name="capabilities" value="chrome"/>
16 |       <property name="file" value="./test/features/main.feature"/>
17 |     </properties>
18 |     <testcase classname="chrome.@release2017.1.0,, @mcc272151_10: display list of records" name="i logged into an application" time="0.348"/>
19 |     <testcase classname="chrome.@release2017.1.0,, @mcc272151_10: display list of records" name="i navigate to the listings page" time="0.343"/>
20 |     <testcase classname="chrome.@release2017.1.0,, @mcc272151_10: display list of records" name="i can see tabular list of records" time="0.34"/>
21 |   </testsuite>
22 | </testsuites>
23 | 


--------------------------------------------------------------------------------
/src/cli/logger.js:
--------------------------------------------------------------------------------
 1 | import chalk from 'chalk'
 2 | 
 3 | export default (noColor) => ({
 4 |   server: (message, address) => {
 5 |     if (noColor) return `${message} ${address}`
 6 |     return `${chalk.bold(message)} ${chalk.underline.blueBright(address)}`
 7 |   },
 8 |   property: (key, values) => {
 9 |     if (noColor) return `${key}=${values.join(', ')}`
10 |     return `${chalk.bold.cyan(key)}=${chalk.cyan(values.join(', '))}`
11 |   },
12 |   test: (status, name) => {
13 |     let icon = '?'
14 |     if (status === 'failure') icon = '✗'
15 |     if (status === 'passed') icon = '✓'
16 |     if (status === 'error') icon = '!'
17 |     if (status === 'skipped') icon = '⊘'
18 | 
19 |     if (noColor) return `${icon} ${name}`
20 | 
21 |     if (status === 'failure') return chalk.red(`${icon} ${name}`)
22 |     if (status === 'passed') return chalk.green(`${icon} ${name}`)
23 |     if (status === 'error') return chalk.yellow(`${icon} ${name}`)
24 |     if (status === 'skipped') return chalk.gray(`${icon} ${name}`)
25 |     return chalk.blueBright(`${icon} ${name}`)
26 |   },
27 |   time: (time) => {
28 |     if (noColor) return `time=${time}`
29 |     return `${chalk.bold.cyan('time')}=${chalk.cyan(time)}`
30 |   },
31 |   suite: (message) => {
32 |     if (noColor) return message
33 |     return chalk.yellow(message)
34 |   },
35 |   error: (message) => {
36 |     if (noColor) return message
37 |     return chalk.red(message)
38 |   },
39 |   warning: (message) => {
40 |     if (noColor) return message
41 |     return chalk.yellow(message)
42 |   },
43 |   file: (message) => {
44 |     if (noColor) return message
45 |     return chalk.underline.blueBright(message)
46 |   }
47 | })
48 | 


--------------------------------------------------------------------------------
/src/app/__snapshots__/test-options.test.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`renders test options 1`] = `
 4 | <div
 5 |   className="options card is-inactive"
 6 | >
 7 |   <header
 8 |     className="card-header"
 9 |   >
10 |     <div
11 |       className="field options-search"
12 |     >
13 |       <div
14 |         className="control"
15 |       >
16 |         <input
17 |           className="input"
18 |           onChange={[Function]}
19 |           placeholder="Tests"
20 |           type="text"
21 |         />
22 |       </div>
23 |     </div>
24 |     <button
25 |       className="button card-header-icon"
26 |       onClick={[Function]}
27 |     >
28 |       <div
29 |         className="options-inputs"
30 |       >
31 |         <div
32 |           className="options-total"
33 |         >
34 |           <b>
35 |             100
36 |           </b>
37 |           <span>
38 |             /
39 |             999
40 |           </span>
41 |         </div>
42 |         <div
43 |           className="options-total"
44 |         >
45 |           <span
46 |             className="icon"
47 |           >
48 |             <i
49 |               aria-hidden="true"
50 |               className="fas fa-check"
51 |             />
52 |           </span>
53 |           <b>
54 |             50
55 |           </b>
56 |           <span>
57 |             /
58 |             200
59 |           </span>
60 |         </div>
61 |       </div>
62 |       <span
63 |         className="icon"
64 |       >
65 |         <i
66 |           className="fas fa-angle-down"
67 |         />
68 |       </span>
69 |     </button>
70 |   </header>
71 |   <div
72 |     className="card-content options-toggles"
73 |   />
74 | </div>
75 | `;
76 | 


--------------------------------------------------------------------------------
/xunit-viewer.js:
--------------------------------------------------------------------------------
 1 | import fs from 'fs'
 2 | import path from 'path'
 3 | import getDescription from './src/cli/get-description.js'
 4 | import getFiles from './src/cli/get-files.js'
 5 | import getSuites from './src/cli/get-suites.js'
 6 | import Logger from './src/cli/logger.js'
 7 | import render from './src/cli/render.js'
 8 | import server from './src/cli/server.js'
 9 | import terminal from './src/cli/terminal.js'
10 | import watch from './src/cli/watch.js'
11 | 
12 | export default async (args) => {
13 |   const logger = Logger(args.noColor)
14 | 
15 |   const results = args.results
16 |   if (!fs.existsSync(results)) {
17 |     const { showHelp } = import('./src/cli/args.js')
18 |     showHelp()
19 |     console.log(logger.error('\n The folder/file:'), logger.file(results), logger.error('does not exist'))
20 |     if (!args.script) process.exit(1)
21 |   }
22 | 
23 |   const runXunitViewer = async () => {
24 |     const files = await getFiles(logger, args)
25 |     const suites = await getSuites(logger, files)
26 |     const description = getDescription(suites)
27 |     if (args.console) terminal(suites, logger, description, args)
28 |     if (args.output !== false) {
29 |       const result = render(logger, files, description, args)
30 |       const outputFile = path.resolve(process.cwd(), args.output)
31 |       fs.writeFileSync(outputFile, result)
32 |       console.log('Written to:', logger.file(outputFile))
33 |       if (!args.script && !args.server) process.exit(0)
34 |     }
35 |   }
36 | 
37 |   if (args.console || args.output !== false) await runXunitViewer()
38 |   if (args.server || args.port) server(logger, args)
39 |   else if (args.watch) {
40 |     watch(args, async () => {
41 |       await runXunitViewer()
42 |     })
43 |   }
44 | }
45 | 


--------------------------------------------------------------------------------
/data/semi-colon.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" ?>
 2 | <testsuites disabled="0" errors="0" failures="0" tests="6" time="2.3972086906433105">
 3 |     <testsuite disabled="0" errors="0" failures="0" name="netshoot" skipped="4" tests="6" time="2.3972086906433105">
 4 |         <testcase classname="../testfile01.yml:3" name="Suite001: netshoot : junit testsuite001" time="1.278109">
 5 |             <system-out>{
 6 | &quot;facts&quot;: {
 7 | &quot;testscript&quot;: {
 8 | &quot;Output&quot;: &quot;test001 succeeded!\n&quot;
 9 | }
10 | },
11 | &quot;changed&quot;: true,
12 | &quot;container&quot;: {
13 | &quot;Output&quot;: &quot;test001 succeeded!\n&quot;
14 | },
15 | &quot;result_failed&quot;: false
16 | }</system-out>
17 |         </testcase>
18 |         <testcase classname="../catchfail.yml:13" name="Suite002.: netshoot : junit testsuite002" time="0.012056">
19 |             <skipped message="result" type="skipped"/>
20 |         </testcase>
21 |         <testcase classname="../catchfail.yml:25" name="Suite002.: netshoot : junit testsuite002" time="0.011861">
22 |             <skipped message="result" type="skipped"/>
23 |         </testcase>
24 |         <testcase classname="../testfile01.yml:3" name="Suite002.: netshoot : junit testsuite003" time="1.058713">
25 |             <system-out>{
26 | &quot;facts&quot;: {
27 | &quot;testscript&quot;: {
28 | &quot;Output&quot;: &quot;test001 succeeded!\n&quot;
29 | }
30 | },
31 | &quot;changed&quot;: true,
32 | &quot;container&quot;: {
33 | &quot;Output&quot;: &quot;test001 succeeded!\n&quot;
34 | },
35 | &quot;result_failed&quot;: false
36 | }</system-out>
37 |         </testcase>
38 |         <testcase classname="../catchfail.yml:13" name="Suite002.: netshoot : junit testsuite002" time="0.014492">
39 |             <skipped message="result" type="skipped"/>
40 |         </testcase>
41 |         <testcase classname="../catchfail.yml:25" name="Suite002.: netshoot : junit testsuite002" time="0.021978">
42 |             <skipped message="result" type="skipped"/>
43 |         </testcase>
44 |     </testsuite>
45 | </testsuites>


--------------------------------------------------------------------------------
/src/app/__snapshots__/hero.test.js.snap:
--------------------------------------------------------------------------------
 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
 2 | 
 3 | exports[`renders hero 1`] = `
 4 | <section
 5 |   className="hero is-black"
 6 | >
 7 |   <div
 8 |     className="container"
 9 |   >
10 |     <div
11 |       className="columns is-mobile"
12 |     >
13 |       <div
14 |         className="column is-1"
15 |       >
16 |         <button
17 |           className="filter button has-text-white"
18 |         >
19 |           <span>
20 |             <i
21 |               className="fas fa-filter"
22 |             />
23 |              
24 |             FILTER
25 |           </span>
26 |         </button>
27 |       </div>
28 |       <div
29 |         className="column is-11"
30 |       >
31 |         <div
32 |           className="hero-center"
33 |         >
34 |           <img
35 |             className="brand"
36 |           />
37 |           <h1
38 |             className="title"
39 |           />
40 |         </div>
41 |       </div>
42 |     </div>
43 |   </div>
44 | </section>
45 | `;
46 | 
47 | exports[`renders hero with title and brand 1`] = `
48 | <section
49 |   className="hero is-black"
50 | >
51 |   <div
52 |     className="container"
53 |   >
54 |     <div
55 |       className="columns is-mobile"
56 |     >
57 |       <div
58 |         className="column is-1"
59 |       >
60 |         <button
61 |           className="filter button has-text-white"
62 |         >
63 |           <span>
64 |             <i
65 |               className="fas fa-filter"
66 |             />
67 |              
68 |             FILTER
69 |           </span>
70 |         </button>
71 |       </div>
72 |       <div
73 |         className="column is-11"
74 |       >
75 |         <div
76 |           className="hero-center"
77 |         >
78 |           <img
79 |             alt="bacon"
80 |             className="brand"
81 |             src="https://image.png"
82 |           />
83 |           <h1
84 |             className="title"
85 |           >
86 |             bacon
87 |           </h1>
88 |         </div>
89 |       </div>
90 |     </div>
91 |   </div>
92 | </section>
93 | `;
94 | 


--------------------------------------------------------------------------------
/data/suite-system-out.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <testsuites>
 3 |     <testsuite name="XYZ/e2e_tests" tests="1" failures="0" errors="1">
 4 |         <testcase name="XYZ/e2e_tests" status="run" duration="9" time="9">
 5 |             <error message="exited with error code 1"></error>
 6 |         </testcase>
 7 |         <system-out>
 8 |     Generated test.log (if the file is not UTF-8, then this may be unreadable):
 9 |                       <![CDATA[exec \THING "$0" || exit 1
10 |     Executing tests from //XYZ
11 |     -----------------------------------------------------------------------------
12 |     Traceback (most recent call last):
13 |       File "/tmp/text_models/bazel/sandbox/linux-sandbox/8/execroot/text_models/bazel-out/k8-fastbuild/bin/XYZ/e2e_tests.runfiles/text_models/XYZ/e2e_tests.py", line 6, in <module>
14 |         from XYZ.extractor import Extractor
15 |       File "/tmp/text_models/bazel/sandbox/linux-sandbox/8/execroot/text_models/bazel-out/k8-fastbuild/bin/XYZ/e2e_tests.runfiles/text_models/XYZ/extractor.py", line 7, in <module>
16 |         from ABC.DEF.helper import join_set
17 |     ModuleNotFoundError: No module named 'ABC']]>
18 |         </system-out>
19 |         <system-out>
20 |     Generated test.log (if the file is not UTF-8, then this may be unreadable):
21 |                       <![CDATA[exec \THING "$0" || exit 1
22 |     Executing tests from //XYZ
23 |     -----------------------------------------------------------------------------
24 |     Traceback (most recent call last):
25 |       File "/tmp/text_models/bazel/sandbox/linux-sandbox/8/execroot/text_models/bazel-out/k8-fastbuild/bin/XYZ/e2e_tests.runfiles/text_models/XYZ/e2e_tests.py", line 6, in <module>
26 |         from XYZ.extractor import Extractor
27 |       File "/tmp/text_models/bazel/sandbox/linux-sandbox/8/execroot/text_models/bazel-out/k8-fastbuild/bin/XYZ/e2e_tests.runfiles/text_models/XYZ/extractor.py", line 7, in <module>
28 |         from ABC.DEF.helper import join_set
29 |     ModuleNotFoundError: No module named 'ABC']]>
30 |         </system-out>
31 |     </testsuite>
32 | </testsuites>


--------------------------------------------------------------------------------
/src/cli/terminal.js:
--------------------------------------------------------------------------------
 1 | import clear from 'console-clear'
 2 | 
 3 | const statusRank = [
 4 |   'failure',
 5 |   'error',
 6 |   'passed',
 7 |   'skipped',
 8 |   'unknown'
 9 | ]
10 | 
11 | export default (output, logger, description, args) => {
12 |   const { suites } = output
13 |   if (args.clear) clear()
14 |   Object.values(suites)
15 |     .sort((left, right) => {
16 |       if (left.name < right.name) return -1
17 |       if (left.name > right.name) return 1
18 |       return 0
19 |     })
20 |     .forEach(suite => {
21 |       console.log('\n', logger.suite(suite.name))
22 | 
23 |       const hasProperties = Object.entries(suite.properties)
24 |         .filter(([key]) => key !== '_visible').length > 0
25 | 
26 |       if (hasProperties) {
27 |         Object.entries(suite.properties)
28 |           .filter(([key]) => key !== '_visible')
29 |           .forEach(([key, values]) => {
30 |             if (!Array.isArray) values = [values]
31 |             console.log('    ', logger.property(key, values))
32 |           })
33 |         console.log()
34 |       }
35 |       Object.values(suite.tests)
36 |         .sort((left, right) => {
37 |           let leftStatus = statusRank.indexOf(left.status)
38 |           let rightStatus = statusRank.indexOf(right.status)
39 | 
40 |           leftStatus = leftStatus === -1 ? statusRank.length : leftStatus
41 |           rightStatus = rightStatus === -1 ? statusRank.length : rightStatus
42 | 
43 |           if (leftStatus < rightStatus) {
44 |             return -2
45 |           }
46 |           if (leftStatus > rightStatus) return 2
47 | 
48 |           const leftName = left.name
49 |           const rightName = right.name
50 | 
51 |           if (leftName < rightName) return -1
52 |           if (leftName > rightName) return 1
53 | 
54 |           return 0
55 |         })
56 |         .forEach((test) => {
57 |           logger.time(test.time)
58 |           console.log('    ', logger.test(test.status || 'unknown', test.name), test.time ? logger.time(test.time) : '')
59 |           if (test.messages.length > 0) {
60 |             console.log('       -', test.messages.join('\n       - '))
61 |           }
62 |         })
63 |     })
64 |   console.log()
65 |   if (args.title) console.log(args.title)
66 |   console.log(description)
67 | }
68 | 


--------------------------------------------------------------------------------
/data/class_not_classname.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <testsuites>
 3 |     <testsuite name="CodeceptionSupport.acceptance" tests="43" assertions="1348" failures="4" errors="7"
 4 |                time="3167.404369">
 5 |         <testcase file="/usr/share/nginx/html/tests/acceptance/Bets/GuestBrowsingBetViewPageCest.php"
 6 |                   name="assertBetViewPage" class="CodeceptionAcceptance\Bets\GuestBrowsingBetViewPageCest"
 7 |                   feature="assert bet view page" assertions="42" time="78.914764"/>
 8 |         <testcase file="/usr/share/nginx/html/tests/acceptance/Bets/GuestBrowsingProphetBetsPageCest.php"
 9 |                   name="navigateAndCheckTest" class="CodeceptionAcceptance\Bets\GuestBrowsingProphetBetsPageCest"
10 |                   feature="navigate and check test" assertions="2" time="19.616513">
11 |             <failure type="PHPUnit\Framework\ExpectationFailedException">GuestBrowsingProphetBetsPageCest: Navigate and
12 |                 check test
13 |                 Failed asserting that two strings are equal.
14 |                 /usr/share/nginx/html/tests/_support/_generated/AcceptanceTesterActions.php:768
15 |                 /usr/share/nginx/html/tests/_support/Step/Prophet.php:50
16 |                 /usr/share/nginx/html/tests/acceptance/Bets/GuestBrowsingProphetBetsPageCest.php:49
17 |             </failure>
18 |         </testcase>
19 |         <testcase
20 |                 file="/usr/share/nginx/html/tests/acceptance/Prophecies/GuestBrowsingProphetOfferedPropheciesPageCest.php"
21 |                 name="navigateAndCheckTest"
22 |                 class="CodeceptionAcceptance\Bets\GuestBrowsingProphetOfferedPropheciesPageCest"
23 |                 feature="navigate and check test" assertions="4" time="50.317909">
24 |             <failure type="Codeception\Exception\ElementNotFound">GuestBrowsingProphetOfferedPropheciesPageCest:
25 |                 Navigate and check test
26 |                 Element located either by name, CSS or XPath element with '#twoLevelTabsMenu' was not found.
27 |                 /usr/share/nginx/html/tests/_support/_generated/AcceptanceTesterActions.php:334
28 |                 /usr/share/nginx/html/tests/_support/AcceptanceTester.php:346
29 |                 /usr/share/nginx/html/tests/_support/Page/Element/UserProfileMenu.php:204
30 |                 /usr/share/nginx/html/tests/_support/Page/Element/UserProfileMenu.php:298
31 |                 /usr/share/nginx/html/tests/acceptance/Prophecies/GuestBrowsingProphetOfferedPropheciesPageCest.php:54
32 |             </failure>
33 |         </testcase>
34 |     </testsuite>
35 | </testsuites>


--------------------------------------------------------------------------------
/src/app/suite-options.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Toggle from './toggle.js'
 3 | 
 4 | const Search = ({ label, dispatch }) => <div className='field options-search'>
 5 |   <div className='control'>
 6 |     <input
 7 |       onChange={(evt) => {
 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 |   </div>
19 | </div>
20 | 
21 | const Total = ({ count, total }) => <div className='options-total'>
22 |   <b>{count}</b><span>/{total}</span>
23 | </div>
24 | 
25 | const ChevronUpIcon = () => <span className='icon'>
26 |   <i className='fas fa-chevron-up' />
27 | </span>
28 | 
29 | const ChevronDownIcon = () => <span className='icon'>
30 |   <i className='fas fa-chevron-down' />
31 | </span>
32 | 
33 | const HideIcon = () => <span className='icon'>
34 |   <i className='far fa-eye-slash' />
35 | </span>
36 | 
37 | const ShowIcon = () => <span className='icon'>
38 |   <i className='far fa-eye' />
39 | </span>
40 | 
41 | const SuiteOptions = ({ suitesExpanded = true, suitesEmpty = true, count = 0, total = 0, dispatch, active = false }) => {
42 |   return <div className={`options card ${active ? 'is-active' : 'is-inactive'}`}>
43 |     <header className='card-header'>
44 |       <Search label='Suites' dispatch={dispatch} />
45 |       <button
46 |         onClick={() => dispatch({ type: 'toggle-suite-options' })}
47 |         className='button card-header-icon'>
48 |         <div className='options-inputs'>
49 |           <Total count={count} total={total} />
50 |         </div>
51 |         <span className='icon'>
52 |           <i className='fas fa-angle-down' />
53 |         </span>
54 |       </button>
55 |     </header>
56 |     <div className='card-content options-toggles'>
57 |       {active
58 |         ? <>
59 |           <Toggle
60 |             onChange={() => dispatch({ type: 'toggle-all-suites' })}
61 |             active={suitesExpanded}
62 |             onLabel='Expanded'
63 |             offLabel='Contracted'
64 |             offIcon={<ChevronUpIcon />}
65 |             onIcon={<ChevronDownIcon />} />
66 |           <Toggle
67 |             onChange={() => dispatch({ type: 'toggle-empty-suites' })}
68 |             active={suitesEmpty}
69 |             onLabel='Empty hidden'
70 |             offLabel='Empty shown'
71 |             onIcon={<HideIcon />}
72 |             offIcon={<ShowIcon />} />
73 |         </>
74 |         : null}
75 |     </div>
76 | 
77 |   </div>
78 | }
79 | 
80 | export default SuiteOptions
81 | 


--------------------------------------------------------------------------------
/data/test-system-out.xml:
--------------------------------------------------------------------------------
 1 | <testsuites>
 2 |     <testsuite errors="0" failures="0" hostname="cerberus.fox" name="pytest" skipped="0" tests="6" time="0.078" timestamp="2020-01-22T16:02:49.321656">
 3 |         <testcase classname="tests.test_config" name="test_json_resolution" time="0.001"/>
 4 |         <testcase classname="tests.test_config" name="test_defaults" time="0.001"/>
 5 |         <testcase classname="tests.test_integration" name="test_config_relative_path" time="0.012">
 6 |             <system-out>
 7 | cwd: /tmp/tmpyn7k46sd emanate --source /tmp/tmpwz2h7glq/src '/tmp/tmpwz2h7glq/src/foo' -> '/tmp/tmpwz2h7glq/dest/foo' cwd: /tmp/tmpetkvkfdw emanate --source src '/tmp/tmpetkvkfdw/src/foo' -> '/tmp/tmpetkvkfdw/dest/foo' cwd: /tmp/tmpq7vws4le/src emanate '/tmp/tmpq7vws4le/src/foo' -> '/tmp/tmpq7vws4le/dest/foo'
 8 |             </system-out>
 9 |         </testcase>
10 |         <testcase classname="tests.test_integration" name="test_no_config" time="0.012">
11 |             <system-out>
12 | cwd: /tmp/tmpuv0uzm7s emanate --source /tmp/tmp_uh8tzdz/src --dest /tmp/tmp_uh8tzdz/dest '/tmp/tmp_uh8tzdz/src/foo' -> '/tmp/tmp_uh8tzdz/dest/foo' '/tmp/tmp_uh8tzdz/src/bar/baz' -> '/tmp/tmp_uh8tzdz/dest/bar/baz' cwd: /tmp/tmpk99ai9r0 emanate --source src --dest /tmp/tmpk99ai9r0/dest '/tmp/tmpk99ai9r0/src/foo' -> '/tmp/tmpk99ai9r0/dest/foo' '/tmp/tmpk99ai9r0/src/bar/baz' -> '/tmp/tmpk99ai9r0/dest/bar/baz' cwd: /tmp/tmprxyuze4g/src emanate --dest /tmp/tmprxyuze4g/dest '/tmp/tmprxyuze4g/src/foo' -> '/tmp/tmprxyuze4g/dest/foo' '/tmp/tmprxyuze4g/src/bar/baz' -> '/tmp/tmprxyuze4g/dest/bar/baz'
13 |             </system-out>
14 |         </testcase>
15 |         <testcase classname="tests.test_integration" name="test_empty_config" time="0.011">
16 |             <system-out>
17 | cwd: /tmp/tmp2gjl2wj_ emanate --source /tmp/tmp1t7j_ote/src --dest /tmp/tmp1t7j_ote/dest '/tmp/tmp1t7j_ote/src/foo' -> '/tmp/tmp1t7j_ote/dest/foo' cwd: /tmp/tmp9b40pw3b emanate --source src --dest /tmp/tmp9b40pw3b/dest '/tmp/tmp9b40pw3b/src/foo' -> '/tmp/tmp9b40pw3b/dest/foo' cwd: /tmp/tmpfmnr88qv/src emanate --dest /tmp/tmpfmnr88qv/dest '/tmp/tmpfmnr88qv/src/foo' -> '/tmp/tmpfmnr88qv/dest/foo'
18 |             </system-out>
19 |         </testcase>
20 |         <testcase classname="tests.test_integration" name="test_clean" time="0.013">
21 |             <system-out>
22 | cwd: /tmp/tmp9q8tpxi2 emanate --source /tmp/tmpn4lvoqq7/src clean '/tmp/tmpn4lvoqq7/dest/foo' cwd: /tmp/tmp0dzkb_z5 emanate --source src clean '/tmp/tmp0dzkb_z5/dest/foo' cwd: /tmp/tmpsueno4qa/src emanate clean '/tmp/tmpsueno4qa/dest/foo'
23 |             </system-out>
24 |         </testcase>
25 |     </testsuite>
26 | </testsuites>


--------------------------------------------------------------------------------
/data/multi-name-unique-classname.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <testsuites time="61.181" tests="12" failures="1">
 3 |   <testsuite id="0" name="/Users/nicopaez/Projects/esfera/supervielle/obi/bff-obi/Obi.Backend.Tests/bin/Debug/netcoreapp3.1/Obi.Backend.Tests.dll" tests="12" failures="1" time="61.181">
 4 |     <testcase classname="Obi.Backend.Tests.AuthenticationTest" name="DeberiaDevolverStatus200CuandoElTokenEsValido" time="0.1757020" />
 5 |     <testcase classname="Obi.Backend.Tests.AuthenticationTest" name="DeberiaDevolverStatus401CuandoElTokenNoEsValido" time="0.0081730" />
 6 |     <testcase classname="Obi.Backend.Tests.AuthenticationTest" name="DeberiaDevolverStatus401CuandoNoHayToken" time="0.0019560" />
 7 |     <testcase classname="Obi.Backend.Tests.Controllers.ClienteControllerTest" name="DeberiaDevolverElNombreYApellidoDelCliente" time="0.1447000" />
 8 |     <testcase classname="Obi.Backend.Tests.Controllers.ClienteControllerTest" name="DeberiaDevolverLastLogonDelTokenCuandoEstaPresente" time="0.0024730" />
 9 |     <testcase classname="Obi.Backend.Tests.Controllers.ClienteControllerTest" name="DeberiaDevolverParsearLasLogonDeFormaRobusta" time="0.0041390" />
10 |     <testcase classname="Obi.Backend.Tests.Controllers.LogControllerTest" name="DeberiaInvocarAlLogger" time="0.0143280" />
11 |     <testcase classname="Obi.Backend.Tests.CuentaTest" name="DeberiaInvocarASoaYDevolverHttpOk" time="60.7409720">
12 |       <error message="  Expected: OK&#xA;  But was:  InternalServerError&#xA;">   at Obi.Backend.Tests.CuentaTest.DeberiaInvocarASoaYDevolverHttpOk() in /Users/nicopaez/Projects/esfera/supervielle/obi/bff-obi/Obi.Backend.Tests/CuentaTest.cs:line 27
13 |    at NUnit.Framework.Internal.TaskAwaitAdapter.GenericAdapter`1.BlockUntilCompleted()
14 |    at NUnit.Framework.Internal.MessagePumpStrategy.NoMessagePumpStrategy.WaitForCompletion(AwaitAdapter awaitable)
15 |    at NUnit.Framework.Internal.AsyncToSyncAdapter.Await(Func`1 invoke)
16 |    at NUnit.Framework.Internal.Commands.TestMethodCommand.RunTestMethod(TestExecutionContext context)
17 |    at NUnit.Framework.Internal.Commands.TestMethodCommand.Execute(TestExecutionContext context)
18 |    at NUnit.Framework.Internal.Execution.SimpleWorkItem.PerformWork()
19 | </error>
20 |     </testcase>
21 |     <testcase classname="Obi.Backend.Tests.HealthTest" name="DeberiaDevolverStatusHealthy" time="0.0503930" />
22 |     <testcase classname="Obi.Backend.Tests.HealthTest" name="DeberiaDevolverVersion" time="0.0087049" />
23 |     <testcase classname="Obi.Backend.Tests.LogTest" name="DeberiaDevolverHTTPOkSiNoMandoToken" time="0.0290100" />
24 |     <testcase classname="Obi.Backend.Tests.TarjetaTest" name="DeberiaInvocarASoaYDevolverHttpOk" time="0.0007900" />
25 |   </testsuite>
26 | </testsuites>


--------------------------------------------------------------------------------
/data/duplicate_name_unique_classanme.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <testsuites time="61.181" tests="12" failures="1">
 3 |   <testsuite id="0" name="/Users/nicopaez/Projects/esfera/supervielle/obi/bff-obi/Obi.Backend.Tests/bin/Debug/netcoreapp3.1/Obi.Backend.Tests.dll" tests="12" failures="1" time="61.181">
 4 |     <testcase classname="Obi.Backend.Tests.AuthenticationTest" name="DeberiaDevolverStatus200CuandoElTokenEsValido" time="0.1757020" />
 5 |     <testcase classname="Obi.Backend.Tests.AuthenticationTest" name="DeberiaDevolverStatus401CuandoElTokenNoEsValido" time="0.0081730" />
 6 |     <testcase classname="Obi.Backend.Tests.AuthenticationTest" name="DeberiaDevolverStatus401CuandoNoHayToken" time="0.0019560" />
 7 |     <testcase classname="Obi.Backend.Tests.Controllers.ClienteControllerTest" name="DeberiaDevolverElNombreYApellidoDelCliente" time="0.1447000" />
 8 |     <testcase classname="Obi.Backend.Tests.Controllers.ClienteControllerTest" name="DeberiaDevolverLastLogonDelTokenCuandoEstaPresente" time="0.0024730" />
 9 |     <testcase classname="Obi.Backend.Tests.Controllers.ClienteControllerTest" name="DeberiaDevolverParsearLasLogonDeFormaRobusta" time="0.0041390" />
10 |     <testcase classname="Obi.Backend.Tests.Controllers.LogControllerTest" name="DeberiaInvocarAlLogger" time="0.0143280" />
11 |     <testcase classname="Obi.Backend.Tests.CuentaTest" name="DeberiaInvocarASoaYDevolverHttpOk" time="60.7409720">
12 |       <error message="  Expected: OK&#xA;  But was:  InternalServerError&#xA;">   at Obi.Backend.Tests.CuentaTest.DeberiaInvocarASoaYDevolverHttpOk() in /Users/nicopaez/Projects/esfera/supervielle/obi/bff-obi/Obi.Backend.Tests/CuentaTest.cs:line 27
13 |    at NUnit.Framework.Internal.TaskAwaitAdapter.GenericAdapter`1.BlockUntilCompleted()
14 |    at NUnit.Framework.Internal.MessagePumpStrategy.NoMessagePumpStrategy.WaitForCompletion(AwaitAdapter awaitable)
15 |    at NUnit.Framework.Internal.AsyncToSyncAdapter.Await(Func`1 invoke)
16 |    at NUnit.Framework.Internal.Commands.TestMethodCommand.RunTestMethod(TestExecutionContext context)
17 |    at NUnit.Framework.Internal.Commands.TestMethodCommand.Execute(TestExecutionContext context)
18 |    at NUnit.Framework.Internal.Execution.SimpleWorkItem.PerformWork()
19 | </error>
20 |     </testcase>
21 |     <testcase classname="Obi.Backend.Tests.HealthTest" name="DeberiaDevolverStatusHealthy" time="0.0503930" />
22 |     <testcase classname="Obi.Backend.Tests.HealthTest" name="DeberiaDevolverVersion" time="0.0087049" />
23 |     <testcase classname="Obi.Backend.Tests.LogTest" name="DeberiaDevolverHTTPOkSiNoMandoToken" time="0.0290100" />
24 |     <testcase classname="Obi.Backend.Tests.TarjetaTest" name="DeberiaInvocarASoaYDevolverHttpOk" time="0.0007900" />
25 |   </testsuite>
26 | </testsuites>


--------------------------------------------------------------------------------
/data/multi_suite.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" ?>
 2 |     <testsuites>
 3 |         <testsuite 
 4 |             name="SUITE ONE"
 5 |             errors="7"
 6 |             tests="10"
 7 |             failures="2"
 8 |             time="0.021">
 9 |             <testcase
10 |               assertions="0"
11 |               classname="SUITE ONE" 
12 |               name="the first test"
13 |               time="0.001">
14 |             </testcase>
15 |             <testcase
16 |               assertions="0"
17 |               classname="SUITE ONE" 
18 |               name="the second test"
19 |               time="0.001">
20 |             </testcase>
21 |             <testcase
22 |               assertions="0"
23 |               classname="SUITE ONE" 
24 |               name="the third test"
25 |               time="0.012">
26 |             </testcase>
27 |             <testcase
28 |               assertions="0"
29 |               classname="SUITE ONE" 
30 |               name="the fouth test"
31 |               time="0.001">
32 |             </testcase>
33 |             <testcase
34 |               assertions="0"
35 |               classname="SUITE ONE" 
36 |               name="the fifth test"
37 |               time="0.002">
38 |             </testcase>
39 |             <testcase
40 |               assertions="0"
41 |               classname="SUITE ONE" 
42 |               name="the sixt test"
43 |               time="0.001">
44 |             </testcase>
45 |         </testsuite>
46 |         <testsuite 
47 |             name="SUITE TWO"
48 |             errors="0"
49 |             tests="6"
50 |             failures="0"
51 |             time="0.021">
52 |             <testcase
53 |               assertions="0"
54 |               classname="SUITE TWO" 
55 |               name="the first test"
56 |               time="0.001">
57 |             </testcase>
58 |             <testcase
59 |               assertions="0"
60 |               classname="SUITE TWO" 
61 |               name="the second test"
62 |               time="0.001">
63 |             </testcase>
64 |             <testcase
65 |               assertions="0"
66 |               classname="SUITE TWO" 
67 |               name="the third test"
68 |               time="0.012">
69 |             </testcase>
70 |             <testcase
71 |               assertions="0"
72 |               classname="SUITE TWO" 
73 |               name="the fouth test"
74 |               time="0.001">
75 |             </testcase>
76 |             <testcase
77 |               assertions="0"
78 |               classname="SUITE TWO" 
79 |               name="the fifth test"
80 |               time="0.002">
81 |             </testcase>
82 |             <testcase
83 |               assertions="0"
84 |               classname="SUITE TWO" 
85 |               name="the sixt test"
86 |               time="0.001">
87 |             </testcase>
88 |         </testsuite>
89 |     </testsuites>
90 | 


--------------------------------------------------------------------------------
/src/cli/static/js/main.4e6e0818.js.LICENSE.txt:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
  3 |  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  4 |  * Copyright 2023 Fonticons, Inc.
  5 |  */
  6 | 
  7 | /*!
  8 |  * The buffer module from node.js, for the browser.
  9 |  *
 10 |  * @author   Feross Aboukhadijeh <https://feross.org>
 11 |  * @license  MIT
 12 |  */
 13 | 
 14 | /*!
 15 |  LZ-UTF8 v0.6.3
 16 | 
 17 |  Copyright (c) 2021, Rotem Dan
 18 |  Released under the MIT license.
 19 | 
 20 |  Build date: 2022-07-06 
 21 | 
 22 |  Please report any issue at https://github.com/rotemdan/lzutf8.js/issues
 23 | */
 24 | 
 25 | /*! http://mths.be/fromcodepoint v0.1.0 by @mathias */
 26 | 
 27 | /*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
 28 | 
 29 | /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 30 | 
 31 | /**
 32 |  * @license React
 33 |  * react-dom.production.min.js
 34 |  *
 35 |  * Copyright (c) Facebook, Inc. and its affiliates.
 36 |  *
 37 |  * This source code is licensed under the MIT license found in the
 38 |  * LICENSE file in the root directory of this source tree.
 39 |  */
 40 | 
 41 | /**
 42 |  * @license React
 43 |  * react-jsx-runtime.production.min.js
 44 |  *
 45 |  * Copyright (c) Facebook, Inc. and its affiliates.
 46 |  *
 47 |  * This source code is licensed under the MIT license found in the
 48 |  * LICENSE file in the root directory of this source tree.
 49 |  */
 50 | 
 51 | /**
 52 |  * @license React
 53 |  * react.production.min.js
 54 |  *
 55 |  * Copyright (c) Facebook, Inc. and its affiliates.
 56 |  *
 57 |  * This source code is licensed under the MIT license found in the
 58 |  * LICENSE file in the root directory of this source tree.
 59 |  */
 60 | 
 61 | /**
 62 |  * @license React
 63 |  * scheduler.production.min.js
 64 |  *
 65 |  * Copyright (c) Facebook, Inc. and its affiliates.
 66 |  *
 67 |  * This source code is licensed under the MIT license found in the
 68 |  * LICENSE file in the root directory of this source tree.
 69 |  */
 70 | 
 71 | /**
 72 |  * @remix-run/router v1.6.3
 73 |  *
 74 |  * Copyright (c) Remix Software Inc.
 75 |  *
 76 |  * This source code is licensed under the MIT license found in the
 77 |  * LICENSE.md file in the root directory of this source tree.
 78 |  *
 79 |  * @license MIT
 80 |  */
 81 | 
 82 | /**
 83 |  * React Router DOM v6.13.0
 84 |  *
 85 |  * Copyright (c) Remix Software Inc.
 86 |  *
 87 |  * This source code is licensed under the MIT license found in the
 88 |  * LICENSE.md file in the root directory of this source tree.
 89 |  *
 90 |  * @license MIT
 91 |  */
 92 | 
 93 | /**
 94 |  * React Router v6.13.0
 95 |  *
 96 |  * Copyright (c) Remix Software Inc.
 97 |  *
 98 |  * This source code is licensed under the MIT license found in the
 99 |  * LICENSE.md file in the root directory of this source tree.
100 |  *
101 |  * @license MIT
102 |  */
103 | 


--------------------------------------------------------------------------------
/src/cli/get-files.test.js:
--------------------------------------------------------------------------------
 1 | import path from 'path'
 2 | import getFiles from './get-files'
 3 | 
 4 | const expectedFiles = [
 5 |   path.resolve(__dirname, '../../data/class_not_classname.xml'),
 6 |   path.resolve(__dirname, '../../data/complete_no_suite.xml'),
 7 |   path.resolve(__dirname, '../../data/complete_no_suite_multi_cases.xml'),
 8 |   path.resolve(__dirname, '../../data/complete_no_suite_single_suite.xml'),
 9 |   path.resolve(__dirname, '../../data/complete_single_case_only.xml'),
10 |   path.resolve(__dirname, '../../data/complete_single_suite.xml'),
11 |   path.resolve(__dirname, '../../data/defect_suite.xml'),
12 |   path.resolve(__dirname, '../../data/duplicate_name_unique_classanme.xml'),
13 |   path.resolve(__dirname, '../../data/embedded_html_sysout.xml'),
14 |   path.resolve(__dirname, '../../data/error_suite.xml'),
15 |   path.resolve(__dirname, '../../data/failing_suite.xml'),
16 |   path.resolve(__dirname, '../../data/invalid.xml'),
17 |   path.resolve(__dirname, '../../data/issue_2.xml'),
18 |   path.resolve(__dirname, '../../data/issue_3.xml'),
19 |   path.resolve(__dirname, '../../data/lots-of-results.xml'),
20 |   path.resolve(__dirname, '../../data/malformed.xml'),
21 |   path.resolve(__dirname, '../../data/most_complex.xml'),
22 |   path.resolve(__dirname, '../../data/multi-name-unique-classname.xml'),
23 |   path.resolve(__dirname, '../../data/multi_cases.xml'),
24 |   path.resolve(__dirname, '../../data/multi_error_test_with_system_out.xml'),
25 |   path.resolve(__dirname, '../../data/multi_suite.xml'),
26 |   path.resolve(__dirname, '../../data/name.has.dots.xml'),
27 |   path.resolve(__dirname, '../../data/nested-nested.xml'),
28 |   path.resolve(__dirname, '../../data/no_class_name.xml'),
29 |   path.resolve(__dirname, '../../data/passing_suite.xml'),
30 |   path.resolve(__dirname, '../../data/properties_in_test_meta.xml'),
31 |   path.resolve(__dirname, '../../data/pytest_testcase_properties.xml'),
32 |   path.resolve(__dirname, '../../data/russian-unicode.xml'),
33 |   path.resolve(__dirname, '../../data/semi-colon.xml'),
34 |   path.resolve(__dirname, '../../data/skipped_suite.xml'),
35 |   path.resolve(__dirname, '../../data/special_chars_suite.xml'),
36 |   path.resolve(__dirname, '../../data/suite-system-out.xml'),
37 |   path.resolve(__dirname, '../../data/test-system-out.xml'),
38 |   path.resolve(__dirname, '../../data/test.xml'),
39 |   path.resolve(__dirname, '../../data/utf-16.xml'),
40 |   path.resolve(__dirname, '../../data/with_html.xml'),
41 |   path.resolve(__dirname, '../../data/xunit-2-2.xml'),
42 |   path.resolve(__dirname, '../../data/xunit-2.xml')
43 | ]
44 | 
45 | test('get files', async () => {
46 |   const files = await getFiles({
47 |     warning: (input) => input,
48 |     file: (input) => input
49 |   }, { results: path.resolve(__dirname, '../../data'), ignore: ['_thingy'] })
50 |   expect(files.map(({ file }) => file)).toEqual(expectedFiles)
51 |   expect(files.map(({ file }) => file)).toEqual(expect.not.arrayContaining([path.resolve(__dirname, '../../data/subfolder/_thingy.xml')]))
52 |   expect(files.filter(({ contents }) => contents === '').length).toBe(0)
53 | })
54 | 


--------------------------------------------------------------------------------
/data/complete_no_suite_single_suite.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" ?>
 2 |     <!-- standard test suite -->
 3 |     <testsuite name="suite name" errors="666" tests="777" failures="888" time="0.021">
 4 |         <!-- standard props -->
 5 |         <properties>
 6 |             <property name="x" value="y" />
 7 |             <property name="a" value="b" />
 8 |         </properties>
 9 |         <!-- props with single value -->
10 |         <properties>
11 |             <property name="c" value="d" />
12 |         </properties>
13 |         <!-- Props with no values -->
14 |         <properties>
15 |         </properties>
16 |         <!-- each kind of test case with a full message -->
17 |         <testcase assertions="0" classname="suite name" name="test name" time="0.001">
18 |             <passed message="message" type="type">inner massage</passed>
19 |         </testcase>
20 |         <testcase assertions="0" classname="suite name" name="test name" time="0.001">
21 |             <error message="message" type="type">inner massage</error>
22 |         </testcase>
23 |         <testcase assertions="0" classname="suite name" name="test name" time="0.001">
24 |             <skipped message="message" type="type">inner massage</skipped>
25 |         </testcase>
26 |         <testcase assertions="0" classname="suite name" name="test name" time="0.001">
27 |             <failure message="message" type="type">inner massage</failure>
28 |         </testcase>
29 |         <!-- test case with something on the inside but not in a wrapper-->
30 |         <testcase assertions="0" classname="SUITE ONE" name="test name" time="0.001">inner message</testcase>
31 |         <!-- test case with nothing on the inside -->
32 |         <testcase assertions="0" classname="SUITE ONE" name="test name" time="0.001"></testcase>
33 |         <!-- test case no keys but inner message-->
34 |         <testcase>inner message</testcase>
35 |         <!-- test case no keys or inner message-->
36 |         <testcase></testcase>
37 |         <!-- test case with multiple messages -->
38 |         <testcase name="test name">
39 |             <error message="message" type="type">inner massage</error>
40 |             <error message="message" type="type">inner massage</error>
41 |         </testcase>
42 |         <!-- test case with no inner message but has a message and a type -->
43 |         <testcase name="test name">
44 |             <failure message="message" type="type"></failure>
45 |         </testcase>
46 |         <!-- test case with no inner message but has only message -->
47 |         <testcase name="test name">
48 |             <skipped message="message"></skipped>
49 |         </testcase>
50 |         <!-- test case with no inner message but has only type -->
51 |         <testcase name="test name">
52 |             <skipped type="type"></skipped>
53 |         </testcase>
54 |         <!-- test case with html on the inside -->
55 |         <testcase>
56 |             <error>&lt;i&gt;inner&lt;/i&gt;&lt;b&gt;message&lt;/b&gt;</error>
57 |         </testcase>
58 |         <!-- test case with html in the message and type -->
59 |         <testcase>
60 |             <failure message="<b>message</b>" type="<i>type</i>"></failure>
61 |         </testcase>
62 |     </testsuite>
63 | 


--------------------------------------------------------------------------------
/src/app/properties-options.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import Toggle from './toggle.js'
  3 | 
  4 | const Search = ({ label, dispatch }) => <div className='field options-search'>
  5 |   <div className='control'>
  6 |     <input
  7 |       onChange={(evt) => {
  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 |   </div>
 19 | </div>
 20 | 
 21 | const Total = ({ count, total }) => <div className='options-total'>
 22 |   <b>{count}</b><span>/{total}</span>
 23 | </div>
 24 | 
 25 | const EyeIcon = () => <span className='icon'>
 26 |   <i className='fas fa-eye' />
 27 | </span>
 28 | 
 29 | const EyeSlashIcon = () => <span className='icon'>
 30 |   <i className='fas fa-eye-slash' />
 31 | </span>
 32 | 
 33 | const ChevronUpIcon = () => <span className='icon'>
 34 |   <i className='fas fa-chevron-up' />
 35 | </span>
 36 | 
 37 | const ChevronDownIcon = () => <span className='icon'>
 38 |   <i className='fas fa-chevron-down' />
 39 | </span>
 40 | 
 41 | const ToggleRow = ({ type, label, propertiesVisible, propertiesExpanded, dispatch }) => <div>
 42 |   <div className='properties-options-toggle-label'>
 43 |     <span>{label}</span>
 44 |   </div>
 45 |   <Toggle
 46 |     className='properties-options-toggle'
 47 |     active={propertiesVisible[type]}
 48 |     onChange={() => {
 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={<EyeIcon />}
 60 |     offIcon={<EyeSlashIcon />} />
 61 |   <Toggle
 62 |     onChange={() => {
 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={<ChevronUpIcon />}
 76 |     onIcon={<ChevronDownIcon />} />
 77 | </div>
 78 | 
 79 | const PropertiesOptions = ({ count = 0, total = 0, active = false, dispatch, propertiesExpanded = { all: true, suites: true, tests: true }, propertiesVisible = { all: true, suites: true, tests: true } }) => {
 80 |   return <div className={`options card ${active ? 'is-active' : 'is-inactive'}`}>
 81 |     <header className='card-header'>
 82 |       <Search label='Properties' dispatch={dispatch} />
 83 |       <button
 84 |         onClick={() => dispatch({ type: 'toggle-properties-options' })}
 85 |         className='button card-header-icon'>
 86 |         <div className='options-inputs'>
 87 |           <Total count={count} total={total} />
 88 |         </div>
 89 |         <span className='icon'>
 90 |           <i className='fas fa-angle-down' />
 91 |         </span>
 92 |       </button>
 93 |     </header>
 94 |     <div className='card-content'>
 95 |       {active
 96 |         ? <div>
 97 |           <ToggleRow type='all' label='All' propertiesVisible={propertiesVisible} propertiesExpanded={propertiesExpanded} dispatch={dispatch} />
 98 |           <ToggleRow type='suites' label='Suites' propertiesVisible={propertiesVisible} propertiesExpanded={propertiesExpanded} dispatch={dispatch} />
 99 |           <ToggleRow type='tests' label='Tests' propertiesVisible={propertiesVisible} propertiesExpanded={propertiesExpanded} dispatch={dispatch} />
100 |         </div>
101 |         : null}
102 |     </div>
103 | 
104 |   </div>
105 | }
106 | 
107 | export default PropertiesOptions
108 | 


--------------------------------------------------------------------------------
/src/app/files.js:
--------------------------------------------------------------------------------
  1 | // import React from 'react'
  2 | // import { UnControlled as CodeMirror } from 'react-codemirror2'
  3 | // import 'codemirror/lib/codemirror.css'
  4 | // import 'codemirror/mode/xml/xml'
  5 | 
  6 | // const ToggleFiles = ({ onClick }) => <button className='card-header-icon' onClick={onClick}>
  7 | //   <h6 className='subtitle is-5'>
  8 | //     <span className='icon'>
  9 | //       <i className='fas fa-code' />
 10 | //     </span>
 11 | //     <span>Files</span>
 12 | //   </h6>
 13 | //   <span className='icon'>
 14 | //     <i className='fas fa-angle-down' />
 15 | //   </span>
 16 | // </button>
 17 | 
 18 | // const Files = ({ active = false, setActive, files = [] }) => {
 19 | //   return <div className={`files card is-${active ? 'active' : 'inactive'}`}>
 20 | //     <header className='card-header'>
 21 | //       <ToggleFiles device='tablet' onClick={() => { setActive(!active) }} />
 22 | //     </header>
 23 | //     <div className='card-content'>
 24 | //       <div className='tabs is-boxed'>
 25 | //         <ul>
 26 | //           <li className='is-inactive'>
 27 | //             <a
 28 | //               href={active ? '/' : null} onClick={(evt) => {
 29 | //                 console.log('open file')
 30 | //                 evt.preventDefault()
 31 | //               }}
 32 | //             >
 33 | //               <span>file.xml</span>
 34 | //               <button
 35 | //                 disabled={!active} className='delete is-small' onClick={(evt) => {
 36 | //                   console.log('remove file')
 37 | //                   evt.stopPropagation()
 38 | //                   evt.preventDefault()
 39 | //                 }}
 40 | //               />
 41 | //             </a>
 42 | //           </li>
 43 | //           <li className='is-active'>
 44 | //             <a
 45 | //               href={active ? '/' : null} onClick={(evt) => {
 46 | //                 console.log('open file')
 47 | //                 evt.preventDefault()
 48 | //               }}
 49 | //             >
 50 | //               <span>file.xml</span>
 51 | //               <button
 52 | //                 disabled={!active} className='delete is-small' onClick={(evt) => {
 53 | //                   console.log('remove file')
 54 | //                   evt.stopPropagation()
 55 | //                   evt.preventDefault()
 56 | //                 }}
 57 | //               />
 58 | //             </a>
 59 | //           </li>
 60 | //           {/* <li>
 61 | //             <a href={active ? '/' : null} className='add-file' onClick={(evt) => {
 62 | //               console.log('add a new file')
 63 | //               evt.preventDefault()
 64 | //             }}>
 65 | //               <span className='icon'>
 66 | //                 <i className='fas fa-plus' />
 67 | //               </span>
 68 | //             </a>
 69 | //           </li> */}
 70 | //         </ul>
 71 | //       </div>
 72 | 
 73 | //       <input className='input files-input' type='text' defaultValue='/this/is/the/full/filename.xml' placeholder='Filename' disabled={!active} />
 74 | //       {active
 75 | //         ? <CodeMirror
 76 | //         value={`<?xml version="1.0" encoding="UTF-8"?>
 77 | // <testsuite tests="3" failures="1" time="0.0160106">
 78 | //     <testcase name="Is An Error" classname="Error" time="0.00075">
 79 | //         <error message="There was a error" type="java.lang.RuntimeException">java.lang.RuntimeException: There was an error</error>
 80 | //     </testcase>
 81 | // </testsuite>`}
 82 | //         options={{
 83 | //           mode: 'xml',
 84 | //           lineNumbers: true
 85 | //         }}
 86 | //         onChange={(cm, { text }, value) => {
 87 | 
 88 | //         }}
 89 | //       />
 90 | //         : null}
 91 | //     </div>
 92 | 
 93 | //   </div>
 94 | // }
 95 | 
 96 | // export default Files
 97 | 
 98 | const Files = () => null
 99 | 
100 | export default Files
101 | 


--------------------------------------------------------------------------------
/data/most_complex.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" ?>
 2 |     <testsuites>
 3 |         <testsuite name="SUITE ONE" errors="7" tests="10" failures="2" time="0.021">
 4 |             <properties>
 5 |                 <property name="flag-type" value="bug" />
 6 |                 <property name="flag-content" value="APPLICATION DEFECT" />
 7 |                 <property name="Has a name" value="true" />
 8 |                 <property name="URL" value="/test/data.com" />
 9 |             </properties>
10 |             <properties>
11 |                 <property name="flag-type" value="bug" />
12 |                 <property name="flag-content" value="APPLICATION DEFECT" />
13 |                 <property name="Has a name" value="true" />
14 |                 <property name="URL" value="/test/data.com" />
15 |             </properties>
16 |             <testcase assertions="0" classname="SUITE ONE" name="the first test" time="0.001">
17 |                 <error message="There was a error" type="java.lang.RuntimeException">java.lang.RuntimeException: There was an error</error>
18 |             </testcase>
19 |             <testcase assertions="0" classname="SUITE ONE" name="the second test" time="0.001">
20 |                 <error message="I ignore this" type="when inner message">&lt;i&gt;WITH&lt;/i&gt;&lt;b&gt;HTML&lt;/b&gt;</error>
21 |             </testcase>
22 |             <testcase assertions="0" classname="SUITE ONE" name="the third test" time="0.012">
23 |                 <passed message="I ignore" type="this anyway">For some reason a passing message</passed>
24 |             </testcase>
25 |             <testcase assertions="0" classname="SUITE ONE" name="the test has a link and an email" time="0.012">
26 |                 <passed message="I ignore" type="this anyway">This message has a link github.com/lukejpreston/xunit-viewer and an email example@gmail.com</passed>
27 |             </testcase>
28 |             <testcase assertions="0" classname="SUITE ONE" name="the fouth test" time="0.001">
29 |                 <error message="There was a error 1" type="java.lang.RuntimeException">java.lang.RuntimeException: There was an error 1</error>
30 |                 <error message="There was a error 2" type="java.lang.RuntimeException">java.lang.RuntimeException: There was an error 2</error>
31 |             </testcase>
32 |             <testcase assertions="0" classname="SUITE ONE" name="the fifth test" time="0.002">
33 |                 <error message="This one has no inner message" type="java.lang.RuntimeException"></error>
34 |             </testcase>
35 |             <testcase assertions="0" classname="SUITE ONE" name="the sixt test" time="0.001">
36 |                 <error message="This one has no inner message or type"></error>
37 |             </testcase>
38 |         </testsuite>
39 |         <testsuite name="SUITE TWO" errors="0" tests="6" failures="0" time="0.021">
40 |             <testcase assertions="0" classname="SUITE TWO" name="the first test" time="0.001">
41 |                 <error type="This one has no inner message or message"></error>
42 |             </testcase>
43 |             <testcase assertions="0" classname="SUITE TWO" name="the second test" time="0.001">
44 |                 <skipped></skipped>
45 |             </testcase>
46 |             <testcase assertions="0" classname="SUITE TWO" name="the third test" time="0.012">
47 |                 <failure></failure>
48 |             </testcase>
49 |             <testcase assertions="0" classname="SUITE TWO" name="the fouth test" time="0.001">
50 |               <error message="<i>WITH HTML</i>" type="<b>NO INNER</b>"></error>
51 |             </testcase>
52 |             <testcase assertions="0" classname="SUITE TWO" name="the fifth test" time="0.002">
53 |             </testcase>
54 |             <testcase assertions="0" classname="SUITE TWO" name="the sixt test" time="0.001">
55 |             </testcase>
56 |         </testsuite>
57 |     </testsuites>
58 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "xunit-viewer",
  3 |   "type": "module",
  4 |   "version": "10.6.1",
  5 |   "description": "parses xunit xml into xunit viewer",
  6 |   "repository": {
  7 |     "url": "https://github.com/lukejpreston/xunit-viewer.git",
  8 |     "type": "git"
  9 |   },
 10 |   "bugs": {
 11 |     "url": "https://github.com/lukejpreston/xunit-viewer.git"
 12 |   },
 13 |   "homepage": "./",
 14 |   "keywords": [
 15 |     "test",
 16 |     "junit",
 17 |     "xunit",
 18 |     "viewer",
 19 |     "parser"
 20 |   ],
 21 |   "author": "lukejpreston <lukejpreston@gmail.com>",
 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 | 


--------------------------------------------------------------------------------
/data/test.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" ?>
 2 | <testsuites>
 3 |     <testsuite name="suite 1" time="time">
 4 |         <properties>
 5 |             <property name="name only" />
 6 |         </properties>
 7 |         <properties>
 8 |             <property name="prop 1" value="value 1" />
 9 |             <property name="prop 1">value 2</property>
10 |             <property name="prop 1" />
11 |             <property name="prop 2" value="value" />
12 |             <property>value with no name</property>
13 |             <property />
14 |         </properties>
15 |         <properties>
16 |             <property name="seperate props" value="value" />
17 |         </properties>
18 |         <properties>value only</properties>
19 |         <properties />
20 |         <testcase>only a message</testcase>
21 |         <testcase name="simple passing test" />
22 |         <testcase name="test with time" time='time'/>
23 |         <testcase name="test with sub test">
24 |             <testcase name="the sub test" />
25 |         </testcase>
26 |         <testcase name="test with messages" message="message prop">inner message</testcase>
27 |         <testcase name="test passed with messages and free text">
28 |             HERE IS SOME TEXT
29 |             <passed message="message prop 1">inner massage 1</passed>
30 |         </testcase>
31 |         <testcase name="test passed with messages">
32 |             <passed message="message prop 1">inner massage 1</passed>
33 |             <passed message="message prop 2">inner massage 2</passed>
34 |         </testcase>
35 |         <testcase name="failing test with messages">
36 |             <failure message="message prop 1">inner massage 1</failure>
37 |             <failure message="message prop 2">inner massage 2</failure>
38 |         </testcase>
39 |         <testcase name="erroring test with messages">
40 |             <error message="message prop 1">inner massage 1</error>
41 |             <error message="message prop 2">inner massage 2</error>
42 |         </testcase>
43 |         <testcase name="skiping test with messages">
44 |             <skipped message="message prop 1">inner massage 1</skipped>
45 |             <skipped message="message prop 2">inner massage 2</skipped>
46 |         </testcase>
47 |         <testcase name="error and failure test with messages">
48 |             <error message="error message prop 1">error inner massage 1</error>
49 |             <failure message="failure message prop 2">failure inner massage 2</failure>
50 |             <testsuite name='testsuite in a testcase'>
51 |                 <testcase name='testsuite in a testcase testcase' />
52 |             </testsuite>
53 |         </testcase>
54 |     </testsuite>
55 |     <testsuite name="suite 2">
56 |         <testcase name='testcase' />
57 |     </testsuite>
58 |     <testsuite name="duplicate">
59 |         <testcase name='testcase 1' />
60 |     </testsuite>
61 |     <testsuite name="duplicate">
62 |         <testcase name='testcase 2' />
63 |     </testsuite>
64 |     <testsuite name="suite with duplicate tests">
65 |         <testcase name='testcase duplicate' message='message 1' />
66 |         <testcase name='testcase duplicate' message='message 2' />
67 |     </testsuite>
68 |     <testsuite name="testcase with properties">
69 |         <testcase name='with properties' message='message 1'>
70 | 
71 |             <properties>
72 |                 <property name="name only"/>
73 |             </properties>
74 |             <properties>
75 |                 <property name="prop 1" value="value 1"/>
76 |                 <property name="prop 1">value 2</property>
77 |                 <property name="prop 1"/>
78 |                 <property name="prop 2" value="value"/>
79 |                 <property>value with no name</property>
80 |                 <property/>
81 |             </properties>
82 |             <properties>
83 |                 <property name="seperate props" value="value"/>
84 |             </properties>
85 |             <properties>value only</properties>
86 |             <properties/>
87 |         </testcase>
88 |     </testsuite>
89 | </testsuites>
90 | 


--------------------------------------------------------------------------------
/data/complete_no_suite.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" ?>
 2 |     <!-- standard test suite -->
 3 |     <testsuite name="suite name" errors="666" tests="777" failures="888" time="0.021">
 4 |         <!-- standard props -->
 5 |         <properties>
 6 |             <property name="x" value="y" />
 7 |             <property name="a" value="b" />
 8 |         </properties>
 9 |         <!-- props with single value -->
10 |         <properties>
11 |             <property name="c" value="d" />
12 |         </properties>
13 |         <!-- Props with no values -->
14 |         <properties>
15 |         </properties>
16 |         <!-- each kind of test case with a full message -->
17 |         <testcase assertions="0" classname="suite name" name="test name" time="0.001">
18 |             <passed message="message" type="type">inner massage</passed>
19 |         </testcase>
20 |         <testcase assertions="0" classname="suite name" name="test name" time="0.001">
21 |             <error message="message" type="type">inner massage</error>
22 |         </testcase>
23 |         <testcase assertions="0" classname="suite name" name="test name" time="0.001">
24 |             <skipped message="message" type="type">inner massage</skipped>
25 |         </testcase>
26 |         <testcase assertions="0" classname="suite name" name="test name" time="0.001">
27 |             <failure message="message" type="type">inner massage</failure>
28 |         </testcase>
29 |         <!-- test case with something on the inside but not in a wrapper-->
30 |         <testcase assertions="0" classname="SUITE ONE" name="test name" time="0.001">inner message</testcase>
31 |         <!-- test case with nothing on the inside -->
32 |         <testcase assertions="0" classname="SUITE ONE" name="test name" time="0.001"></testcase>
33 |         <!-- test case no keys but inner message-->
34 |         <testcase>inner message</testcase>
35 |         <!-- test case no keys or inner message-->
36 |         <testcase></testcase>
37 |         <!-- test case with multiple messages -->
38 |         <testcase name="test name">
39 |             <error message="message" type="type">inner massage</error>
40 |             <error message="message" type="type">inner massage</error>
41 |         </testcase>
42 |         <!-- test case with no inner message but has a message and a type -->
43 |         <testcase name="test name">
44 |             <failure message="message" type="type"></failure>
45 |         </testcase>
46 |         <!-- test case with no inner message but has only message -->
47 |         <testcase name="test name">
48 |             <skipped message="message"></skipped>
49 |         </testcase>
50 |         <!-- test case with no inner message but has only type -->
51 |         <testcase name="test name">
52 |             <skipped type="type"></skipped>
53 |         </testcase>
54 |         <!-- test case with html on the inside -->
55 |         <testcase>
56 |             <error>&lt;i&gt;inner&lt;/i&gt;&lt;b&gt;message&lt;/b&gt;</error>
57 |         </testcase>
58 |         <!-- test case with html in the message and type -->
59 |         <testcase>
60 |             <failure message="<b>message</b>" type="<i>type</i>"></failure>
61 |         </testcase>
62 |     </testsuite>
63 |     <!-- test suite with only one of verything -->
64 |     <testsuite name="suite name" errors="666" tests="777" failures="888" time="0.021">
65 |         <properties>
66 |             <property name="c" value="d" />
67 |         </properties>
68 |         <testcase assertions="0" classname="suite name" name="test name" time="0.001">
69 |             <error message="message" type="type"></error>
70 |         </testcase>
71 |     </testsuite>
72 |     <!-- test suite with only one test -->
73 |     <testsuite name="suite name" errors="666" tests="777" failures="888" time="0.021">
74 |         <testcase assertions="0" classname="suite name" name="test name" time="0.001">
75 |             <error message="message" type="type"></error>
76 |         </testcase>
77 |     </testsuite>
78 |     <!-- test suite with nothing inside -->
79 |     <testsuite name="suite name" errors="666" tests="777" failures="888" time="0.021">
80 |     </testsuite>
81 |     <!-- test suite with nothing inside and no keys-->
82 |     <testsuite></testsuite>
83 | 


--------------------------------------------------------------------------------
/src/cli/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="utf-8" />
  6 |     <title>{{title}}</title>
  7 |     <meta name="title" content="{{title}}">
  8 |     <meta content="{{icon}}" property="og:image">
  9 |     <link href="{{favicon}}" rel="shortcut icon">
 10 |     <meta name="description" content="{{description}}">
 11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 12 |     <style>
 13 |         {{{styles}}}
 14 |     </style>
 15 | </head>
 16 | <body>
 17 |     <noscript>You need to enable JavaScript to run this app.</noscript>
 18 |     <div id="root"></div>
 19 |     <script>
 20 |         ! function (f) {
 21 |             function e(e) {
 22 |                 for (var r, t, n = e[0], o = e[1], u = e[2], i = 0, l = []; i < n.length; i++) t = n[i], Object
 23 |                     .prototype.hasOwnProperty.call(p, t) && p[t] && l.push(p[t][0]), p[t] = 0;
 24 |                 for (r in o) Object.prototype.hasOwnProperty.call(o, r) && (f[r] = o[r]);
 25 |                 for (s && s(e); l.length;) l.shift()();
 26 |                 return c.push.apply(c, u || []), a()
 27 |             }
 28 | 
 29 |             function a() {
 30 |                 for (var e, r = 0; r < c.length; r++) {
 31 |                     for (var t = c[r], n = !0, o = 1; o < t.length; o++) {
 32 |                         var u = t[o];
 33 |                         0 !== p[u] && (n = !1)
 34 |                     }
 35 |                     n && (c.splice(r--, 1), e = i(i.s = t[0]))
 36 |                 }
 37 |                 return e
 38 |             }
 39 |             var t = {},
 40 |                 p = {
 41 |                     1: 0
 42 |                 },
 43 |                 c = [];
 44 | 
 45 |             function i(e) {
 46 |                 if (t[e]) return t[e].exports;
 47 |                 var r = t[e] = {
 48 |                     i: e,
 49 |                     l: !1,
 50 |                     exports: {}
 51 |                 };
 52 |                 return f[e].call(r.exports, r, r.exports, i), r.l = !0, r.exports
 53 |             }
 54 |             i.m = f, i.c = t, i.d = function (e, r, t) {
 55 |                 i.o(e, r) || Object.defineProperty(e, r, {
 56 |                     enumerable: !0,
 57 |                     get: t
 58 |                 })
 59 |             }, i.r = function (e) {
 60 |                 "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
 61 |                     value: "Module"
 62 |                 }), Object.defineProperty(e, "__esModule", {
 63 |                     value: !0
 64 |                 })
 65 |             }, i.t = function (r, e) {
 66 |                 if (1 & e && (r = i(r)), 8 & e) return r;
 67 |                 if (4 & e && "object" == typeof r && r && r.__esModule) return r;
 68 |                 var t = Object.create(null);
 69 |                 if (i.r(t), Object.defineProperty(t, "default", {
 70 |                         enumerable: !0,
 71 |                         value: r
 72 |                     }), 2 & e && "string" != typeof r)
 73 |                     for (var n in r) i.d(t, n, function (e) {
 74 |                         return r[e]
 75 |                     }.bind(null, n));
 76 |                 return t
 77 |             }, i.n = function (e) {
 78 |                 var r = e && e.__esModule ? function () {
 79 |                     return e.default
 80 |                 } : function () {
 81 |                     return e
 82 |                 };
 83 |                 return i.d(r, "a", r), r
 84 |             }, i.o = function (e, r) {
 85 |                 return Object.prototype.hasOwnProperty.call(e, r)
 86 |             }, i.p = "./";
 87 |             var r = window["webpackJsonpxunit-viewer"] = window["webpackJsonpxunit-viewer"] || [],
 88 |                 n = r.push.bind(r);
 89 |             r.push = e, r = r.slice();
 90 |             for (var o = 0; o < r.length; o++) e(r[o]);
 91 |             var s = n;
 92 |             a()
 93 |         }([])
 94 |     </script>
 95 |     {{#if useSockets}}
 96 |     <script src="/socket.io/socket.io.js"></script>
 97 |     {{/if}}
 98 |     <script>
 99 |         window.title = "{{title}}"
100 |         window.brand = "{{brand}}"
101 |         window.files = {{{files}}}
102 |     </script>
103 |     <script>
104 |         {{{scripts}}}
105 |     </script>
106 | </body>
107 | 
108 | </html>


--------------------------------------------------------------------------------
/data/embedded_html_sysout.xml:
--------------------------------------------------------------------------------
 1 | <testsuite errors="0" failures="1" hostname="msk1wst056" name="authorization.update_last_activity.Время последней активности изменяется при обновлении токена" skipped="0" tests="1" time="3.245495" timestamp="2020-02-13T11:57:14.939203">
 2 |     <testcase classname="authorization.update_last_activity.Время последней активности изменяется при обновлении токена" name="Время последней активности изменяется при обновлении токена для мобильного устройства" status="failed" time="3.245495">
 3 |         <failure message="2020-02-13T08:57:11+00:00 &lt; 2020-02-13T08:57:11+00:00" type="AssertionError">
 4 |             <![CDATA[
 5 | Failing step: Тогда Время последней активности изменяется ... failed in 0.004s
 6 | 
 7 | INFO:auth.api.requests:Response: 200 GET http://ocs-app.local:8018/idp/ui/login?login_challenge=d6d839a5812c443b86901005c768ffc9 data: <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"/><meta name="next-head-count" content="2"/><link rel="preload" href="/idp/ui/_next/static/HkUfFtgP6klFe2fEQqmxy/pages/login.js" as="script"/><link rel="preload" href="/idp/ui/_next/static/HkUfFtgP6klFe2fEQqmxy/pages/_app.js" as="script"/><link rel="preload" href="/idp/ui/_next/static/runtime/webpack-91b117697e716c22a78b.js" as="script"/><link rel="preload" href="/idp/ui/_next/static/chunks/framework.4a6d1274021dea07c0f6.js" as="script"/><link rel="preload" href="/idp/ui/_next/static/chunks/commons.f45713c7aba3ce20097d.js" as="script"/><link rel="preload" href="/idp/ui/_next/static/chunks/6773ad45d0354f4720872cd5ee776c22f13c9a91.0fb260b186eb72f24901.js" as="script"/><link rel="preload" href="/idp/ui/_next/static/chunks/81ba0819ec88dd0bec17c1c438c133cab6a290fa.916a834513a83791b2f0.js" as="script"/><link rel="preload" href="/idp/ui/_next/static/chunks/925ec3a858999a8097194b2c53fbfdb98bfa7494.17176631661852e1c5ef.js" as="script"/><link rel="preload" href="/idp/ui/_next/static/runtime/main-02786df16d94ee682e6c.js" as="script"/><link rel="preload" href="/idp/ui/_next/static/chunks/caafe67f7e62507843c5388d508343f7cf6447b9.5d398491c28c531fda49.js" as="script"/><link rel="preload" href="/idp/ui/_next/static/chunks/8a5cd78cc6f6305e12437f1637a0ac79a4886b95.f0abb74104c271c8cee6.js" as="script"/></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json"></script><script nomodule="" src="/idp/ui/_next/static/runtime/polyfills-ca767adcfe74e5592607.js"></script><script defer="" data-next-page="/login" src="/idp/ui/_next/static/HkUfFtgP6klFe2fEQqmxy/pages/login.js"></script><script defer="" data-next-page="/_app" src="/idp/ui/_next/static/HkUfFtgP6klFe2fEQqmxy/pages/_app.js"></script><script src="/idp/ui/_next/static/runtime/webpack-91b117697e716c22a78b.js" defer=""></script><script src="/idp/ui/_next/static/chunks/framework.4a6d1274021dea07c0f6.js" defer=""></script><script src="/idp/ui/_next/static/chunks/commons.f45713c7aba3ce20097d.js" defer=""></script><script src="/idp/ui/_next/static/chunks/6773ad45d0354f4720872cd5ee776c22f13c9a91.0fb260b186eb72f24901.js" defer=""></script><script src="/idp/ui/_next/static/chunks/81ba0819ec88dd0bec17c1c438c133cab6a290fa.916a834513a83791b2f0.js" defer=""></script><script src="/idp/ui/_next/static/chunks/925ec3a858999a8097194b2c53fbfdb98bfa7494.17176631661852e1c5ef.js" defer=""></script><script src="/idp/ui/_next/static/runtime/main-02786df16d94ee682e6c.js" defer=""></script><script src="/idp/ui/_next/static/chunks/caafe67f7e62507843c5388d508343f7cf6447b9.5d398491c28c531fda49.js" defer=""></script><script src="/idp/ui/_next/static/chunks/8a5cd78cc6f6305e12437f1637a0ac79a4886b95.f0abb74104c271c8cee6.js" defer=""></script><script src="/idp/ui/_next/static/HkUfFtgP6klFe2fEQqmxy/_buildManifest.js" defer=""></script></body></html>
 8 | ]]>
 9 |         </failure>
10 |         <system-out>
11 |             <![CDATA[
12 | @scenario.begin
13 | 
14 |   @fixture.test_account_with_all_roles
15 |   Сценарий: Время последней активности изменяется при обновлении токена для мобильного устройства
16 |     Допустим Пользователь входит в мобильное приложение Aurora-market ... passed in 0.160s
17 |     И Запоминает время последней активности ... passed in 0.017s
18 |     И Проходит 3 секунда ... passed in 3.002s
19 |     Когда Обновляется токен ... passed in 0.062s
20 |     Тогда Время последней активности изменяется ... failed in 0.004s
21 | 
22 | @scenario.end
23 | --------------------------------------------------------------------------------
24 | ]]>
25 |         </system-out>
26 |     </testcase>
27 | </testsuite>


--------------------------------------------------------------------------------
/src/cli/args.js:
--------------------------------------------------------------------------------
  1 | import path from 'path'
  2 | import yargs from 'yargs/yargs'
  3 | import { hideBin } from 'yargs/helpers'
  4 | 
  5 | const instance = yargs(hideBin(process.argv))
  6 |   .command('xunit-viewer', 'Renders Xunit style xml results')
  7 |   .example('xunit-viewer -r file.xml', 'a file')
  8 |   .example('xunit-viewer -r folder', 'a folder')
  9 |   .example('xunit-viewer -r folder -i *-broke.xml', 'ignore')
 10 |   .example('xunit-viewer -r folder -o my-tests.html', 'rename output')
 11 |   .example('xunit-viewer -r folder -t "My Tests"', 'change HTML title')
 12 |   .example('xunit-viewer -r folder -b https://image.png', 'change the image')
 13 |   .example('xunit-viewer -r folder -f https://image.favico', 'change the favicon')
 14 |   .example('xunit-viewer -r folder -c', 'render in console')
 15 |   .example('xunit-viewer -r folder -c -C', 'render in console, do not clear')
 16 |   .example('xunit-viewer -r folder -c -n', 'no color in console')
 17 |   .example('xunit-viewer -r folder -w', 'start watch')
 18 |   .example('xunit-viewer -r folder -w -p 5050', 'watch at 5050')
 19 |   // .example('xunit-viewer -r folder --s.s "value"', 'search suite with term "value"')
 20 | 
 21 |   .string('results')
 22 |   .coerce('results', (arg) => path.resolve(process.cwd(), arg))
 23 |   .alias('r', 'results')
 24 |   .describe('r', 'File/Folder of results')
 25 |   .demandOption(['results'])
 26 | 
 27 |   .array('ignore')
 28 |   .alias('i', 'ignore')
 29 |   .describe('i', 'Ignore patterns')
 30 | 
 31 |   .string('output')
 32 |   .default('output', 'index.html')
 33 |   .coerce('output', (arg) => {
 34 |     if (arg === 'false') return false
 35 |     return path.resolve(process.cwd(), arg.endsWith('.html') ? arg : `${arg}.html`)
 36 |   })
 37 |   .alias('o', 'output')
 38 |   .describe('o', 'Output filename')
 39 | 
 40 |   .string('title')
 41 |   .alias('t', 'title')
 42 |   .describe('t', 'HTML title e.g. "My Tests"')
 43 | 
 44 |   .string('brand')
 45 |   .alias('b', 'brand')
 46 |   .describe('b', 'Provide a URL with your own logo')
 47 | 
 48 |   .string('favicon')
 49 |   .alias('f', 'favicon')
 50 |   .describe('f', 'Provide a URL with your own favicon')
 51 | 
 52 |   .boolean('console')
 53 |   .alias('c', 'console')
 54 |   .describe('c', 'Render in console')
 55 | 
 56 |   .boolean('clear')
 57 |   .alias('C', 'clear')
 58 |   .default('C', true)
 59 |   .describe('C', 'Clears the console')
 60 | 
 61 |   .boolean('server')
 62 |   .default('s', false)
 63 |   .alias('s', 'server')
 64 |   .describe('s', 'Start a server and sockets for live updates')
 65 | 
 66 |   .boolean('no-color')
 67 |   .alias('n', 'no-color')
 68 |   .describe('n', 'No color in the console')
 69 | 
 70 |   .boolean('watch')
 71 |   .alias('w', 'watch')
 72 |   .describe('w', 'Re-run when a file changes')
 73 | 
 74 |   .number('port')
 75 |   .alias('p', 'port')
 76 |   .describe('p', 'Starts a server with sockets on that port, if no port is provided then it will run on port 3000 (or next available)')
 77 | 
 78 | // .string('properties.search')
 79 | // .alias('p.s', 'properties.search')
 80 | // .describe('p.s', 'pre-filter option')
 81 | 
 82 | // .boolean('properties.visible')
 83 | // .alias('p.v', 'properties.visible')
 84 | // .describe('p.v', 'pre-filter option')
 85 | 
 86 | // .string('suites.search')
 87 | // .alias('s.s', 'suites.search')
 88 | // .describe('s.s', 'pre-filter option')
 89 | 
 90 | // const types = ['tests']
 91 | // const statuses = ['passed', 'failure', 'skipped', 'error', 'unknown']
 92 | // const actions = ['visible']
 93 | 
 94 | // types.forEach(type => {
 95 | //   const firstTypeChar = type[0]
 96 | //   const searchCommand = `${type}.search`
 97 | //   const searchAlias = `${firstTypeChar}.s`
 98 | 
 99 | //   instance.string(searchCommand)
100 | //     .alias(searchAlias, searchCommand)
101 | //     .describe(searchAlias, 'pre-filter option')
102 | 
103 | //   statuses.forEach(status => {
104 | //     const firstStatusChar = status[0]
105 | //     actions.forEach(action => {
106 | //       const firstActionChar = action[0]
107 | //       const toggleCommand = `${type}.${status}.${action}`
108 | //       const toggleAlias = `${firstTypeChar}.${firstStatusChar}.${firstActionChar}`
109 | 
110 | //       instance.boolean(toggleCommand)
111 | //         .alias(toggleAlias, toggleCommand)
112 | //         .describe(toggleAlias, 'pre-filter option')
113 | //     })
114 | //   })
115 | // })
116 | 
117 | instance.help()
118 | 
119 | export const args = instance.argv
120 | export const showHelp = instance.showHelp
121 | 


--------------------------------------------------------------------------------
/data/complete_single_suite.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" ?>
 2 |     <testsuites>
 3 |         <!-- standard test suite -->
 4 |         <testsuite name="suite name" errors="666" tests="777" failures="888" time="0.021">
 5 |             <!-- standard props -->
 6 |             <properties>
 7 |                 <property name="x" value="y" />
 8 |                 <property name="a" value="b" />
 9 |             </properties>
10 |             <!-- props with single value -->
11 |             <properties>
12 |                 <property name="c" value="d" />
13 |             </properties>
14 |             <!-- Props with no values -->
15 |             <properties>
16 |             </properties>
17 |             <!-- each kind of test case with a full message -->
18 |             <testcase assertions="0" classname="suite name" name="test name" time="0.001">
19 |                 <passed message="message" type="type">inner massage</passed>
20 |             </testcase>
21 |             <testcase assertions="0" classname="suite name" name="test name" time="0.001">
22 |                 <error message="message" type="type">inner massage</error>
23 |             </testcase>
24 |             <testcase assertions="0" classname="suite name" name="test name" time="0.001">
25 |                 <skipped message="message" type="type">inner massage</skipped>
26 |             </testcase>
27 |             <testcase assertions="0" classname="suite name" name="test name" time="0.001">
28 |                 <failure message="message" type="type">inner massage</failure>
29 |             </testcase>
30 |             <!-- test case with something on the inside but not in a wrapper-->
31 |             <testcase assertions="0" classname="SUITE ONE" name="test name" time="0.001">inner message</testcase>
32 |             <!-- test case with nothing on the inside -->
33 |             <testcase assertions="0" classname="SUITE ONE" name="test name" time="0.001"></testcase>
34 |             <!-- test case no keys but inner message-->
35 |             <testcase>inner message</testcase>
36 |             <!-- test case no keys or inner message-->
37 |             <testcase></testcase>
38 |             <!-- test case with multiple messages -->
39 |             <testcase name="test name">
40 |                 <error message="message" type="type">inner massage</error>
41 |                 <error message="message" type="type">inner massage</error>
42 |             </testcase>
43 |             <!-- test case with no inner message but has a message and a type -->
44 |             <testcase name="test name">
45 |                 <failure message="message" type="type"></failure>
46 |             </testcase>
47 |             <!-- test case with no inner message but has only message -->
48 |             <testcase name="test name">
49 |                 <skipped message="message"></skipped>
50 |             </testcase>
51 |             <!-- test case with no inner message but has only type -->
52 |             <testcase name="test name">
53 |                 <skipped type="type"></skipped>
54 |             </testcase>
55 |             <!-- test case with html on the inside -->
56 |             <testcase>
57 |                 <error>&lt;i&gt;inner&lt;/i&gt;&lt;b&gt;message&lt;/b&gt;</error>
58 |             </testcase>
59 |             <!-- test case with html in the message and type -->
60 |             <testcase>
61 |                 <failure message="<b>message</b>" type="<i>type</i>"></failure>
62 |             </testcase>
63 |         </testsuite>
64 |         <!-- test suite with only one of verything -->
65 |         <testsuite name="suite name" errors="666" tests="777" failures="888" time="0.021">
66 |             <properties>
67 |                 <property name="c" value="d" />
68 |             </properties>
69 |             <testcase assertions="0" classname="suite name" name="test name" time="0.001">
70 |                 <error message="message" type="type">inner massage</error>
71 |             </testcase>
72 |         </testsuite>
73 |         <!-- test suite with only one test -->
74 |         <testsuite name="suite name" errors="666" tests="777" failures="888" time="0.021">
75 |             <testcase assertions="0" classname="suite name" name="test name" time="0.001">
76 |                 <error message="message" type="type">inner massage</error>
77 |             </testcase>
78 |         </testsuite>
79 |         <!-- test suite with nothing inside -->
80 |         <testsuite name="suite name" errors="666" tests="777" failures="888" time="0.021">
81 |         </testsuite>
82 |         <!-- test suite with nothing inside and no keys-->
83 |         <testsuite></testsuite>
84 |     </testsuites>
85 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
  1 | import '@fortawesome/fontawesome-free/js/all.js'
  2 | import 'bulma/css/bulma.css'
  3 | import React from 'react'
  4 | import ReactDOM from 'react-dom/client'
  5 | import {
  6 |   createBrowserRouter,
  7 |   RouterProvider
  8 | } from 'react-router-dom'
  9 | 
 10 | import App from './app/app.js'
 11 | import './app/index.css'
 12 | 
 13 | import LZUTF8 from 'lzutf8'
 14 | 
 15 | let files = window.files || []
 16 | const title = window.title || 'Xunit Viewer'
 17 | const brand = window.brand || null
 18 | 
 19 | if (process.env.NODE_ENV === 'development') {
 20 |   files = [{
 21 |     file: '/path/to/file/complete.xml',
 22 |     contents: LZUTF8.compress(`
 23 |     <?xml version="1.0" encoding="UTF-8" ?>
 24 |     <testsuites>
 25 |         <testsuite name="SUITE ONE" errors="7" tests="10" failures="2" time="0.021">
 26 |             <properties>
 27 |                 <property name="flag-type" value="bug" />
 28 |                 <property name="flag-content" value="APPLICATION DEFECT" />
 29 |                 <property name="Has a name" value="true" />
 30 |                 <property name="URL" value="/test/data.com" />
 31 |             </properties>
 32 |             <properties>
 33 |                 <property name="flag-type" value="bug" />
 34 |                 <property name="flag-content" value="APPLICATION DEFECT" />
 35 |                 <property name="Has a name" value="true" />
 36 |                 <property name="URL" value="/test/data.com" />
 37 |             </properties>
 38 |             <testcase assertions="0" classname="SUITE ONE" name="the first test" time="0.001">
 39 |                 <error message="There was a error" type="java.lang.RuntimeException">java.lang.RuntimeException: There was an error</error>
 40 |             </testcase>
 41 |             <testcase assertions="0" classname="SUITE ONE" name="the second test" time="0.001">
 42 |                 <error message="I ignore this" type="when inner message">&lt;i&gt;WITH&lt;/i&gt;&lt;b&gt;HTML&lt;/b&gt;</error>
 43 |             </testcase>
 44 |             <testcase assertions="0" classname="SUITE ONE" name="the third test" time="0.012">
 45 |                 <passed message="I ignore" type="this anyway">For some reason a passing message</passed>
 46 |             </testcase>
 47 |             <testcase assertions="0" classname="SUITE ONE" name="the test has a link and an email" time="0.012">
 48 |                 <passed message="I ignore" type="this anyway">This message has a link github.com/lukejpreston/xunit-viewer and an email example@gmail.com</passed>
 49 |             </testcase>
 50 |             <testcase assertions="0" classname="SUITE ONE" name="the fouth test" time="0.001">
 51 |                 <error message="There was a error 1" type="java.lang.RuntimeException">java.lang.RuntimeException: There was an error 1</error>
 52 |                 <error message="There was a error 2" type="java.lang.RuntimeException">java.lang.RuntimeException: There was an error 2</error>
 53 |             </testcase>
 54 |             <testcase assertions="0" classname="SUITE ONE" name="the fifth test" time="0.002">
 55 |                 <error message="This one has no inner message" type="java.lang.RuntimeException"></error>
 56 |             </testcase>
 57 |             <testcase assertions="0" classname="SUITE ONE" name="the sixt test" time="0.001">
 58 |                 <error message="This one has no inner message or type"></error>
 59 |             </testcase>
 60 |         </testsuite>
 61 |         <testsuite name="SUITE TWO" errors="0" tests="6" failures="0" time="0.021">
 62 |             <testcase assertions="0" classname="SUITE TWO" name="the first test" time="0.001">
 63 |                 <error type="This one has no inner message or message"></error>
 64 |             </testcase>
 65 |             <testcase assertions="0" classname="SUITE TWO" name="the second test" time="0.001">
 66 |                 <skipped></skipped>
 67 |             </testcase>
 68 |             <testcase assertions="0" classname="SUITE TWO" name="an unknown" time="0.001">
 69 |                 <unknown></unknown>
 70 |             </testcase>
 71 |             <testcase assertions="0" classname="SUITE TWO" name="the third test" time="0.012">
 72 |                 <failure></failure>
 73 |             </testcase>
 74 |             <testcase assertions="0" classname="SUITE TWO" name="the fouth test" time="0.001">
 75 |               <error message="<i>WITH HTML</i>" type="<b>NO INNER</b>"></error>
 76 |             </testcase>
 77 |             <testcase assertions="0" classname="SUITE TWO" name="the fifth test" time="0.002">
 78 |             </testcase>
 79 |             <testcase assertions="0" classname="SUITE TWO" name="the sixt test" time="0.001">
 80 |             </testcase>
 81 |         </testsuite>
 82 |     </testsuites>
 83 | `, { outputEncoding: 'Base64' })
 84 |   }]
 85 | }
 86 | 
 87 | files = files.map(({ file, contents }) => ({
 88 |   file,
 89 |   contents: LZUTF8.decompress(contents, { inputEncoding: 'Base64' })
 90 | }))
 91 | 
 92 | const router = createBrowserRouter([
 93 |   {
 94 |     path: '/',
 95 |     element: <App files={files} title={title} brand={brand} />,
 96 |     errorElement: <App files={files} title={title} brand={brand} />
 97 |   }
 98 | ])
 99 | 
100 | ReactDOM
101 |   .createRoot(document.getElementById('root'))
102 |   .render(
103 |         <React.StrictMode>
104 |             <RouterProvider router={router} />
105 |         </React.StrictMode>
106 |   )
107 | 


--------------------------------------------------------------------------------
/src/app/app.js:
--------------------------------------------------------------------------------
  1 | import React, { useEffect, useReducer } from 'react'
  2 | // import Files from './files'
  3 | import Error from './error.js'
  4 | import Hero from './hero.js'
  5 | import initialState from './initial-state.js'
  6 | import Loading from './loading.js'
  7 | import parseAll from './parse-all.js'
  8 | import PropertiesOptions from './properties-options.js'
  9 | import reducer from './reducer.js'
 10 | import SuiteOptions from './suite-options.js'
 11 | import Suite from './suite.js'
 12 | import TestOptions from './test-options.js'
 13 | 
 14 | const App = ({ files, title, brand }) => {
 15 |   const [state, dispatch] = useReducer(reducer, initialState)
 16 | 
 17 |   useEffect(() => {
 18 |     if (Object.keys(state.suites).length === 0) parseAll(dispatch, files)
 19 |   // eslint-disable-next-line react-hooks/exhaustive-deps
 20 |   }, [])
 21 | 
 22 |   useEffect(() => {
 23 |     window.onbeforeprint = () => {
 24 |       dispatch({ type: 'print-mode', payload: { printMode: true } })
 25 |     }
 26 | 
 27 |     window.onafterprint = () => {
 28 |       dispatch({ type: 'print-mode', payload: { printMode: false } })
 29 |     }
 30 |   }, [])
 31 | 
 32 |   let currentPropertiesCount = 0
 33 |   let propertiesTotal = 0
 34 |   Object.entries(state.currentSuites).forEach(([key, suite]) => {
 35 |     currentPropertiesCount += Object.keys(suite.properties).filter(key => key !== '_active' && key !== '_visible').length
 36 |     Object.values(suite.tests).forEach(test => {
 37 |       if (test.properties) currentPropertiesCount += Object.keys(test.properties).filter(key => key !== '_active' && key !== '_visible').length
 38 |     })
 39 |   })
 40 |   Object.entries(state.currentSuites).forEach(([key, suite]) => {
 41 |     propertiesTotal += Object.keys(suite.properties).filter(key => key !== '_active' && key !== '_visible').length
 42 |     Object.values(suite.tests).forEach(test => {
 43 |       if (test.properties) propertiesTotal += Object.keys(test.properties).filter(key => key !== '_active' && key !== '_visible').length
 44 |     })
 45 |   })
 46 | 
 47 |   const testCounts = {}
 48 |   let testCount = 0
 49 |   let testTotal = 0
 50 |   Object.entries(state.currentSuites).forEach(([key, suite]) => {
 51 |     Object.entries(suite.tests).forEach(([key, test]) => {
 52 |       const status = test.status || 'unknown'
 53 |       testCounts[status] = testCounts[status] || {}
 54 |       testCounts[status].count = testCounts[status].count || 0
 55 |       testCounts[status].total = testCounts[status].total || 0
 56 | 
 57 |       testCounts[status].count += 1
 58 |       testCounts[status].total += 1
 59 | 
 60 |       testTotal += 1
 61 |       testCount += 1
 62 |     })
 63 |   })
 64 | 
 65 |   const onUpdate = ({ files }) => {
 66 |     parseAll(dispatch, files, {})
 67 |   }
 68 | 
 69 |   window.sockets = window.sockets || null
 70 |   useEffect(() => {
 71 |     if (window.sockets === null && 'io' in window) {
 72 |       window.sockets = window.io()
 73 |       window.sockets.on('update', onUpdate)
 74 |     }
 75 |   })
 76 | 
 77 |   return <div>
 78 |     <Hero
 79 |       active={state.menuActive}
 80 |       onFilterClick={() => { 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 |     <header className={`is-${!state.menuActive ? 'hidden' : 'shown'}`}>
 90 |       <div className='container'>
 91 |         <SuiteOptions
 92 |           active={state.suiteOptionsActive}
 93 |           suitesExpanded={state.suitesExpanded}
 94 |           suitesEmpty={state.suitesEmpty}
 95 |           dispatch={dispatch}
 96 |           count={Object.keys(state.currentSuites).length}
 97 |           total={Object.keys(state.suites).length}
 98 |         />
 99 |         <TestOptions
100 |           active={state.testOptionsActive}
101 |           testToggles={state.testToggles}
102 |           testCounts={testCounts}
103 |           count={testCount}
104 |           total={testTotal}
105 |           dispatch={dispatch}
106 |         />
107 |         <PropertiesOptions
108 |           propertiesExpanded={state.propertiesExpanded}
109 |           propertiesVisible={state.propertiesVisible}
110 |           active={state.propertiesOptionsActive}
111 |           count={currentPropertiesCount}
112 |           total={propertiesTotal}
113 |           dispatch={dispatch}
114 |         />
115 |       </div>
116 |     </header>
117 |     <main>
118 |       <div className='container suites'>
119 |         {state.errors && <Error errors={state.errors} />}
120 |         {state.errors === null && Object.values(state.currentSuites).length === 0 && <Loading />}
121 |         {Object.values(state.currentSuites).length > 0 && <div>
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 |                 <Suite
131 |                   key={suite.id}
132 |                   {...suite}
133 |                   visible={suite._visible}
134 |                   dispatch={dispatch}
135 |                   printMode={state.printMode}
136 |                 />
137 |               ))
138 |           }
139 |         </div>
140 |         }
141 |       </div>
142 |     </main>
143 |   </div>
144 | }
145 | 
146 | export default App
147 | 


--------------------------------------------------------------------------------
/src/app/test-options.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import Toggle from './toggle.js'
  3 | import useVisibility from './visible.js'
  4 | 
  5 | const icons = {
  6 |   passed: 'check',
  7 |   failure: 'times',
  8 |   error: 'exclamation',
  9 |   skipped: 'ban',
 10 |   unknown: 'question'
 11 | }
 12 | 
 13 | const Search = ({ label, dispatch, suite, id }) => <div className='field options-search'>
 14 |   <div className='control'>
 15 |     <input
 16 |       onChange={(evt) => {
 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 |   </div>
 28 | </div>
 29 | 
 30 | const Total = ({ count, total, icon }) => <div className='options-total'>
 31 |   {icon
 32 |     ? <span className='icon'>
 33 |       <i className={`fas fa-${icons[icon] || icons.unknown}`} aria-hidden='true' />
 34 |     </span>
 35 |     : null}
 36 |   <b>{count}</b><span>/{total}</span>
 37 | </div>
 38 | 
 39 | const fromTestCounts = (testCounts, status, value) => {
 40 |   const statusCounts = testCounts[status] || {}
 41 |   return statusCounts[value] || 0
 42 | }
 43 | 
 44 | const EyeIcon = () => <>
 45 |   <span className='icon'>
 46 |     <i className='fas fa-eye' />
 47 |   </span>
 48 | </>
 49 | 
 50 | const EyeSlashIcon = () => <>
 51 |   <span className='icon'>
 52 |     <i className='fas fa-eye-slash' />
 53 |   </span>
 54 | </>
 55 | 
 56 | const PrettyIcon = () => <span className='icon'>
 57 |   <i className='fas fa-star' />
 58 | </span>
 59 | 
 60 | const CodeIcon = () => <span className='icon'>
 61 |   <i className='fas fa-code' />
 62 | </span>
 63 | 
 64 | const ChevronUpIcon = () => <span className='icon'>
 65 |   <i className='fas fa-chevron-up' />
 66 | </span>
 67 | 
 68 | const ChevronDownIcon = () => <span className='icon'>
 69 |   <i className='fas fa-chevron-down' />
 70 | </span>
 71 | 
 72 | const StatusTotal = ({ testCounts, status }) => {
 73 |   return fromTestCounts(testCounts, status, 'total') > 0 ? <Total count={fromTestCounts(testCounts, status, 'count')} total={fromTestCounts(testCounts, status, 'total')} icon={status} /> : null
 74 | }
 75 | 
 76 | const ToggleRow = ({ status, label, dispatch, visible = true, expanded = true, raw = true }) => {
 77 |   const { query, setSearchParams } = useVisibility()
 78 |   return <div className='test-options-toggle-row'>
 79 |     <div className='test-options-toggle-row-label'>
 80 |       {status !== 'all'
 81 |         ? <span className='icon'>
 82 |           <i className={`fas fa-${icons[status] || icons.unknown}`} aria-hidden='true' />
 83 |         </span>
 84 |         : <span className='icon'>
 85 |           <i className='far fa-circle' aria-hidden='true' />
 86 |         </span>}
 87 |       <span>{label}</span>
 88 |     </div>
 89 |     <Toggle
 90 |       onChange={() => {
 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={<EyeIcon />}
111 |       offIcon={<EyeSlashIcon />} />
112 |     <Toggle
113 |       onChange={() => {
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={<ChevronDownIcon />}
126 |       offIcon={<ChevronUpIcon />} />
127 |     <Toggle
128 |       onChange={() => {
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={<CodeIcon />}
141 |       offIcon={<PrettyIcon />} />
142 |   </div>
143 | }
144 | 
145 | const Options = ({
146 |   testCounts = {},
147 |   testToggles = {},
148 |   count = 0,
149 |   total = 0,
150 |   dispatch,
151 |   active = false
152 | }) => {
153 |   const { all, query: { passed, failure, error, skipped, unknown } } = useVisibility()
154 | 
155 |   return <div className={`options card ${active ? 'is-active' : 'is-inactive'}`}>
156 |     <header className='card-header'>
157 |       <Search label='Tests' dispatch={dispatch} />
158 |       <button
159 |         onClick={() => dispatch({ type: 'toggle-test-options' })}
160 |         className='button card-header-icon'>
161 |         <div className='options-inputs'>
162 |           <Total count={count} total={total} />
163 |           <StatusTotal testCounts={testCounts} status='passed' />
164 |           <StatusTotal testCounts={testCounts} status='failure' />
165 |           <StatusTotal testCounts={testCounts} status='error' />
166 |           <StatusTotal testCounts={testCounts} status='skipped' />
167 |           <StatusTotal testCounts={testCounts} status='unknown' />
168 |         </div>
169 |         <span className='icon'>
170 |           <i className='fas fa-angle-down' />
171 |         </span>
172 |       </button>
173 |     </header>
174 |     <div className='card-content options-toggles'>
175 |       {active
176 |         ? <>
177 |           <ToggleRow status='all' label='All' dispatch={dispatch} {...testToggles.all} visible={all} />
178 |           <ToggleRow status='passed' label='Passed' dispatch={dispatch} {...testToggles.passed} visible={passed} />
179 |           <ToggleRow status='failure' label='Failure' dispatch={dispatch} {...testToggles.failure} visible={failure} />
180 |           <ToggleRow status='error' label='Error' dispatch={dispatch} {...testToggles.error} visible={error} />
181 |           <ToggleRow status='skipped' label='Skipped' dispatch={dispatch} {...testToggles.skipped} visible={skipped} />
182 |           <ToggleRow status='unknown' label='Unknown' dispatch={dispatch} {...testToggles.unknown} visible={unknown} />
183 |         </>
184 |         : null}
185 |     </div>
186 | 
187 |   </div>
188 | }
189 | 
190 | export default Options
191 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Xunit Viewer
  2 | 
  3 | Takes all your XUnit and JUnit XML files and makes them readable
  4 | 
  5 | ![Icon](https://raw.githubusercontent.com/lukejpreston/xunit-viewer/master/XunitViewerIcon.png)
  6 | 
  7 | [![npm version](https://badge.fury.io/js/xunit-viewer.svg)](https://badge.fury.io/js/xunit-viewer)
  8 | [![Downloads on npm](http://img.shields.io/npm/dm/xunit-viewer.svg)](https://www.npmjs.com/package/xunit-viewer)
  9 | [![CI](https://github.com/lukejpreston/xunit-viewer/workflows/CI/badge.svg?branch=master)](https://github.com/lukejpreston/xunit-viewer/actions?query=workflow%3ACI)
 10 | 
 11 | Have a look at the [demo](https://lukejpreston.github.io/xunit-viewer/)
 12 | 
 13 | ## Features
 14 | 
 15 | * Generate an HTML single file with the ability to search, filter
 16 | * Render results out to the console, this comes with the ability to search and filter
 17 | * Re-run the above when a file changes
 18 | * Start a server with WebSockets to keep the browser in sync with the data
 19 | * Add files to the web app without having to re-run xunit viewer
 20 | * Adds the metadata to the header so you can share the URL in places such as slack, for example
 21 | * Use the query parameter to filter tests
 22 | 
 23 | ![Example](https://raw.githubusercontent.com/lukejpreston/xunit-viewer/master/example-header.png)
 24 | 
 25 | Xunit Viewer supports node LTS version but should work on node 10+
 26 | 
 27 | ## URL filtering
 28 | 
 29 | You can filter by test status to save time on refreshes, and update the query params
 30 | 
 31 | `FILE|ROUTE/?passed=true&error=false&failure=false&skipped=true&unknown=false`
 32 | 
 33 | ## Usage, CLI
 34 | 
 35 | ```sh
 36 | npm i -g xunit-viewer
 37 | xunit-viewer --help
 38 | ```
 39 | 
 40 | ### Commands
 41 | 
 42 | ```text
 43 | xunit-viewer [command]
 44 | 
 45 | Commands:
 46 |   xunit-viewer  Renders Xunit style xml results
 47 | 
 48 | Options:
 49 |   --version       Show version number                                  [boolean]
 50 |   -r, --results   File/Folder of results                     [string] [required]
 51 |   -i, --ignore    Ignore patterns                                        [array]
 52 |   -o, --output    Output filename                                       [string]
 53 |   -t, --title     HTML title e.g. "My Tests"                            [string]
 54 |   -b, --brand     Provide a URL with your own logo                      [string]
 55 |   -f, --favicon   Provide a URL with your own favicon                   [string]
 56 |   -c, --console   Render in console                                    [boolean]
 57 |   -C, --clear     Clears the console                   [boolean] [default: true]
 58 |   -s, --server    Start a server and sockets for live updates
 59 |                                                       [boolean] [default: false]
 60 |   -n, --no-color  No color in the console                              [boolean]
 61 |   -w, --watch     Re-run when a file changes                           [boolean]
 62 |   -p, --port      Starts a server with sockets on that port, if no port is
 63 |                   provided then it will run on port 3000 (or next available)
 64 |                                                                         [number]
 65 |   --help          Show help                                            [boolean]
 66 | 
 67 | Examples:
 68 |   xunit-viewer -r file.xml                       a file
 69 |   xunit-viewer -r folder                         a folder
 70 |   xunit-viewer -r folder -i *-broke.xml          ignore
 71 |   xunit-viewer -r folder -o my-tests.html        rename output
 72 |   xunit-viewer -r folder -t "My Tests"           change HTML title
 73 |   xunit-viewer -r folder -b https://image.png    change the image
 74 |   xunit-viewer -r folder -f https://image.favico change the favicon
 75 |   xunit-viewer -r folder -c                      render in console
 76 |   xunit-viewer -r folder -c -s false             render in console and do not save
 77 |   xunit-viewer -r folder -c -n                   no color in console
 78 |   xunit-viewer -r folder -w                      start watch
 79 |   xunit-viewer -r folder -w -p 5050              watch at 5050
 80 | ```
 81 | 
 82 | ## Usage, Node
 83 | 
 84 | Xunit Viewer is asynchronous so you may need to wrap it up like so. **NOTE** The `script` parameter which will skip all Xunit Viewer's exit codes.
 85 | 
 86 | ```js
 87 | import xunitViewer from 'xunit-viewer'
 88 | 
 89 | const main = async () => {
 90 |   await xunitViewer({
 91 |     server: false,
 92 |     results: 'data',
 93 |     ignore: ['_thingy', 'invalid'],
 94 |     title: 'Xunit View Sample Tests',
 95 |     output: 'output.html',
 96 |     script: true 
 97 |   })
 98 | }
 99 | main()
100 | ```
101 | 
102 | If you are going to run it from a script with no other code
103 | 
104 | ```js
105 | import xunitViewer from 'xunit-viewer'
106 | 
107 | xunitViewer({
108 |   server: false,
109 |   results: 'data',
110 |   ignore: ['_thingy', 'invalid'],
111 |   title: 'Xunit View Sample Tests',
112 |   output: 'output.html',
113 |   script: true 
114 | })
115 | ```
116 | 
117 | ## Usage, React
118 | 
119 | not available
120 | 
121 | ## Contributing
122 | 
123 | A list of available commands
124 | 
125 | ```sh
126 | npm i
127 | npm start # this starts the dev app
128 | npm release # this updates the code in the cli folder
129 | npm run demo # this generates the demo
130 | ./bin/xunit-viewer # to run the local command line tool
131 | 
132 | npm test # runs the tests
133 | npm run test:ci # runs without watch and also generates a html output
134 | npm run lint # runs eslint
135 | npm run update # updates the expected files for you
136 | npm run build:cli # builds the js and copies it to the cli
137 | ```
138 | 
139 | Make sure your tests are running and passing, and the linter is passing as well
140 | 
141 | **DO NOT** commit the `src/cli/static` folder or the `junit.xml` file as part of your PR as these are auto-generated and just clutters up the PR, future work will be done to not make them part of the repo but they currently need to be included for the tags
142 | 
143 | A suggested workflow for UI changes
144 | 
145 | 1. `npm i` to install the project
146 | 2. `npm start` to start the dev application then you can make your changes quickly
147 | 3. `npm test` to run the tests, run `npm run updated` to quickly update expected values
148 | 4. `npm run lint` to make sure all the files and nice and linted
149 | 5. `npm build:cli` in order to update the CLI with your UI changes
150 | 6. `./bin/xunit-viewer -r data -o test-output.html` in order to make sure the commands work as expected
151 | 
152 | If your work does not include any UI work then a suggestion is
153 | 
154 | 1. `npm i` to install the project
155 | 2. `./bin/xunit-viewer ...` in order to make sure the commands work as expected
156 | 3. `npm test` to run the tests, run `npm run updated` to quickly update expected values
157 | 4. `npm run lint` to make sure all the files and nice and linted
158 | 
159 | ## Help Wanted
160 | 
161 | I am always looking for sample data. If you have some results which you think are "interesting" then please raise an issue or pull request and we can add this to our sample data.
162 | 
163 | ## Issues
164 | 
165 | Raise any issues using GitHub and provide sample data where possible.
166 | 
167 | To help debug any issues please provide the following info
168 | 
169 | * node and npm version, refer to [Node](https://nodejs.org/en/) for LTS
170 | * xunit viewer version
171 | * browser
172 | * sample xml
173 | 
174 | 
175 | TODO
176 | 
177 | 1. Fix CLI filtering
178 | 2. Release v11
179 | 3. Refactorings
180 |     * Split components into files
181 |     * Split reducer into files
182 |     * Test all the things


--------------------------------------------------------------------------------
/src/cli/parse.js:
--------------------------------------------------------------------------------
  1 | import xml2js from 'xml2js'
  2 | 
  3 | const statusRank = [
  4 |   'failure',
  5 |   'error',
  6 |   'passed',
  7 |   'skipped',
  8 |   'unknown'
  9 | ]
 10 | 
 11 | const parseString = (xml) => new Promise((resolve, reject) => {
 12 |   xml2js.parseString(xml, (err, result) => {
 13 |     if (err) reject(new Error(err))
 14 |     else resolve(result)
 15 |   })
 16 | })
 17 | 
 18 | const hashCode = (str) => {
 19 |   let hash = 0
 20 |   if (str.length === 0) return hash
 21 |   for (let i = 0; i < str.length; i++) {
 22 |     const char = str.charCodeAt(i)
 23 |     hash = ((hash << 5) - hash) + char
 24 |     hash = hash & hash
 25 |   }
 26 |   return hash
 27 | }
 28 | 
 29 | const extarctSuiteMeta = (output, testsuite) => {
 30 |   const meta = testsuite.$ || {}
 31 |   const name = meta.name || 'No Name'
 32 |   const id = hashCode(name)
 33 |   const suite = output.suites[id] || {}
 34 |   suite.tests = suite.tests || {}
 35 |   suite.systemOut = suite.systemOut || []
 36 |   suite.properties = suite.properties || {
 37 |     _visible: true
 38 |   }
 39 | 
 40 |   Object.entries(meta).forEach(([key, value]) => {
 41 |     if (!['errors', 'failures', 'name', 'skipped', 'tests', 'time'].includes(key)) {
 42 |       suite.properties[key] = suite.properties[key] || []
 43 |       suite.properties[key].push(value)
 44 |     }
 45 |   })
 46 | 
 47 |   suite.id = id
 48 |   suite.name = name
 49 |   suite.time = meta.time || 0
 50 |   return suite
 51 | }
 52 | 
 53 | const extractProperties = (suite, properties) => {
 54 |   suite.properties = suite.properties || {}
 55 |   suite.properties._visible = true
 56 |   properties.forEach(property => {
 57 |     if (typeof property === 'string') {
 58 |       property = property.trim()
 59 |       if (property !== '') {
 60 |         suite.properties['No Name'] = suite.properties['No Name'] || []
 61 |         suite.properties['No Name'].push(property)
 62 |       }
 63 |     } else {
 64 |       property.property.forEach(property => {
 65 |         const meta = property.$ || {}
 66 |         const name = meta.name || 'No Name'
 67 |         let value = meta.value || property._
 68 |         if (typeof property === 'string') value = property
 69 |         value = value || ''
 70 |         value = value.trim()
 71 |         suite.properties[name] = suite.properties[name] || []
 72 |         if (value) {
 73 |           suite.properties[name].push(value)
 74 |         }
 75 |       })
 76 |     }
 77 |   })
 78 | }
 79 | 
 80 | const extractTestMessages = (test, messages) => {
 81 |   messages.forEach(body => {
 82 |     const is_ = typeof body._ === 'string'
 83 |     const is$Message = typeof body.$ !== 'undefined' && ('message' in body.$)
 84 |     const is$Type = typeof body.$ !== 'undefined' && ('type' in body.$)
 85 |     const isString = typeof body === 'string'
 86 | 
 87 |     if (is_) test.messages.push(body._.trim())
 88 |     if (is$Message) test.messages.push(body.$.message.trim())
 89 |     if (is$Type) test.messages.push(body.$.type.trim())
 90 |     if (isString) test.messages.push(body.trim())
 91 |   })
 92 | }
 93 | 
 94 | const extractTests = (output, suite, testcases, defaultVisibility) => {
 95 |   suite.tests = suite.tests || {}
 96 |   testcases.forEach(testcase => {
 97 |     const meta = testcase.$ || {}
 98 |     const name = meta.name || 'No Name'
 99 |     const classname = meta.classname || meta.class || ''
100 |     const time = meta.time || 0
101 |     const id = hashCode(name + classname)
102 | 
103 |     const test = suite.tests[id] || { id, name, messages: [], visible: true }
104 |     test.time = time
105 |     test.classname = classname
106 |     if (typeof testcase === 'string') test.messages.push(testcase.trim())
107 |     if (testcase._) test.messages.push(testcase._.trim())
108 |     if (meta.message) test.messages.push(testcase.$.message.trim())
109 |     if (typeof testcase.properties !== 'undefined') {
110 |       extractProperties(test, testcase.properties)
111 |       delete testcase.properties
112 |     }
113 |     const clonedMeta = Object.assign({}, meta)
114 |     delete clonedMeta.time
115 |     delete clonedMeta.name
116 |     delete clonedMeta.classname
117 |     delete clonedMeta.class
118 |     delete clonedMeta.message
119 |     if (Object.keys(clonedMeta).length > 0) {
120 |       const property = []
121 |       for (const [name, value] of Object.entries(clonedMeta)) {
122 |         property.push({
123 |           $: {
124 |             name, value
125 |           }
126 |         })
127 |       }
128 |       extractProperties(test, [{ property }])
129 |     }
130 | 
131 |     if (typeof testcase !== 'string') {
132 |       const keys = Object.keys(testcase).filter(key => key !== '$' && key !== '_' && key !== 'testcase')
133 |         .sort((left, right) => {
134 |           let leftStatus = statusRank.indexOf(left)
135 |           let rightStatus = statusRank.indexOf(right)
136 |           leftStatus = leftStatus === -1 ? statusRank.length : leftStatus
137 |           rightStatus = rightStatus === -1 ? statusRank.length : rightStatus
138 | 
139 |           if (leftStatus < rightStatus) return -1
140 |           if (leftStatus > rightStatus) return 1
141 |           return 0
142 |         })
143 |       let status = keys[0]
144 |       keys.forEach((key) => {
145 |         if (key) extractTestMessages(test, testcase[key])
146 |       })
147 |       if (status === 'system-out') status = 'passed'
148 |       test.status = status || 'passed'
149 |     }
150 | 
151 |     test.messages = test.messages.filter(message => message !== '')
152 | 
153 |     test.visible = defaultVisibility[test.status]
154 |     suite.tests[id] = test
155 |     if (typeof testcase.testcase !== 'undefined') extractTests(output, suite, testcase.testcase, defaultVisibility)
156 |     if (typeof testcase.testsuite !== 'undefined') extractSuite(output, testcase.testsuite, defaultVisibility)
157 |   })
158 | }
159 | 
160 | const extractSystemOut = (suite, testsuite) => {
161 |   suite.systemOut = suite.systemOut || []
162 |   let systemOut = testsuite['system-out']
163 |   if (!Array.isArray(systemOut)) systemOut = [systemOut]
164 |   suite.systemOut = suite.systemOut.concat(systemOut)
165 | }
166 | 
167 | const extractSuite = (output, testsuites, defaultVisibility) => {
168 |   if (!Array.isArray(testsuites)) testsuites = [testsuites]
169 |   testsuites.forEach(testsuite => {
170 |     const suite = extarctSuiteMeta(output, testsuite)
171 |     if (typeof testsuite.properties !== 'undefined') extractProperties(suite, testsuite.properties)
172 |     if (typeof testsuite.testcase !== 'undefined') extractTests(output, suite, testsuite.testcase, defaultVisibility)
173 |     if (typeof testsuite['system-out'] !== 'undefined') extractSystemOut(suite, testsuite)
174 |     output.suites[suite.id] = suite
175 |   })
176 | }
177 | 
178 | const extract = (output, testsuites, defaultVisibility) => {
179 |   if (!Array.isArray(testsuites)) testsuites = [testsuites]
180 |   testsuites.forEach(testsuite => {
181 |     extractSuite(output, testsuite, defaultVisibility)
182 |     if (typeof testsuite.testsuite !== 'undefined') extract(output, testsuite.testsuite, defaultVisibility)
183 |   })
184 | }
185 | 
186 | const parse = async (xml, defaultVisibility = { passed: true, failure: true, skipped: true, unknown: true, error: true }) => {
187 |   const output = {
188 |     suites: {}
189 |   }
190 |   const result = await parseString(xml)
191 |   if (result.testsuites) {
192 |     const testsuites = result.testsuites.testsuite
193 |     extract(output, testsuites, defaultVisibility)
194 |   } else if (result.testsuite) {
195 |     extract(output, result.testsuite, defaultVisibility)
196 |   }
197 | 
198 |   for (const value of Object.values(output.suites)) {
199 |     value._visible = Object.keys(value.tests).length > 0 || Object.keys(value.properties).filter(prop => prop !== '_visible').length > 0
200 |     value.systemOut = value.systemOut.map(value => value.trim())
201 |   }
202 |   return output
203 | }
204 | 
205 | if (typeof window !== 'undefined') window.parse = parse
206 | 
207 | export default parse
208 | 


--------------------------------------------------------------------------------
/src/app/hero.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import Logo from './logo.js'
  3 | import useVisibility from './visible.js'
  4 | 
  5 | const FilterIcon = () => <i className='fas fa-filter' />
  6 | const GearIcon = () => <i className='fa-solid fa-gear' />
  7 | const BoltLightningIcon = () => <i className='fa-solid fa-bolt-lightning' />
  8 | const PrintIcon = () => <i className='fa-solid fa-print' />
  9 | const HeartIcon = () => <i className='fas fa-heart' />
 10 | const HeartCheckIcon = () => <i className='fa-solid fa-circle-check'></i>
 11 | const HeartExclamationIcon = () => <i className='fa-solid fa-triangle-exclamation'></i>
 12 | const PassedIcon = () => <i className='pr-1 fas fa-check' />
 13 | const FailureIcon = () => <i className='pr-1 fas fa-times' />
 14 | const ErrorIcon = () => <i className='pr-1 fas fa-exclamation' />
 15 | const SkippedIcon = () => <i className='pr-1 fas fa-ban' />
 16 | const UnknownIcon = () => <i className='pr-1 fas fa-question' />
 17 | const CloseIcon = () => <i className="fa-solid fa-xmark"></i>
 18 | 
 19 | const FastFilter = ({ dropdown, dispatch }) => {
 20 |   const { fastFilter, setSearchParams } = useVisibility()
 21 |   return (
 22 |     <div className={`navbar-item dropdown is-${dropdown ? 'active' : 'inactive'}`}>
 23 |       <div className='dropdown-trigger'>
 24 |         <button
 25 |           onClick={() => dispatch({ type: 'hero-dropdown' })}
 26 |           className='filter button has-text-white'
 27 |           aria-haspopup='true'
 28 |           aria-controls='dropdown-menu'
 29 |         >
 30 |           {fastFilter === 0 && <span><HeartExclamationIcon /> ERROR/FAILURE/UNKNOWN</span>}
 31 |           {fastFilter === 1 && <span><HeartCheckIcon /> PASSED/SKIPPED</span>}
 32 |           {fastFilter === 2 && <span><HeartIcon /> ALL</span>}
 33 |           {fastFilter === 3 && <span><FilterIcon /> CUSTOM</span>}
 34 |           <span className='icon is-small'>
 35 |             <i className='fas fa-angle-down' aria-hidden='true'></i>
 36 |           </span>
 37 |         </button>
 38 |       </div>
 39 |       <div className='dropdown-menu' role='menu'>
 40 |         <div className='dropdown-content'>
 41 |           <a
 42 |             className={`dropdown-item is-${fastFilter === 0 ? 'active' : 'inactive'}`}
 43 |             onClick={() => {
 44 |               setSearchParams({
 45 |                 passed: false,
 46 |                 skipped: false,
 47 |                 error: true,
 48 |                 failure: true,
 49 |                 unknown: true
 50 |               })
 51 |             }}
 52 |           >
 53 |             <HeartExclamationIcon /> ERROR/FAILURE/UNKNOWN
 54 |           </a>
 55 |           <a
 56 |             className={`dropdown-item is-${fastFilter === 1 ? 'active' : 'inactive'}`}
 57 |             onClick={() => {
 58 |               setSearchParams({
 59 |                 passed: true,
 60 |                 skipped: true,
 61 |                 error: false,
 62 |                 failure: false,
 63 |                 unknown: false
 64 |               })
 65 |             }}
 66 |           >
 67 |             <HeartCheckIcon /> PASSED/SKIPPED
 68 |           </a>
 69 |           <a
 70 |             className={`dropdown-item is-${fastFilter === 2 ? 'active' : 'inactive'}`}
 71 |             onClick={() => {
 72 |               setSearchParams({
 73 |                 passed: true,
 74 |                 skipped: true,
 75 |                 error: true,
 76 |                 failure: true,
 77 |                 unknown: true
 78 |               })
 79 |             }}
 80 |           >
 81 |             <HeartIcon /> ALL
 82 |           </a>
 83 |           <a
 84 |             className={`dropdown-item is-${fastFilter === 3 ? 'active' : 'inactive'} is-disabled`}
 85 |             onClick={() => { }}
 86 |           >
 87 |             <FilterIcon /> FILTERED
 88 |           </a>
 89 |         </div>
 90 |       </div>
 91 |     </div>
 92 |   )
 93 | }
 94 | 
 95 | const Hero = ({
 96 |   active,
 97 |   onFilterClick,
 98 |   title,
 99 |   brand,
100 |   printMode,
101 |   burger,
102 |   dropdown,
103 |   dispatch,
104 |   suites
105 | }) => {
106 |   const totalSuites = Object.values(suites).length
107 |   const visibleSuiteCount = Object.values(suites).filter(({ _visible }) => _visible).length
108 | 
109 |   let propertiesTotal = 0
110 |   let visiblePropertyCount = 0
111 |   Object.entries(suites).forEach(([key, suite]) => {
112 |     const found = Object.keys(suite.properties).filter(key => key !== '_active' && key !== '_visible').length
113 |     propertiesTotal += found
114 |     if (suite._visible) visiblePropertyCount += found
115 |     Object.values(suite.tests).forEach(test => {
116 |       if (test.properties) {
117 |         const found = Object.keys(test.properties).filter(key => key !== '_active' && key !== '_visible').length
118 |         propertiesTotal += found
119 |         if (test.visible) visiblePropertyCount += found
120 |       }
121 |     })
122 |   })
123 | 
124 |   const testCounts = {
125 |     total: { passed: 0, error: 0, failure: 0, skipped: 0, unknown: 0 },
126 |     visible: { passed: 0, error: 0, failure: 0, skipped: 0, unknown: 0 }
127 |   }
128 |   Object.values(suites).forEach(({ tests }) => {
129 |     Object.values(tests).forEach(test => {
130 |       testCounts.total[test.status] += 1
131 |       if (test.visible) {
132 |         testCounts.visible[test.status] += 1
133 |       }
134 |     })
135 |   })
136 | 
137 |   return <section className='hero is-black'>
138 |     <div className='hero-head'>
139 |       <nav className='navbar'>
140 |         <div className='container'>
141 |           <div className='navbar-brand'>
142 |             <div className='navbar-item'>
143 |               {
144 |                 brand !== null
145 |                   ? <img className='brand' alt={title} src={brand} />
146 |                   : <Logo />
147 |               }
148 |             </div>
149 |             <div className='navbar-item p-0'>
150 |               <table className='table is-narrow is-size-7'>
151 |                 <tbody>
152 |                   <tr>
153 |                     <td className='has-text-right'>TESTS</td>
154 |                     {testCounts.total.passed > 0 && <td><PassedIcon />{testCounts.visible.passed} / <b>{testCounts.total.passed}</b></td>}
155 |                     {testCounts.total.failure > 0 && <td><FailureIcon />{testCounts.visible.failure} / <b>{testCounts.total.failure}</b></td>}
156 |                     {testCounts.total.error > 0 && <td><ErrorIcon />{testCounts.visible.error} / <b>{testCounts.total.error}</b></td>}
157 |                     {testCounts.total.skipped > 0 && <td><SkippedIcon />{testCounts.visible.skipped} / <b>{testCounts.total.skipped}</b></td>}
158 |                     {testCounts.total.unknown > 0 && <td><UnknownIcon />{testCounts.visible.unknown} / <b>{testCounts.total.unknown}</b></td>}
159 |                   </tr>
160 |                   <tr>
161 |                     <td className='has-text-right'>SUITES</td>
162 |                     <td>{visibleSuiteCount} / <b>{totalSuites}</b></td>
163 |                   </tr>
164 |                   <tr>
165 |                     <td className='has-text-right'>PROPERTIES</td>
166 |                     <td>{visiblePropertyCount} / <b>{propertiesTotal}</b></td>
167 |                   </tr>
168 |                 </tbody>
169 |               </table>
170 |             </div>
171 |             <span
172 |               className={`navbar-burger is-${burger ? 'active' : 'inactive'}`}
173 |               onClick={() => { dispatch({ type: 'hero-burger' }) }}
174 |             >
175 |               <span></span>
176 |               <span></span>
177 |               <span></span>
178 |             </span>
179 |           </div>
180 |           <div className={`navbar-menu is-${burger ? 'active' : 'inactive'}`}>
181 |             <div className='navbar-end'>
182 |               <FastFilter dropdown={dropdown} dispatch={dispatch} />
183 |               <button className='navbar-item filter button has-text-white' onClick={onFilterClick}>
184 |                 {!active && <span><GearIcon /> ADVANCED FILTER</span>}
185 |                 {active && <span><CloseIcon /> CLOSE ADVANCED</span>}
186 |               </button>
187 |               <button className='navbar-item filter button has-text-white' onClick={() => { dispatch({ type: 'hero-print-mode' }) }}>
188 |                 {printMode && <span><PrintIcon /> PRINT MODE</span>}
189 |                 {!printMode && (<span><BoltLightningIcon /> FAST MODE</span>)}
190 |               </button>
191 |             </div>
192 |           </div>
193 |         </div>
194 |       </nav>
195 |     </div >
196 |   </section >
197 | }
198 | 
199 | export default Hero
200 | 


--------------------------------------------------------------------------------
/src/cli/parse-expected.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "suites": {
  3 |     "390294658": {
  4 |       "tests": {
  5 |         "-1319400288": {
  6 |           "id": -1319400288,
  7 |           "name": "testsuite in a testcase testcase",
  8 |           "messages": [],
  9 |           "visible": true,
 10 |           "time": 0,
 11 |           "classname": "",
 12 |           "status": "passed"
 13 |         }
 14 |       },
 15 |       "systemOut": [],
 16 |       "properties": {
 17 |         "_visible": true
 18 |       },
 19 |       "id": 390294658,
 20 |       "name": "testsuite in a testcase",
 21 |       "time": 0,
 22 |       "_visible": true
 23 |     },
 24 |     "1201687819": {
 25 |       "tests": {
 26 |         "-2126675373": {
 27 |           "id": -2126675373,
 28 |           "name": "testcase 1",
 29 |           "messages": [],
 30 |           "visible": true,
 31 |           "time": 0,
 32 |           "classname": "",
 33 |           "status": "passed"
 34 |         },
 35 |         "-2126675372": {
 36 |           "id": -2126675372,
 37 |           "name": "testcase 2",
 38 |           "messages": [],
 39 |           "visible": true,
 40 |           "time": 0,
 41 |           "classname": "",
 42 |           "status": "passed"
 43 |         }
 44 |       },
 45 |       "systemOut": [],
 46 |       "properties": {
 47 |         "_visible": true
 48 |       },
 49 |       "id": 1201687819,
 50 |       "name": "duplicate",
 51 |       "time": 0,
 52 |       "_visible": true
 53 |     },
 54 |     "1870281583": {
 55 |       "tests": {
 56 |         "31726797": {
 57 |           "id": 31726797,
 58 |           "name": "with properties",
 59 |           "messages": [
 60 |             "message 1"
 61 |           ],
 62 |           "visible": true,
 63 |           "time": 0,
 64 |           "classname": "",
 65 |           "properties": {
 66 |             "_visible": true,
 67 |             "name only": [],
 68 |             "prop 1": [
 69 |               "value 1",
 70 |               "value 2"
 71 |             ],
 72 |             "prop 2": [
 73 |               "value"
 74 |             ],
 75 |             "No Name": [
 76 |               "value with no name",
 77 |               "value only"
 78 |             ],
 79 |             "seperate props": [
 80 |               "value"
 81 |             ]
 82 |           },
 83 |           "status": "passed"
 84 |         }
 85 |       },
 86 |       "systemOut": [],
 87 |       "properties": {
 88 |         "_visible": true
 89 |       },
 90 |       "id": 1870281583,
 91 |       "name": "testcase with properties",
 92 |       "time": 0,
 93 |       "_visible": true
 94 |     },
 95 |     "-1861124855": {
 96 |       "tests": {
 97 |         "152530127": {
 98 |           "id": 152530127,
 99 |           "name": "simple passing test",
100 |           "messages": [],
101 |           "visible": true,
102 |           "time": 0,
103 |           "classname": "",
104 |           "status": "passed"
105 |         },
106 |         "448559065": {
107 |           "id": 448559065,
108 |           "name": "test with time",
109 |           "messages": [],
110 |           "visible": true,
111 |           "time": "time",
112 |           "classname": "",
113 |           "status": "passed"
114 |         },
115 |         "1350225396": {
116 |           "id": 1350225396,
117 |           "name": "failing test with messages",
118 |           "messages": [
119 |             "inner massage 1",
120 |             "message prop 1",
121 |             "inner massage 2",
122 |             "message prop 2"
123 |           ],
124 |           "visible": true,
125 |           "time": 0,
126 |           "classname": "",
127 |           "status": "failure"
128 |         },
129 |         "1443479640": {
130 |           "id": 1443479640,
131 |           "name": "test with messages",
132 |           "messages": [
133 |             "inner message",
134 |             "message prop"
135 |           ],
136 |           "visible": true,
137 |           "time": 0,
138 |           "classname": "",
139 |           "status": "passed"
140 |         },
141 |         "1669557569": {
142 |           "id": 1669557569,
143 |           "name": "the sub test",
144 |           "messages": [],
145 |           "visible": true,
146 |           "time": 0,
147 |           "classname": "",
148 |           "status": "passed"
149 |         },
150 |         "1879989598": {
151 |           "id": 1879989598,
152 |           "name": "erroring test with messages",
153 |           "messages": [
154 |             "inner massage 1",
155 |             "message prop 1",
156 |             "inner massage 2",
157 |             "message prop 2"
158 |           ],
159 |           "visible": true,
160 |           "time": 0,
161 |           "classname": "",
162 |           "status": "error"
163 |         },
164 |         "2045602436": {
165 |           "id": 2045602436,
166 |           "name": "test passed with messages",
167 |           "messages": [
168 |             "inner massage 1",
169 |             "message prop 1",
170 |             "inner massage 2",
171 |             "message prop 2"
172 |           ],
173 |           "visible": true,
174 |           "time": 0,
175 |           "classname": "",
176 |           "status": "passed"
177 |         },
178 |         "-579348086": {
179 |           "id": -579348086,
180 |           "name": "No Name",
181 |           "messages": [
182 |             "only a message"
183 |           ],
184 |           "time": 0,
185 |           "classname": ""
186 |         },
187 |         "-232186498": {
188 |           "id": -232186498,
189 |           "name": "test with sub test",
190 |           "messages": [],
191 |           "visible": true,
192 |           "time": 0,
193 |           "classname": "",
194 |           "status": "passed"
195 |         },
196 |         "-986143044": {
197 |           "id": -986143044,
198 |           "name": "test passed with messages and free text",
199 |           "messages": [
200 |             "HERE IS SOME TEXT",
201 |             "inner massage 1",
202 |             "message prop 1"
203 |           ],
204 |           "visible": true,
205 |           "time": 0,
206 |           "classname": "",
207 |           "status": "passed"
208 |         },
209 |         "-1154650731": {
210 |           "id": -1154650731,
211 |           "name": "skiping test with messages",
212 |           "messages": [
213 |             "inner massage 1",
214 |             "message prop 1",
215 |             "inner massage 2",
216 |             "message prop 2"
217 |           ],
218 |           "visible": true,
219 |           "time": 0,
220 |           "classname": "",
221 |           "status": "skipped"
222 |         },
223 |         "-198845521": {
224 |           "id": -198845521,
225 |           "name": "error and failure test with messages",
226 |           "messages": [
227 |             "failure inner massage 2",
228 |             "failure message prop 2",
229 |             "error inner massage 1",
230 |             "error message prop 1"
231 |           ],
232 |           "visible": true,
233 |           "time": 0,
234 |           "classname": "",
235 |           "status": "failure"
236 |         }
237 |       },
238 |       "systemOut": [],
239 |       "properties": {
240 |         "_visible": true,
241 |         "name only": [],
242 |         "prop 1": [
243 |           "value 1",
244 |           "value 2"
245 |         ],
246 |         "prop 2": [
247 |           "value"
248 |         ],
249 |         "No Name": [
250 |           "value with no name",
251 |           "value only"
252 |         ],
253 |         "seperate props": [
254 |           "value"
255 |         ]
256 |       },
257 |       "id": -1861124855,
258 |       "name": "suite 1",
259 |       "time": "time",
260 |       "_visible": true
261 |     },
262 |     "-1861124854": {
263 |       "tests": {
264 |         "-1146345790": {
265 |           "id": -1146345790,
266 |           "name": "testcase",
267 |           "messages": [],
268 |           "visible": true,
269 |           "time": 0,
270 |           "classname": "",
271 |           "status": "passed"
272 |         }
273 |       },
274 |       "systemOut": [],
275 |       "properties": {
276 |         "_visible": true
277 |       },
278 |       "id": -1861124854,
279 |       "name": "suite 2",
280 |       "time": 0,
281 |       "_visible": true
282 |     },
283 |     "-1028948070": {
284 |       "tests": {
285 |         "-1387098835": {
286 |           "id": -1387098835,
287 |           "name": "testcase duplicate",
288 |           "messages": [
289 |             "message 1",
290 |             "message 2"
291 |           ],
292 |           "visible": true,
293 |           "time": 0,
294 |           "classname": "",
295 |           "status": "passed"
296 |         }
297 |       },
298 |       "systemOut": [],
299 |       "properties": {
300 |         "_visible": true
301 |       },
302 |       "id": -1028948070,
303 |       "name": "suite with duplicate tests",
304 |       "time": 0,
305 |       "_visible": true
306 |     }
307 |   }
308 | }


--------------------------------------------------------------------------------
/src/app/suite.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import X from 'react-render-if-visible'
  3 | import Toggle from './toggle.js'
  4 | import SuiteCount from './suite-count.js'
  5 | import Y from 'react-linkify'
  6 | import linkify from 'linkify-html'
  7 | import useVisibility from './visible.js'
  8 | const Linkify = Y.default
  9 | 
 10 | const RenderIfVisible = X.default
 11 | const RenderAlways = (props) => <div {...props} />
 12 | 
 13 | const icons = {
 14 |   passed: 'check',
 15 |   failure: 'times',
 16 |   error: 'exclamation',
 17 |   skipped: 'ban',
 18 |   unknown: 'question'
 19 | }
 20 | 
 21 | const statusRank = [
 22 |   'failure',
 23 |   'error',
 24 |   'passed',
 25 |   'skipped',
 26 |   'unknown'
 27 | ]
 28 | 
 29 | const Properties = ({ properties, active = true, dispatch, suite, test = null }) => {
 30 |   return <div className={`properties card is-${active ? 'active' : 'inactive'}`}>
 31 |     <button className='card-header' onClick={() => { dispatch({ type: 'toggle-properties', payload: { suite, test, active: !active } }) }}>
 32 |       <p className='card-header-title'>Properties</p>
 33 |       <span className='card-header-icon'>
 34 |         <span className='icon'>
 35 |           <i className='fas fa-angle-down' />
 36 |         </span>
 37 |       </span>
 38 |     </button>
 39 |     {active
 40 |       ? <div className='card-content'>
 41 |         <table className='table'>
 42 |           <thead>
 43 |             <tr>
 44 |               <th>Property</th>
 45 |               <th>Value</th>
 46 |             </tr>
 47 |           </thead>
 48 |           <tbody>
 49 |             {Object.keys(properties)
 50 |               .filter(key => key !== '_active' && key !== '_visible')
 51 |               .map(key => {
 52 |                 return <tr key={key}>
 53 |                   <td>{key}</td>
 54 |                   <td>{properties[key].join(', ')}</td>
 55 |                 </tr>
 56 |               })}
 57 |           </tbody>
 58 |         </table>
 59 |       </div>
 60 |       : null}
 61 |   </div>
 62 | }
 63 | 
 64 | const RawContent = ({ messages }) => <div className='raw-content'>
 65 |   {messages.map((message, index) => <Linkify key={`test-message-${index}`}><pre>{message}</pre></Linkify>)}
 66 | </div>
 67 | 
 68 | const PrettyContent = ({ messages }) => <div className='pretty-content'>
 69 |   {messages.map((message, index) => <Linkify key={`test-message-${index}`}><div dangerouslySetInnerHTML={{ __html: linkify(message) }} /></Linkify>)}
 70 | </div>
 71 | 
 72 | const PrettyIcon = () => <span className='icon'>
 73 |   <i className='fas fa-star' />
 74 | </span>
 75 | 
 76 | const CodeIcon = () => <span className='icon'>
 77 |   <i className='fas fa-code' />
 78 | </span>
 79 | 
 80 | const Test = ({
 81 |   printMode,
 82 |   id,
 83 |   messages,
 84 |   status,
 85 |   time,
 86 |   classname,
 87 |   name,
 88 |   properties = {},
 89 |   active = true,
 90 |   raw = true,
 91 |   dispatch,
 92 |   suite
 93 | }) => {
 94 |   const hasProperties = properties._visible & Object.keys(properties).filter(key => key !== '_active' && key !== '_visible').length > 0
 95 |   const hasMessage = messages.length > 0
 96 |   const Wrapper = printMode ? RenderAlways : RenderIfVisible
 97 | 
 98 |   return (
 99 |     <Wrapper>
100 |       <div className={`test card is-${active ? 'active' : 'inactive'} is-${status} is-${!hasMessage && !hasProperties ? 'empty' : 'populated'}`}>
101 |         <button className='card-header' onClick={() => { dispatch({ type: 'toggle-test', payload: { suite, id, active: !active } }) }} disabled={!hasMessage && !hasProperties}>
102 |           <p className='card-header-title'>
103 |             <span className='icon'>
104 |               <i className={`fas fa-${icons[status] || icons.unknown}`} aria-hidden='true' />
105 |             </span>
106 |             <span>{name}</span>
107 |             {classname ? <small>classname = {classname}</small> : null}
108 |             {time ? <small>time = {time}</small> : null}
109 |           </p>
110 |           {hasMessage || hasProperties
111 |             ? <span className='card-header-icon'>
112 |               <span className='icon'>
113 |                 <i className='fas fa-angle-down' />
114 |               </span>
115 |             </span>
116 |             : null}
117 |         </button>
118 |         <div className='content'>
119 |           {active && (hasMessage || hasProperties)
120 |             ? <div className='card-content'>
121 |               {hasProperties ? <Properties properties={properties} suite={suite} test={id} dispatch={dispatch} active={properties._active} /> : null}
122 |               {
123 |                 hasMessage
124 |                   ? <>
125 |                     <Toggle
126 |                       active={raw}
127 |                       onLabel='raw'
128 |                       onIcon={<CodeIcon />}
129 |                       offIcon={<PrettyIcon />}
130 |                       offLabel='pretty'
131 |                       onChange={() => dispatch({ type: 'toggle-test-mode', payload: { suite, id, raw: !raw } })} />
132 |                     {
133 |                       raw
134 |                         ? <RawContent messages={messages} />
135 |                         : <PrettyContent messages={messages} />
136 |                     }
137 |                   </>
138 |                   : null
139 |               }
140 |             </div>
141 |             : null}
142 |         </div>
143 |       </div>
144 |     </Wrapper>
145 |   )
146 | }
147 | 
148 | const Suite = ({
149 |   visible,
150 |   id,
151 |   name,
152 |   active = false,
153 |   properties = {},
154 |   time,
155 |   tests = {},
156 |   dispatch,
157 |   systemOut = [],
158 |   printMode = false
159 | }) => {
160 |   let passed = 0
161 |   let failure = 0
162 |   let skipped = 0
163 |   let error = 0
164 |   let unknown = 0
165 |   Object.keys(tests).forEach(key => {
166 |     const status = tests[key].status
167 |     if (status === 'passed') passed += 1
168 |     else if (status === 'failure') failure += 1
169 |     else if (status === 'skipped') skipped += 1
170 |     else if (status === 'error') error += 1
171 |     else unknown += 1
172 |   })
173 | 
174 |   const Wrapper = printMode ? RenderAlways : RenderIfVisible
175 | 
176 |   const { query } = useVisibility()
177 | 
178 |   const hasTests = Object.keys(tests).length > 0 && Object.values(tests).some(test => query[test.status])
179 |   const hasProperties = '_visible' in properties && properties._visible && Object.keys(properties).filter(key => key !== '_active' && key !== '_visible').length > 0
180 |   const containsSomething = hasTests || hasProperties
181 |   return (
182 |     <Wrapper>
183 |       <div className={`card suite is-${active ? 'active' : 'inactive'} is-${containsSomething ? 'populated' : 'empty'} is-${visible ? 'visible' : 'hidden'}`}>
184 |         <button className='card-header' onClick={() => { if (containsSomething) dispatch({ type: 'toggle-suite', payload: { id, active: !active } }) }} disabled={!containsSomething}>
185 |           <p className='card-header-title'>
186 |             <span>{name}</span>
187 |             {time ? <small>time = {time}</small> : null}
188 |           </p>
189 | 
190 |           {containsSomething
191 |             ? <span className='card-header-icon'>
192 |               <span className='icon'>
193 |                 <i className='fas fa-angle-down' />
194 |               </span>
195 |             </span>
196 |             : null}
197 |           {containsSomething
198 |             ? <p className='suite-count-container'>
199 |               <SuiteCount type='failure' count={failure} />
200 |               <SuiteCount type='error' count={error} />
201 |               <SuiteCount type='passed' count={passed} />
202 |               <SuiteCount type='skipped' count={skipped} />
203 |               <SuiteCount type='unknown' count={unknown} />
204 |             </p>
205 |             : null}
206 |         </button>
207 |         {active && containsSomething
208 |           ? <div className='card-content'>
209 |             <div className='content'>
210 |               {systemOut.length > 0 ? systemOut.map((value, index) => <pre key={`${id}-sysout-${index}`}>{value}</pre>) : null}
211 |               {hasProperties ? <Properties properties={properties} suite={id} dispatch={dispatch} active={properties._active} /> : null}
212 |               <div>
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]) => <Test key={key} {...test} suite={id} dispatch={dispatch} printMode={printMode} />)
237 |                 }
238 |               </div>
239 |             </div>
240 |           </div>
241 |           : null}
242 |       </div>
243 |     </Wrapper>
244 |   )
245 | }
246 | 
247 | export default Suite
248 | 


--------------------------------------------------------------------------------
/src/app/reducer.js:
--------------------------------------------------------------------------------
  1 | import fuzzy from 'fuzzy'
  2 | import merge from 'merge'
  3 | 
  4 | const toggleAllProperties = (state, payload, update, toggleType, suiteTesttoggleType) => {
  5 |   update[toggleType] = state[toggleType]
  6 |   update[toggleType][payload.type] = payload.active
  7 | 
  8 |   if (payload.type === 'all') {
  9 |     update[toggleType].suites = payload.active
 10 |     update[toggleType].tests = payload.active
 11 |   }
 12 | 
 13 |   if (payload.type === 'all' || payload.type === 'suites') {
 14 |     Object.values(update.currentSuites).forEach(suite => {
 15 |       suite.properties[suiteTesttoggleType] = payload.active
 16 |     })
 17 |   }
 18 | 
 19 |   if (payload.type === 'all' || payload.type === 'tests') {
 20 |     Object.values(update.currentSuites).forEach(suite => {
 21 |       Object.values(suite.tests).forEach(test => {
 22 |         if ('properties' in test) {
 23 |           test.properties[suiteTesttoggleType] = payload.active
 24 |         }
 25 |       })
 26 |     })
 27 |   }
 28 |   return update
 29 | }
 30 | 
 31 | export default (state, { type, payload }) => {
 32 |   let update = {}
 33 |   update.currentSuites = state.currentSuites
 34 | 
 35 |   if (type === 'parse-error') {
 36 |     state = merge.recursive(true, {}, state)
 37 |     state.errors = state.errors || []
 38 |     state.errors.push({
 39 |       error: payload.error,
 40 |       file: payload.file
 41 |     })
 42 |   }
 43 | 
 44 |   if (type === 'parse-suites') {
 45 |     state = merge.recursive(true, {}, state)
 46 |     state.suites = payload.suites
 47 |     state.currentSuites = payload.suites
 48 |     Object.values(state.currentSuites).forEach(suite => {
 49 |       if (Object.keys(suite.tests).length > 0 || Object.keys(suite.properties).length > 0) suite.active = true
 50 |     })
 51 |   }
 52 | 
 53 |   if (type === 'search-suites') {
 54 |     Object.values(state.suites).forEach(({ name, id }) => {
 55 |       if (fuzzy.test(payload.value.toLowerCase(), name.toLowerCase())) {
 56 |         update.currentSuites[id] = update.currentSuites[id] || merge.recursive(true, {}, state.suites[id])
 57 |         if (!('active' in update.currentSuites[id])) update.currentSuites[id].active = true
 58 |       } else delete update.currentSuites[id]
 59 |     })
 60 |     update.suitesExpanded = Object.values(update.currentSuites).some(suite => suite.active === true)
 61 |   }
 62 |   if (type === 'search-tests') {
 63 |     Object.values(state.suites).forEach(suite => {
 64 |       Object.values(suite.tests).forEach(test => {
 65 |         if (!fuzzy.test(payload.value.toLowerCase(), test.name.toLowerCase()) && !test.messages.some(message => fuzzy.test(payload.value.toLowerCase(), message.toLowerCase()))) {
 66 |           if (update.currentSuites[suite.id]) delete update.currentSuites[suite.id].tests[test.id]
 67 |         } else if (suite.id in update.currentSuites && !(test.id in update.currentSuites[suite.id].tests)) {
 68 |           if (update.currentSuites[suite.id]) {
 69 |             update.currentSuites[suite.id].tests[test.id] = merge.recursive(true, {}, state.suites[suite.id].tests[test.id])
 70 |             update.currentSuites[suite.id].tests[test.id].active = true
 71 |             update.currentSuites[suite.id].tests[test.id].visible = true
 72 |             update.currentSuites[suite.id].tests[test.id].raw = true
 73 |           }
 74 |         }
 75 |       })
 76 |     })
 77 |   }
 78 |   if (type === 'search-properties') {
 79 |     Object.values(state.suites).forEach(suite => {
 80 |       Object.entries(suite.properties)
 81 |         .filter(([key]) => key !== '_visible' && key !== '_active')
 82 |         .forEach(([key, values]) => {
 83 |           values = values || []
 84 |           if (!fuzzy.test(payload.value.toLowerCase(), key.toLowerCase()) && !values.some(value => fuzzy.test(payload.value.toLowerCase(), value.toLowerCase()))) delete update.currentSuites[suite.id].properties[key]
 85 |           else if (suite.id in update.currentSuites && !(key in update.currentSuites[suite.id].properties)) {
 86 |             if (update.currentSuites[suite.id]) {
 87 |               update.currentSuites[suite.id].properties[key] = [].concat(state.suites[suite.id].properties[key])
 88 |               update.currentSuites[suite.id].properties._active = true
 89 |               update.currentSuites[suite.id].properties._visible = true
 90 |               update.propertiesExpanded = false
 91 |             }
 92 |           }
 93 |         })
 94 |     })
 95 |     update.propertiesExpanded = Object.values(update.currentSuites).some((suite) => {
 96 |       return suite.properties._active || false
 97 |     })
 98 |     update.propertiesVisible = Object.values(update.currentSuites).some((suite) => {
 99 |       return suite.properties._visible || false
100 |     })
101 |   }
102 | 
103 |   if (type === 'toggle-all-suites') {
104 |     update.suitesExpanded = !state.suitesExpanded
105 |     Object.values(update.currentSuites).forEach(suite => { suite.active = update.suitesExpanded })
106 |   }
107 |   if (type === 'toggle-empty-suites') {
108 |     update.suitesEmpty = !state.suitesEmpty
109 |   }
110 |   if (type === 'toggle-menu') update.menuActive = !state.menuActive
111 |   if (type === 'toggle-suite-options') update.suiteOptionsActive = !state.suiteOptionsActive
112 |   if (type === 'toggle-test-options') update.testOptionsActive = !state.testOptionsActive
113 |   if (type === 'toggle-properties-options') update.propertiesOptionsActive = !state.propertiesOptionsActive
114 |   if (type === 'toggle-files') update.activeFiles = !state.activeFiles
115 |   if (type === 'toggle-suite') {
116 |     update.currentSuites[payload.id].active = payload.active
117 |     update.suitesExpanded = Object.values(update.currentSuites).some(suite => suite.active === true)
118 |   }
119 | 
120 |   if (type === 'toggle-properties') {
121 |     if (typeof payload.test !== 'undefined' && payload.test !== null) {
122 |       update.currentSuites[payload.suite].tests[payload.test].properties._active = payload.active
123 |     } else {
124 |       update.currentSuites[payload.suite].properties._active = payload.active
125 |       update.propertiesExpanded = Object.values(update.currentSuites).some((suite) => {
126 |         return suite.properties._active || false
127 |       })
128 |     }
129 |   }
130 | 
131 |   if (type === 'toggle-all-properties') {
132 |     update = toggleAllProperties(state, payload, update, 'propertiesExpanded', '_active')
133 |   }
134 |   if (type === 'toggle-properties-visbility') {
135 |     update = toggleAllProperties(state, payload, update, 'propertiesVisible', '_visible')
136 |   }
137 | 
138 |   if (type === 'toggle-test') {
139 |     update.currentSuites[payload.suite].tests[payload.id].active = payload.active
140 |   }
141 |   if (type === 'toggle-test-mode') {
142 |     update.currentSuites[payload.suite].tests[payload.id].raw = payload.raw
143 |   }
144 | 
145 |   if (type === 'toggle-test-expanded') {
146 |     update.testToggles = state.testToggles
147 |     update.testToggles[payload.status].expanded = payload.active
148 | 
149 |     Object.values(update.currentSuites).forEach(suite => {
150 |       Object.values(suite.tests).forEach(test => {
151 |         if (payload.status === 'all') test.active = payload.active
152 |         else if (payload.status === test.status) test.active = payload.active
153 |         else if (typeof test.status === 'undefined' && payload.status === 'unknown') test.active = payload.active
154 |       })
155 |     })
156 | 
157 |     if (payload.status === 'all') {
158 |       update.testToggles.passed.expanded = payload.active
159 |       update.testToggles.failure.expanded = payload.active
160 |       update.testToggles.error.expanded = payload.active
161 |       update.testToggles.skipped.expanded = payload.active
162 |       update.testToggles.unknown.expanded = payload.active
163 |     } else {
164 |       if (update.testToggles.passed.expanded &&
165 |             update.testToggles.failure.expanded &&
166 |             update.testToggles.error.expanded &&
167 |             update.testToggles.skipped.expanded &&
168 |             update.testToggles.unknown.expanded) update.testToggles.all.expanded = true
169 |       else update.testToggles.all.expanded = false
170 |     }
171 |   }
172 | 
173 |   if (type === 'toggle-test-raw') {
174 |     update.testToggles = state.testToggles
175 |     update.testToggles[payload.status].raw = payload.active
176 | 
177 |     Object.values(update.currentSuites).forEach(suite => {
178 |       Object.values(suite.tests).forEach(test => {
179 |         if (payload.status === 'all') test.raw = payload.active
180 |         else if (payload.status === test.status) test.raw = payload.active
181 |         else if (typeof test.status === 'undefined' && payload.status === 'unknown') test.raw = payload.active
182 |       })
183 |     })
184 | 
185 |     if (payload.status === 'all') {
186 |       update.testToggles.passed.raw = payload.active
187 |       update.testToggles.failure.raw = payload.active
188 |       update.testToggles.error.raw = payload.active
189 |       update.testToggles.skipped.raw = payload.active
190 |       update.testToggles.unknown.raw = payload.active
191 |     } else {
192 |       if (update.testToggles.passed.raw &&
193 |             update.testToggles.failure.raw &&
194 |             update.testToggles.error.raw &&
195 |             update.testToggles.skipped.raw &&
196 |             update.testToggles.unknown.raw) update.testToggles.all.raw = true
197 |     }
198 |   }
199 | 
200 |   if (type === 'hero-burger') {
201 |     const { burger } = state.hero
202 |     update.hero = update.hero || {}
203 |     update.hero.burger = !burger
204 |   }
205 | 
206 |   if (type === 'hero-dropdown') {
207 |     const { dropdown } = state.hero
208 |     update.hero = update.hero || {}
209 |     update.hero.dropdown = !dropdown
210 |   }
211 | 
212 |   if (type === 'hero-print-mode') {
213 |     const { printMode } = state
214 |     update.printMode = !printMode
215 |   }
216 | 
217 |   if (type === 'print-mode') {
218 |     update.printMode = payload.printMode
219 |   }
220 | 
221 |   state = merge.recursive(true, state, update)
222 | 
223 |   state = merge.recursive(true, state, update)
224 | 
225 |   Object.values(state.currentSuites).forEach(suite => {
226 |     if (!state.suitesEmpty) suite._visible = true
227 |     else suite._visible = (Object.keys(suite.tests).length > 0 && Object.values(suite.tests).filter(test => test.visible).length > 0) || (suite.properties._visible && Object.keys(suite.properties).filter(prop => prop !== '_visible').length > 0)
228 |   })
229 | 
230 |   return state
231 | }
232 | 


--------------------------------------------------------------------------------
/src/app/index.css:
--------------------------------------------------------------------------------
  1 | body,
  2 | .card {
  3 |     color: #2C3E50 !important;
  4 | }
  5 | 
  6 | .filter {
  7 |     transition: background-color 0.2s ease-in-out;
  8 |     background-color: #2C3E50 !important;
  9 |     border: none;
 10 | }
 11 | 
 12 | .filter:hover,
 13 | .filter:active,
 14 | .filter:focus {
 15 |     background-color: rgb(52, 78, 104) !important;
 16 | }
 17 | 
 18 | .card-header-icon.is-hidden-tablet {
 19 |     max-width: 48px;
 20 | }
 21 | 
 22 | .navbar-brand {
 23 |     align-items: center;
 24 | }
 25 | 
 26 | .navbar-burger {
 27 |     color: white;
 28 | }
 29 | 
 30 | .navbar-menu {
 31 |     background-color: transparent !important;
 32 | }
 33 | 
 34 | .navbar-end {
 35 |     align-items: center;
 36 | }
 37 | 
 38 | .navbar-item.dropdown {
 39 |     padding-left: 0 !important;
 40 | }
 41 | 
 42 | .dropdown-item.is-disabled {
 43 |     filter: grayscale(1);
 44 |     opacity: 0.5;
 45 |     pointer-events: none;
 46 | }
 47 | 
 48 | @media screen and (min-width: 1024px) {
 49 |     .dropdown-trigger {
 50 |         min-width: 280px;
 51 |     }
 52 | 
 53 |     .dropdown-trigger .filter {
 54 |         float: right;
 55 |     }
 56 | }
 57 | 
 58 | .navbar-item .table {
 59 |     background-color: transparent !important;
 60 |     color: white !important;
 61 | }
 62 | 
 63 | .hero {
 64 |     background-color: #2C3E50 !important;
 65 |     padding: 10px !important;
 66 | }
 67 | 
 68 | .hero .container {
 69 |     width: 100%;
 70 | }
 71 | 
 72 | .Burger {
 73 |     height: 100%;
 74 | }
 75 | 
 76 | .hero-center {
 77 |     display: flex;
 78 |     justify-content: center;
 79 |     align-items: center;
 80 | }
 81 | 
 82 | .hero .brand,
 83 | .hero .logo {
 84 |     height: 64px;
 85 |     width: auto;
 86 |     margin-right: 16px;
 87 | }
 88 | 
 89 | .hero .title {
 90 |     font-size: 36px;
 91 |     font-weight: normal;
 92 | }
 93 | 
 94 | .card-content {
 95 |     overflow-x: auto;
 96 |     overflow-y: hidden;
 97 | }
 98 | 
 99 | .card-header-icon {
100 |     flex-grow: 1;
101 |     background-color: transparent;
102 |     border: none;
103 |     font-size: 16px;
104 |     color: #2C3E50;
105 | }
106 | 
107 | .card-header-icon .icon {
108 |     margin-left: auto;
109 |     transition: transform 0.2s ease-in-out;
110 |     transform: rotate(180deg);
111 | }
112 | 
113 | .options:first-child {
114 |     margin-top: 0.1rem;
115 | }
116 | 
117 | .options.is-active .card-header-icon .icon,
118 | .files.is-active .card-header-icon .icon {
119 |     transform: rotate(0deg);
120 | }
121 | 
122 | .options-inputs {
123 |     display: flex;
124 |     align-items: center;
125 |     overflow-x: auto;
126 |     overflow-y: hidden;
127 | }
128 | 
129 | .options-search {
130 |     margin-bottom: 0 !important;
131 |     margin-right: 32px;
132 |     margin-left: 16px;
133 |     min-width: 100px;
134 | }
135 | 
136 | .input {
137 |     border: none;
138 |     border-radius: 0;
139 |     box-shadow: none;
140 |     border-bottom: 1px solid #2C3E50;
141 |     padding: 0;
142 | }
143 | 
144 | .options-total,
145 | .options-count {
146 |     margin-right: 24px;
147 |     font-size: 16px;
148 | }
149 | 
150 | .options-count {
151 |     display: flex;
152 | }
153 | 
154 | .options-count .icon {
155 |     font-size: 12px;
156 | }
157 | 
158 | .options-toggles .toggle {
159 |     justify-content: left;
160 |     margin-right: 1em;
161 | }
162 | 
163 | .options,
164 | .files {
165 |     box-shadow: none;
166 |     border-bottom: solid 1px #E7EAED;
167 | }
168 | 
169 | .options .card-header,
170 | .files .card-header {
171 |     box-shadow: none;
172 | }
173 | 
174 | .options .card-header {
175 |     padding: 10px 0;
176 | }
177 | 
178 | .options .card-header-icon {
179 |     padding: 0;
180 | }
181 | 
182 | .options .card-header-icon .icon:last-child {
183 |     margin-left: auto !important;
184 |     margin-right: 14px !important;
185 | }
186 | 
187 | .options-total .icon {
188 |     font-size: 12px;
189 |     transform: rotate(0);
190 |     margin-right: 4px !important;
191 | }
192 | 
193 | .options .card-content {
194 |     transition: height 0.2s ease-in-out, padding 0.2s ease-in-out;
195 |     height: 0;
196 |     padding: 0 1.5rem;
197 |     overflow: hidden;
198 | }
199 | 
200 | .options.is-active .card-content {
201 |     padding: 1.5rem;
202 |     height: auto;
203 | }
204 | 
205 | .properties-options-toggle {
206 |     margin-right: 1rem;
207 | }
208 | 
209 | 
210 | .test-options-toggle-row {
211 |     display: flex;
212 | }
213 | 
214 | .properties-options-toggle-label,
215 | .test-options-toggle-row-label {
216 |     color: #5e5e5e;
217 |     display: inline-block;
218 | }
219 | 
220 | .test-options-toggle-row-label {
221 |     width: 100px;
222 | }
223 | 
224 | .properties-options-toggle-label {
225 |     width: 60px;
226 | }
227 | 
228 | .test-options-toggle-row-label .icon {
229 |     font-size: 14px;
230 |     transform: translateY(1px);
231 | }
232 | 
233 | .files .card-content {
234 |     transition: height 0.2s ease-in-out, padding 0.2s ease-in-out;
235 | }
236 | 
237 | .files .card-content {
238 |     height: 0;
239 |     padding: 0 1.5rem;
240 | }
241 | 
242 | .files.is-active .card-content {
243 |     height: 395px;
244 | }
245 | 
246 | .toggles-container {
247 |     display: flex;
248 | }
249 | 
250 | .toggles {
251 |     margin-right: 16px;
252 |     width: 120px;
253 | }
254 | 
255 | .toggles .title {
256 |     margin-bottom: 4px;
257 |     display: flex;
258 |     align-items: center;
259 | }
260 | 
261 | .toggles .title .icon {
262 |     font-size: 14px;
263 |     height: 100%;
264 |     margin-left: -6px;
265 | }
266 | 
267 | .toggle {
268 |     border: none;
269 |     margin-bottom: 4px;
270 |     padding: 0;
271 |     height: auto;
272 | }
273 | 
274 | .toggle-rail {
275 |     position: relative;
276 |     margin-right: 2px;
277 |     background-color: #2C3E50;
278 |     width: 20px;
279 |     height: 8px;
280 |     border-radius: 4px;
281 |     margin-right: 8px;
282 | }
283 | 
284 | .toggle-handle {
285 |     transition: left 0.1s ease-in-out;
286 |     position: absolute;
287 |     top: -3px;
288 |     height: 14px;
289 |     width: 14px;
290 |     border-radius: 90px;
291 |     box-shadow: 0 0 4px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.25);
292 |     left: -1px;
293 |     background-color: #F5F9FC;
294 | }
295 | 
296 | .toggle.is-active .toggle-handle {
297 |     background-color: #375C80;
298 |     left: 8px;
299 | }
300 | 
301 | .files .card-content {
302 |     padding: 0;
303 | }
304 | 
305 | .tabs {
306 |     margin: 0 !important;
307 |     margin-top: 1px !important;
308 | }
309 | 
310 | .files li a {
311 |     border-radius: 0 !important;
312 | }
313 | 
314 | .files li a .delete {
315 |     margin-left: 6px;
316 | }
317 | 
318 | .files-input {
319 |     margin-left: 16px;
320 |     margin-bottom: 16px;
321 |     width: 98%;
322 | }
323 | 
324 | .add-file {
325 |     padding: 0.5em 0 !important;
326 | }
327 | 
328 | .files .subtitle {
329 |     padding-left: 4px;
330 |     margin-bottom: 0 !important;
331 | }
332 | 
333 | .files .subtitle .icon {
334 |     transform: rotate(0) translateY(2px) !important;
335 |     font-size: 18px;
336 |     margin-right: 4px;
337 | }
338 | 
339 | .suite {
340 |     transition: box-shadow 0.1s ease-in-out, margin 0.1s ease-in-out;
341 |     background-color: #F7F7F7;
342 |     margin: 12px 0;
343 | }
344 | 
345 | .suite .card-header {
346 |     transition: background-color 0.2s ease-in-out;
347 |     border: none;
348 |     width: 100%;
349 |     display: flex;
350 |     flex-wrap: wrap;
351 | }
352 | 
353 | .suite-count-container {
354 |     width: 100%;
355 |     text-align: left;
356 | }
357 | 
358 | .suite .card-header:hover {
359 |     cursor: pointer;
360 | }
361 | 
362 | .suite .card-header:hover,
363 | .suite .card-header:active,
364 | .suite .card-header:focus {
365 |     background-color: #ebebeb;
366 | }
367 | 
368 | .suite.is-empty .card-header {
369 |     background-color: #F7F7F7;
370 | }
371 | 
372 | .suite.is-empty .card-header:hover {
373 |     cursor: initial;
374 | }
375 | 
376 | 
377 | .suite.is-active {
378 |     margin: 24px 0;
379 | }
380 | 
381 | .suite.is-inactive,
382 | .suite.is-empty {
383 |     box-shadow: none;
384 |     margin: 8px 0;
385 | }
386 | 
387 | .suites {
388 |     margin-top: 32px !important;
389 | }
390 | 
391 | .suite .card {
392 |     margin-bottom: 16px;
393 | }
394 | 
395 | .suite .card:last-child {
396 |     margin-bottom: 0;
397 | }
398 | 
399 | .properties .card-header-icon svg,
400 | .suite .card-header-icon svg {
401 |     transition: transform 0.2s ease-in-out;
402 | }
403 | 
404 | .properties.is-active .card-header-icon svg,
405 | .suite.is-active .card-header-icon svg {
406 |     transform: rotate(180deg);
407 | }
408 | 
409 | .suite .card-header-title,
410 | .suite .card-header-icon {
411 |     padding: 0;
412 | }
413 | 
414 | .suite .card-header-title {
415 |     margin-left: 16px;
416 | }
417 | 
418 | .suite .card-header-icon {
419 |     margin-right: 16px;
420 | }
421 | 
422 | .suite .card-header {
423 |     padding: 0.75rem;
424 | }
425 | 
426 | .card-header-title small {
427 |     font-weight: normal;
428 |     margin-left: 8px;
429 | }
430 | 
431 | .test .card-header-title,
432 | .properties .card-header-title {
433 |     margin-bottom: 0 !important;
434 | }
435 | 
436 | .properties .card-content {
437 |     padding: 0;
438 |     padding-top: 1px;
439 | }
440 | 
441 | .test>.card-header>.card-header-title {
442 |     color: #fff;
443 | }
444 | 
445 | .test>.card-header>.card-header-icon {
446 |     color: #fff;
447 | }
448 | 
449 | .test.is-empty>.card-header,
450 | .test>.card-header {
451 |     background-color: #4B85FA;
452 | }
453 | 
454 | .test.is-populated>.card-header:hover,
455 | .test.is-populated>.card-header:active,
456 | .test.is-populated>.card-header:focus {
457 |     background-color: #2f5bb4;
458 | }
459 | 
460 | .test.is-passed>.card-header {
461 |     background-color: #0DBF1F;
462 | }
463 | 
464 | .test.is-populated.is-passed>.card-header:hover,
465 | .test.is-populated.is-passed>.card-header:active,
466 | .test.is-populated.is-passed>.card-header:focus {
467 |     background-color: #25a132;
468 | }
469 | 
470 | .test.is-failure>.card-header {
471 |     background-color: #B32010;
472 | }
473 | 
474 | .test.test.is-populated.is-failure>.card-header:hover,
475 | .test.test.is-populated.is-failure>.card-header:active,
476 | .test.test.is-populated.is-failure>.card-header:focus {
477 |     background-color: #963126;
478 | }
479 | 
480 | .test.is-error>.card-header {
481 |     background-color: #E5CB05;
482 | }
483 | 
484 | 
485 | .test.is-populated.is-error>.card-header:hover,
486 | .test.is-populated.is-error>.card-header:active,
487 | .test.is-populated.is-error>.card-header:focus {
488 |     background-color: #c7b319;
489 | }
490 | 
491 | .test.is-skipped>.card-header {
492 |     background-color: #adb2b6;
493 | }
494 | 
495 | .test.is-populated.is-skipped>.card-header:hover,
496 | .test.is-populated.is-skipped>.card-header:active,
497 | .test.is-populated.is-skipped>.card-header:focus {
498 |     background-color: #828588;
499 | }
500 | 
501 | .test.is-active .fa-angle-down {
502 |     transform: rotate(180deg);
503 | }
504 | 
505 | 
506 | .suite.is-empty,
507 | .suite.is-empty .card-header .test.is-empty,
508 | .test.is-empty .card-header {
509 |     box-shadow: none;
510 |     opacity: 0.7;
511 |     cursor: initial;
512 | }
513 | 
514 | .card-header {
515 |     user-select: text;
516 | }
517 | 
518 | .test.card {
519 |     transition: margin 0.1s ease-in-out;
520 |     margin: 8px 0;
521 | }
522 | 
523 | .test.card.is-populated.is-active {
524 |     margin: 24px 0;
525 | }
526 | 
527 | .suite-count {
528 |     font-size: 12px;
529 |     margin-left: 12px;
530 | }
531 | 
532 | .suite-count .icon {
533 |     font-size: 10px;
534 |     margin-right: -4px;
535 | }
536 | 
537 | .raw-content {
538 |     margin: 2px;
539 | }
540 | 
541 | .pretty-content {
542 |     margin: 20px;
543 | }
544 | 
545 | .card,
546 | .card-header {
547 |     box-shadow: none !important;
548 | }
549 | 
550 | .card .card {
551 |     border: solid 1px rgba(10, 10, 10, 0.1) !important;
552 | }
553 | 
554 | .card-header {
555 |     border-bottom: solid 1px #ccc !important;
556 | }
557 | 
558 | .card.is-inactive .card-header {
559 |     border: none !important;
560 |     border-radius: 4px;
561 | }
562 | 
563 | .options {
564 |     border-radius: 0;
565 | }
566 | 
567 | .options:last-child {
568 |     border-radius: 4px;
569 |     border-bottom: none;
570 | }
571 | 
572 | @media (prefers-color-scheme: dark) {
573 |     body,
574 |     html {
575 |         background-color: #051221;
576 |     }
577 | 
578 |     .card {
579 |         background-color: #2C3E50;
580 |         color: white !important;
581 |         /* box-shadow: 0 0.5em 1em -0.125em rgba(255, 255, 255, 0.1), 0 0px 0 1px rgba(255, 255, 255, 0.02) !important; */
582 |     }
583 | 
584 |     .card .card {
585 |         border-color: rgba(255, 255, 255, 0.1) !important;
586 |     }
587 | 
588 |     .card-header svg path {
589 |         color: white !important;
590 |         fill: white !important;
591 |     }
592 | 
593 |     .card-header {
594 |         color: white !important;
595 |         border-color: white !important;
596 |         /* box-shadow: 0 0.125em 0.25em rgba(255, 255, 255, 0.1); */
597 |     }
598 | 
599 |     .card-header-title {
600 |         color: white !important;
601 |     }
602 | 
603 |     .card-header:hover,
604 |     .card-header:active,
605 |     .card-header:focus {
606 |         background-color: #17202a !important;
607 |     }
608 | 
609 |     .table {
610 |         background-color: #4d6784;
611 |         color: white;
612 |     }
613 | 
614 |     th {
615 |         color: white !important;
616 |     }
617 | 
618 |     .toggle {
619 |         background-color: transparent;
620 |         color: white !important;
621 |     }
622 | 
623 |     .toggle-rail {
624 |         background-color: #17202a;
625 |     }
626 | 
627 |     .raw-content pre {
628 |         background-color: #17202a;
629 |         color: white !important;
630 |     }
631 | 
632 |     .dropdown-content,
633 |     .dropdown-item {
634 |         background-color: #17202a;
635 |         color: white;
636 |     }
637 | 
638 |     .dropdown-item:hover,
639 |     .dropdown-item:active,
640 |     .dropdown-item:focus {
641 |         background-color: #030d17 !important;
642 |         color: white !important;
643 |     }
644 | 
645 |     .input {
646 |         background-color: transparent !important;
647 |         color: white !important;
648 |         border-color: white !important;
649 |     }
650 | 
651 |     .input::placeholder {
652 |         color: rgb(136, 136, 136) !important;
653 |     }
654 | 
655 |     .options-inputs {
656 |         color: white !important;
657 |     }
658 | 
659 |     .test-options-toggle-row-label,
660 |     .properties-options-toggle-label {
661 |         color: white !important;
662 |     }
663 | 
664 |     .test.is-empty>.card-header,
665 |     .test>.card-header {
666 |         background-color: #4B85FA !important;
667 |     }
668 | 
669 |     .test.is-populated>.card-header:hover,
670 |     .test.is-populated>.card-header:active,
671 |     .test.is-populated>.card-header:focus {
672 |         background-color: #2f5bb4 !important;
673 |     }
674 | 
675 |     .test.is-passed>.card-header {
676 |         background-color: #0DBF1F !important;
677 |     }
678 | 
679 |     .test.is-populated.is-passed>.card-header:hover,
680 |     .test.is-populated.is-passed>.card-header:active,
681 |     .test.is-populated.is-passed>.card-header:focus {
682 |         background-color: #25a132 !important;
683 |     }
684 | 
685 |     .test.is-failure>.card-header {
686 |         background-color: #B32010 !important;
687 |     }
688 | 
689 |     .test.test.is-populated.is-failure>.card-header:hover,
690 |     .test.test.is-populated.is-failure>.card-header:active,
691 |     .test.test.is-populated.is-failure>.card-header:focus {
692 |         background-color: #963126 !important;
693 |     }
694 | 
695 |     .test.is-error>.card-header {
696 |         background-color: #E5CB05 !important;
697 |     }
698 | 
699 | 
700 |     .test.is-populated.is-error>.card-header:hover,
701 |     .test.is-populated.is-error>.card-header:active,
702 |     .test.is-populated.is-error>.card-header:focus {
703 |         background-color: #c7b319 !important;
704 |     }
705 | 
706 |     .test.is-skipped>.card-header {
707 |         background-color: #adb2b6 !important;
708 |     }
709 | 
710 |     .test.is-populated.is-skipped>.card-header:hover,
711 |     .test.is-populated.is-skipped>.card-header:active,
712 |     .test.is-populated.is-skipped>.card-header:focus {
713 |         background-color: #828588 !important;
714 |     }
715 | 
716 |     .options,
717 |     .options .card-header {
718 |         background-color: transparent !important;
719 |     }
720 | }


--------------------------------------------------------------------------------