Блог

Я работаю над проектом React. И я очень новичок в написании тестовых примеров Jest. В моем проекте я написал простую функцию и пытаюсь протестировать эту функцию. Но тестовый пример терпит неудачу, кто-нибудь, пожалуйста, помогите преодолеть все ошибки.

Это App.js

 import React from 'react';
import './App.css';
import Add from './Add/Add';

const App = () => {
  return (
    <div className='container'>
      <div className='row'>
        <div className='col-12'>
          <Add></Add>
        </div>
      </div>
    </div>
  )
}

export default App
  

Это Add.js

 import React from 'react';

const Add = () => {
    const addition = () => {
        const a = 10;
        const b = 10;
        const c = a   b
        return c
    }
    const myNumber = addition()
    return (
        <div>
            {myNumber}
        </div>
    )
}

export default Add
  

Это Add.test.js

 import { addition } from './Add';

it('Addition testing', () => {
    expect(addition()).toBe(20)
})
  

Если у вас есть какие-либо вопросы, пожалуйста, оставьте комментарий

Проблема в том, что addition функция не доступна из Add.js . Если вы вместо этого сделаете

 import React from 'react';

export const addition = () => {
    const a = 10;
    const b = 10;
    const c = a   b
    return c
}

const Add = () => {
    return (
        <div></div>
    )
}

export default Add
  

тест должен пройти.

Если вы хотите использовать дополнение в своем компоненте, вы можете сделать

 import React from 'react';

export const addition = () => {
    const a = 10;
    const b = 10;
    const c = a   b
    return c
}

const Add = () => {
    const myNumber = addition();
    return (
        <div>{myNumber}</div>
    )
}

export default Add