import { PureComponent } from 'react';
import PropTypes from 'prop-types';

import SpriteIcon from 'shared/ui/SpriteIcon';

import classnames from 'classnames';

import 'profile/styles/profile.scss';


export class PasswordCheck extends PureComponent {
  static propTypes = {
    ok: PropTypes.bool.isRequired,
    children: PropTypes.node,
  };

  render() {
    const className = classnames('password-check', { 'ok': this.props.ok });

    return (
      <div className={ className }>
        <SpriteIcon
          icon="checkmark"
          style={ { color: this.props.ok ? '#51a33d' : null } }
        />
        <span className="check-text">
          { this.props.children }
        </span>
      </div>
    );
  }
}

export default PasswordCheck;

Uncaught SyntaxError: Unexpected token '<' bundle.js:1

const { defineConfig } = require('cypress');

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      // implement node event listeners here
    },
    baseUrl: 'http://localhost:3000/ui',
    env: {
      PUBLIC_URL: '/ui',
    },
    video: false,
  },

  component: {
    devServer: {
      framework: 'create-react-app',
      bundler: 'webpack',
    },
  },
});

craco

@bahmutov/cypress-code-coverage/support

!duplicate

cy.intercept('POST', '**/2/account', { body: {} }).as('createChildAccount');

    cy.mount(<AddAccountDialog{ ...defaultProps } />, { store });

    cy.get('.button-loader').should('not.exist');
    cy.getByLabelText('Account Name').type('TestCo LLC');
    cy.getByLabelText('Purchased Seats').type('1337');
    cy.contains('button', 'Create Account')
      .click();
    cy.contains('button', 'Create Account').should('have.class', 'button-loader');
    cy.get('@createChildAccount').its('response.status').should('be', 200);

cy.intercept

sass

cy.mount(<Numbers />)

<Numbers />

/// <reference types="cypress" />
import React from 'react'
import { Numbers } from './Numbers'

describe('Numbers', () => {
  it('shows numbers', () => {
    cy.mount(<Numbers />)
  })
})