如何解决测试Javascript文件下载实用功能
我编写了实用函数来下载以路径为输入的文件并根据路径下载文件名。这是:
static downloadFile(path) {
return fetch(path)
.then(resp => resp.blob())
.then(blob => {
const url = window.URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
const fileName = path.includes('file1') ? 'file.csv' : 'file2.csv';
a.setAttribute('download',fileName);
document.body.appendChild(a);
a.click();
window.URL.revokeObjectURL(url);
})
}
function jsonOk (body) {
var mockResponse = new window.Response(JSON.stringify(body),{
status: 200,headers: {
'Content-type': 'application/json','Accept': 'text/csv'
}
});
return Promise.resolve(mockResponse);
}
const MOCK_JSON = {
'key1' : 'value1'
};
describe('Test utils',() => {
beforeEach(() => {
let stub = sinon.stub(window,'fetch');
stub.onCall(0).returns(jsonOk(MOCK_JSON));
});
afterEach(() => {
window.fetch.restore();
});
it('test csv download',() => {
const link = {click: sinon.spy();}
global.URL.createObjectURL = sinon.fake.returns('https://something.com');
global.URL.revokeObjectURL = sinon.fake();
global.Blob = function(content,options) {
return {content,options};
};
sinon.Spy(document,'createElement',() => link);
// my actual fn call
Utils.downloadFile('https://something.com/file1');
expect(link.download).to.equal('file1.csv'); // Chai check
expect(link.click).should.have.callCount(1);
});
});
谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。