[英]How can I test this function using Jest framework?
我下面有 function。 我無法使用 Jest 框架測試這個 function。
function:
const XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest;
exports.xhrExample = function() {
var xhr = new XMLHttpRequest();
xhr.open('POST', 'url' , true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log('Some text');
console.log('Some text');
}
};
xhr.send(/*body*/);
}
考試:
/**
* @jest-environment jsdom
*/
const { xhrExample } = require('../function/exampleXHR');
const open = jest.fn();
const setRequestHeader = jest.fn();
const send = jest.fn();
const status = 200;
const readyState = 4;
const xhrMockClass = function () {
return {
open,
setRequestHeader,
send,
status,
readyState
};
};
global.XMLHttpRequest = jest.fn().mockImplementation(xhrMockClass);
test('Should make a request', () => {
xhrExample();
})
特別是我不能涵蓋 if 分支。 我怎樣才能寫出正確的測試? 我見過很多解決方案,但它們不起作用。 我還使用了 xhr-mock 實用程序,但它仍然無法正常工作。 謝謝大家。
我將創建一個 HTTP 服務器來測試它,而不是 mocking。你的代碼沒有意義,我做了一些重構並為xhrExample
function 添加了opts
參數。它更通用,更容易測試。
例如
exampleXHR.js
:
const XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest;
exports.xhrExample = function (opts) {
var xhr = new XMLHttpRequest();
xhr.open(opts.method, opts.url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
opts.onSuccess(response);
}
};
xhr.send();
};
exampleXHR.test.js
:
const http = require('http');
const { xhrExample } = require('./exampleXHR');
describe('71021143', () => {
let server;
beforeEach((done) => {
server = http
.createServer((req, res) => {
const body = JSON.stringify({ name: 'amelia' });
res.writeHead(200, {
'Content-Type': 'application/json',
'Content-Length': Buffer.byteLength(body),
});
res.write(body);
res.end();
})
.listen(8000, done);
});
afterEach((done) => {
server.close(done);
});
test('should pass', (done) => {
expect.assertions(1);
xhrExample({
method: 'POST',
url: 'http://localhost:8000',
onSuccess: (res) => {
console.log(res);
expect(res).toEqual({ name: 'amelia' });
done();
},
});
});
});
測試結果:
PASS stackoverflow/71021143/exampleXHR.test.js (7.859 s)
71021143
✓ should pass (37 ms)
console.log
{ name: 'amelia' }
at Object.onSuccess (stackoverflow/71021143/exampleXHR.test.js:28:17)
---------------|---------|----------|---------|---------|-------------------
File | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s
---------------|---------|----------|---------|---------|-------------------
All files | 100 | 100 | 100 | 100 |
exampleXHR.js | 100 | 100 | 100 | 100 |
---------------|---------|----------|---------|---------|-------------------
Test Suites: 1 passed, 1 total
Tests: 1 passed, 1 total
Snapshots: 0 total
Time: 8.41 s
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.