Wrapper for jest-axe

App.js

import React from "react"

let App = () => (
  <div>
    <img src="" />
    <p>hi</p>
  </div>
)

export default App

App.test.js

import testAccessibility from './testAccessibility'

import App from '../'

describe('App', function() {

  test('accessibility', async function() {
     await testAccessibility(App)
  })

})

testAccessibility.js

import React from 'react'

import { render } from '@testing-library/react';
const { axe, configureAxe, toHaveNoViolations } = require('jest-axe')
expect.extend(toHaveNoViolations)

let config = {
  impactLevels: ['critical'],
  rules: {
    'color-contrast': { enabled: false }
  }
}

async function testAccessibility(El) {
  let { container } = render(<El />)
  let results =  await axe(container, config)
  return expect(results).toHaveNoViolations()
}

export default testAccessibility

Note the async requirement in the test; omitting this will result in a false positive.