tap/node_modules/treport/lib/reports/specy/test-point.js

A Test-Anything-Protocol library for JavaScript

const React = require('react')
const {Box, Text} = require('ink')
const prettyDiff = require('../../pretty-diff.js')
const prettySource = require('../../pretty-source.js')
const yaml = require('tap-yaml')
const importJSX = require('@isaacs/import-jsx')
const AssertName = importJSX('./assert-name.js')

module.exports = ({res}) => {
  const {ok, id, name, testName, skip, todo} = res
  const diag = res.diag || {}
  const diff = prettyDiff(diag && diag.diff)
  if (diff) {
    delete diag.diff
    delete diag.found
    delete diag.wanted
    delete diag.pattern
    delete diag.compare
  }
  const source = prettySource(diag)
  if (source)
    delete diag.source

  // pretty-print errors found in t.error() assertions
  const origin = diag && diag.found && diag.origin
  const originSrc = prettySource(origin)
  if (originSrc) {
    origin.message = diag.found.message
    delete diag.origin
    delete diag.found
    delete origin.source
  }

  delete diag.didNotWant

  const filtered = /^filter: (only|\/.*\/)$/.test(res.skip)

  return filtered ? <Text></Text> : (
    <Box flexDirection="row">
      <Box width={(res.level || 0) * 2}></Box>
      <Box flexDirection="column">
        <AssertName {...{ok, name, skip, todo}} />
        {ok ? <Text></Text> :
          (<Box flexDirection="column">
            <Text>{' '}</Text>
            { source ? (<Box><Text>{source}</Text></Box>) : <Text></Text> }
            { diff ? (<Box><Text>{ diff + '\n'}</Text></Box>) : <Text></Text> }
            { diag && Object.keys(diag).length ? (
              <Box marginLeft={2}><Text>{yaml.stringify(diag)}</Text></Box>
            ) : <Text></Text> }
            { originSrc ? (
              <Box flexDirection="column">
                <Box marginLeft={2}><Text>Error Origin:{'\n'}</Text></Box>
                <Box><Text>{originSrc}</Text></Box>
                <Box marginLeft={2}><Text>{yaml.stringify(origin)}</Text></Box>
              </Box>
            ) : <Text></Text> }
          </Box>)
        }
      </Box>
    </Box>
  )
}