我有一個 javascript 函式帽子使用提示詢問用戶的詳細資訊：
export function askUserForTeamDetails() {
const emoji = window.prompt( 'Enter new team’s emoji:' );
if ( null === emoji ) {
return;
}
const name = window.prompt( 'Enter new team’s name:' );
if ( null === name ) {
return;
}
return { name, emoji };
}
然后我在一個 HTML 檔案中設定了 Qunit 和 Sinon.js，如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Rusty Inc. Org Chart WordPress Plugin JavaScript Tests</title>
<link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.7.1.css">
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<div >
<h1>Here is the playground</h1>
<div id="playground"></div>
</div>
<script src="../node_modules/sinon/pkg/sinon.js"></script>
<script type="module">
import sinon from "../node_modules/sinon/pkg/sinon-esm.js";
console.log('is sinon', sinon)
</script>
<script src="https://code.jquery.com/qunit/qunit-2.7.1.js"></script>
<script type="module">
import { subscribe, updateTree, updateSecretURL, getTree , createExpandCollapseCallback } from '../framework.js';
import { ui , askUserForTeamDetails } from '../ui.js';
const q = QUnit;
q.test('test details function', assert => {
let windowSpy = sinon.spy(window, 'prompt');
//Dont want to call the real function because it will cause propmts to display
let askDetailsSub = sinon.stub(askUserForTeamDetails)
const fake = sinon.fake(askUserForTeamDetails);
// this gives an error
sinon.assert.calledOnce(windowSpy);
//how to simulate the process of entering inouts to prompt progamttaically?
// verify that the returned values are the ones inout by users
} )
</script>
</body>
</html>
我覺得我錯誤地設定了假功能，它給了我一個錯誤：失敗的測驗描述訊息
錯誤的文字描述是：
Died on test #1 at https://923f663c4822.wp.prod1.devex.live/wp-content/plugins/rusty-inc-org-chart/tests/test.html:68:6: expected prompt to be called once but was called 0 times@ 6 ms
Source:
AssertError: expected prompt to be called once but was called 0 times
at Object.fail (https://923f663c4822.wp.prod1.devex.live/wp-content/plugins/rusty-inc-org-chart/node_modules/sinon/pkg/sinon.js:174:25)
at failAssertion (https://923f663c4822.wp.prod1.devex.live/wp-content/plugins/rusty-inc-org-chart/node_modules/sinon/pkg/sinon.js:120:20)
at Object.assert.<computed> [as calledOnce] (https://923f663c4822.wp.prod1.devex.live/wp-content/plugins/rusty-inc-org-chart/node_modules/sinon/pkg/sinon.js:149:17)
at Object.<anonymous> (https://923f663c4822.wp.prod1.devex.live/wp-content/plugins/rusty-inc-org-chart/tests/test.html:76:18)
不應該呼叫提示嗎？
我想測驗正在呼叫的提示，然后模擬向提示輸入值。此外，該函式回傳正確的值。我該如何測驗它？
uj5u.com熱心網友回復：
您不必模擬該askUserForTeamDetails函式，而是可以存根該window.prompt函式并通過存根它的回傳值來偽造輸入，如下所示：
let windowStub = sinon.stub(window, 'prompt');
//fakes taking input by stubbing the return value of prompt
// use `withArgs` to provide return value for the specific call
windowStub.withArgs('Enter new team’s emoji:').returns(testEmoji);
windowStub.withArgs('Enter new team’s name:').returns(testTeam);
解決方案如下所示：
q.test('tes inputs function', assert => {
const testEmoji = `??`;
const testTeam = 'newTeama';
let windowStub = sinon.stub(window, 'prompt');
//fakes taking input but stubbing the return value of prompt
windowStub.withArgs('Enter new team’s emoji:').returns(testEmoji);
windowStub.withArgs('Enter new team’s name:').returns(testTeam);
//call the details functions
const answers = askUserForTeamDetails();
// restore/free window.prompt from stubbing
windowSpy.restore();
//perform the neessary assertions
assert.ok( windowStub.withArgs('Enter new team’s emoji:').callCount === 1 , 'Prompt is opened for emoji' );
assert.ok( windowStub.withArgs('Enter new team’s name:').callCount === 1 , 'Prompt is opened for team’s name:' );
assert.ok( (answers.name === testTeam ) && (answers.emoji === testEmoji) , 'Returns the values enter in prompt ' );
} )
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/481710.html
標籤：javascript 测试 嘲弄 诗乃 量子单位
上一篇：如何用玩笑測驗隨機顏色生成器