Реагирует (не поименовано) на импорт CSS, выдающий неожиданный токен.с мокко - PullRequest
Новая
       7

Реагирует (не поименовано) на импорт CSS, выдающий неожиданный токен.с мокко

0 голосов
/ 24 октября 2018

У меня есть что-то вроде этого (основано на https://github.com/airbnb/enzyme/tree/master/packages/enzyme-example-mocha)...

Foo.css 

.test{
  display: flex;
}

Foo.jsx 

import React from 'react';
import "./Foo.css"

const Foo = () => <div className="foo" />;

export default Foo;

Foo.spec.jsx 

import { expect } from 'chai';
import Foo from './Foo';
import React from 'react';
import { shallow, configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

configure({ adapter: new Adapter() });

describe('A suite', () => {
  it('contains spec with an expectation', () => {
      expect(shallow(<Foo />).contains(<div className="foo" />)).to.equal(true);
  });
});

Когда я запускаю, я получаю 

(function (exports, require, module, __filename, __dirname) { .test{
                                                              ^

SyntaxError: Unexpected token .

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

Если я закомментирую импорт CSS, то, похоже, он запускает тест, но не проходит, потому чтостиль не такой, как ожидалось.

...