VZ
Size: a a a
2018 January 03
RZ
Ребят,гляньте,кому не сложно,что у меня в тесте не так, все время ругань на компонент идет, даже до преобразование в snapshot не доходит
RZ
Структура кнопки вообще изи
RZ
import React from 'react';
// import 'bootstrap/dist/css/bootstrap.min.css';
export default class Button extends React.Component {
render () {
return(
<div>
<button type="submit" className="btn padd">Create</button>
</div>
);
}
}
// import 'bootstrap/dist/css/bootstrap.min.css';
export default class Button extends React.Component {
render () {
return(
<div>
<button type="submit" className="btn padd">Create</button>
</div>
);
}
}
VZ
Сам jest'ом еще не пользовался, но выглядит так, что тебе надо добавить react-preset в .babelrc
RZ
Проблема вся в том, что как только добавляю файл .babelrc,начинается ругань на импорты в ес6, и вебпак при сборке прилы умирает сразу
PA
покажи код самого теста
SI
В стандарте хтмл теги надо закрывать кроме тех тегов которые одиносные, попробуй нормально button / button
SI
И если не ошибаюсь бабель и другие смотрят на это
SI
И в реакте они рекомендуют закрывать теги
α
тег у него закрыт же и так
α
конфиг бабеля скорее всего кривой
SI
А код button.test.js что говориь
SI
Когда ты обернул в компоненту Button
SI
То правильно ее тоже закрыть
α
конфиг бабеля скорее всего кривой
т.е. jest не может преобразовать этот компонент через бабель
в конфиге jest должно быть что-то типа
в конфиге jest должно быть что-то типа
"transform": {
"^.+\\.(js|jsx)$": "<rootDir>/node_modules/babel-jest"
}RZ
import React from 'react';
import { shallow } from 'enzyme';
import { shallowToJson } from 'enzyme-to-json'
import Button from '../../client/components/Button';
describe('Button', () => {
it('Renders button to user', () => {
const button = shallow(
<Button/>
);
expect(shallowToJson(button)).toMatchSnapshot();
});
});
import { shallow } from 'enzyme';
import { shallowToJson } from 'enzyme-to-json'
import Button from '../../client/components/Button';
describe('Button', () => {
it('Renders button to user', () => {
const button = shallow(
<Button/>
);
expect(shallowToJson(button)).toMatchSnapshot();
});
});
RZ
вот код самого теста
RZ
а файл конфига babel можно в игнор как то добавить от вебпака?