@omni-door/tpl-component-react/lib/templates/new/test.js

The React component-react project template

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.tpl_new_test = void 0;
var utils_1 = require("@omni-door/utils");
var tpl = "`import 'jsdom-global/register';\nimport * as React from 'react';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport '@testing-library/jest-dom';\nimport { ${componentName} } from '../index';\n\nconst originalConsoleError = console.error;\nconsole.error = (message, ...optionalParams) => {\n  if (\n    message.includes('Could not parse CSS stylesheet') ||\n    message.includes('findDOMNode is deprecated and will be removed')\n  ) {\n      return;\n  }\n  originalConsoleError(message, ...optionalParams);\n};\n\ndescribe('${componentName}', () => {\n  it('renders correctly', () => {\n    const wrapper = render(\n      <${componentName} />\n    );\n    expect(wrapper).toMatchSnapshot();\n  });\n  it('simulate events', async () => {\n    const onClick = jest.fn(); \n    render(\n      <${componentName} data-testid='id-${componentName.toLowerCase()}' onClick={onClick} />\n    );\n    const user = userEvent.setup();\n    await user.click(screen.getByTestId('id-${componentName.toLowerCase()}'))\n    expect(onClick).toHaveBeenCalled();\n  });\n});\n`";
exports.tpl_new_test = {
    tpl: tpl
};
exports.default = utils_1.tplEngineNew(exports.tpl_new_test, 'tpl');