Подтвердить что ты не робот

Реагировать unit test со шуткой в ​​es6

Я новичок в мире реагирования и пытаюсь написать простое приложение для друзей. Я написал магазин друзей в стиле es6 и использовал babel как transpiler от es5 до es6.

import AppDispatcher from '../dispatcher/app_dispatcher';
import { EventEmitter } from 'events';
import FRIENDS_CONST from '../constants/friends';

const CHANGE_EVENT = 'CHANGE';

let friendsList = [];


let add = (name) => {

    let counter = friendsList.length + 1;
    let newFriend = {
        id: counter,
        name: name
    };

    friendsList.push(newFriend);

}

let remove = (id) => {
    let index = friendsList.findIndex(e => e.id == id);
    delete friendsList[index];
}


let FriendsStore = Object.assign({}, EventEmitter.prototype, {

    getAll: () => {
        return friendsList;
    },

    emitChange: () => {
        this.emit(CHANGE_EVENT);
    },

    addChangeListener: (callback) => {
        this.on(CHANGE_EVENT, callback);
    },

    removeChangeListener: (callback) => {
        this.removeListener(CHANGE_EVENT, callback);
    }

});

AppDispatcher.register((action) => {

    switch (action.actionType) {
        case FRIENDS_CONST.ADD_FRIENDS:
            add(action.name);
            FriendsStore.emitChange();
            break;
        case FRIENDS_CONST.REMOVE_FRIENDS:
            remove(action.id);
            FriendsStore.emitChange();
            break;
    }

});

export default FriendsStore;

Теперь я хочу проверить свой магазин и написать unit test также в es6

jest.dontMock('../../constants/friends');
jest.dontMock('../friends_store');


describe('FriendsStore', () => {

    import FRIENDS from '../../constants/friends';
    import AppDispatcher from '../../dispatcher/AppDispatcher';
    import FriendsStore from '../friends_store';

    let FakeAppDispatcher;
    let FakeFriendsStore;
    let callback;

    let addFriends = {
        actionType: FRIENDS.ADD_FRIENDS,
        name: 'Many'
    };

    let removeFriend = {
        actionType: FRIENDS.REMOVE_FRIENDS,
        id: '3'
    };

    beforeEach(function() {
        FakeAppDispatcher = AppDispatcher;
        FakeFriendsStore = FriendsStore;
        callback = AppDispatcher.register.mock.calls[0][0];
    });

    it('Should initialize with no friends items', function() {
        var all = FriendsStore.getAll();
        expect(all).toEqual([]);
    });



}); 

Когда я выполняю тест с помощью инструкции npm test, у меня есть сообщение об ошибке:

> [email protected] test /Volumes/Developer/reactjs/app5
> echo "Error: no test specified"

Error: no test specified

Что я делаю неправильно? Структура файла выглядит следующим образом: enter image description here

4b9b3361

Ответ 1

Чтобы проверить синтаксис ES6 и файлы JSX, они должны быть преобразованы для Jest. Jest имеет переменную config, где вы можете определить препроцессор (scriptPreprocessor). Вы можете использовать препроцессор babel-jest:

Внесите следующие изменения в пакет package.json:

{
  "devDependencies": {
    "babel-jest": "*",
    "jest-cli": "*"
  },
  "scripts": {
    "test": "jest"
  },
  "jest": {
    "scriptPreprocessor": "<rootDir>/node_modules/babel-jest",
    "testFileExtensions": ["es6", "js"],
    "moduleFileExtensions": ["js", "json", "es6"]
  }
}

И запустите:

$ npm install

Ответ 2

Я сделал это после учебника:

npm install --save-dev jest babel-jest babel-preset-es2015 babel-preset-react react-test-renderer

то

добавить в package.json

  "scripts": {
    "test": "jest"
  },
  "jest": {
    "testPathDirs": [
      "src/main/resources/web_pages/__tests__"
    ]
  },

Результат:

 PASS  src/main/resources/web_pages/__tests__/modules/utils/ValidationUtil.spec.js (5.214s)
  ✓ ValidateEmail (5ms)

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        6.092s, estimated 7s
Ran all test suites.