gpt4 book ai didi

reactjs - 如何更好地测试使用 Electron 的 actionCreator

转载 作者:行者123 更新时间:2023-12-03 12:29:08 24 4
gpt4 key购买 nike

这是一个示例 Action 创建器。它分发正确的操作,然后尝试将存储中已更新的数据持久保存到文件系统(这是一个 Electron 应用程序)。

一切正常,但我有一个关于测试 Action 创建者的问题。

...

function persistClasses(dispatch: Function, getState: Function, callback: Function) {
writeAppData(
{
[FILE_CLASSES]: JSON.stringify({[CLASSES]: getState()[CLASSES]})
},
(ioResult: Object) => {
if (ioResult.success) {
dispatch(persitingDataSuccess(CLASSES));
} else {
dispatch(persitingDataError(CLASSES));
}

callback(ioResult);
}
);
}

export function replaceClasses(updatedData: Array<Object>, callback: Function): ActionObj {
return (dispatch, getState) => {
dispatch({
type: REPLACE_CLASSES,
payload: updatedData,
});

persistClasses(dispatch, getState, callback);
};
}

...


function writeAppData(content: Object, callback: Function) {
let files = DATA_PATHS.filter(filePath => content[filePath] !== undefined)
.map(filePath => {
return new Promise((resolve, reject) => {
const FILE_PATH = getFilePath(filePath);

fs.writeFile(FILE_PATH, content[filePath], 'UTF-8', (err?: any) => {
if (err) {
reject(err);
} else {
resolve(FILE_PATH);
}
});
});
});

Promise.all(files)
.then(
responses => {
callback({
success: true,
errorObj: null,
});
}
)
.catch(
err => {
callback({
success: false,
errorObj: err,
});
}
);
}

...

以下测试有效,但它仅测试我的 replaceClasses 操作中发生的情况。

如何测试persistClasses 的作用?
import configureMockStore from 'redux-mock-store'
import thunk from 'redux-thunk';
import * as classActions from '../classActions';
import { REPLACE_CLASSES, UPDATE_CLASS, ADD_CLASS, DELETE_ALL_CLASSES } from '../../constants/actionTypes';
import ClassDefault from '../../types/class';

const middlewares = [thunk];
const mockStore = configureMockStore(middlewares);


/**
* Class Actions Tests
*/

describe('Actions: classActions:', () => {
let testClass = {};
let callback = function(){};
let store = function(){};

beforeEach(() => {
testClass = {...ClassDefault, id: 'c1', label: 'Class'};
callback = jest.fn();
store = mockStore({ classes: [] });
});

test('replaceClasses dispatches the correct action', () => {
const EXPECTED_ACTIONS = [
{ type: REPLACE_CLASSES, payload: [testClass] },
];

store.dispatch(classActions.replaceClasses([testClass], callback));
expect(store.getActions()).toEqual(EXPECTED_ACTIONS);
});

...

});

我不确定是否需要测试它,因为它只使用 Electron 的 I/O 方法,我认为 Electron 自己的测试会涵盖这些方法。或者有没有我可以测试它?我不认为这是可以访问 Electron 的测试环境。

最佳答案

我想到了两种方法:

按组成

制作 replaceClasses函数接受一个名为的函数参数,即 writeDataFn .然后在您的测试中,您可以只传递一个 spy 并检查它是否被正确的参数调用。

使用 proxyquire

https://github.com/thlorenz/proxyquire

感谢这个模块,您可以 import一个模拟其某些依赖项的模块。例如:

const classActions = proxyquire('../classActions, { writeAppData: () => 'I'm a spy!' });

顺便说一句 - 我强烈建议在开发中使用 TDD 方法 - 你不会遇到这样的问题 :) https://en.wikipedia.org/wiki/Test-driven_development

关于reactjs - 如何更好地测试使用 Electron 的 actionCreator,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49231136/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com