gpt4 book ai didi

automated-tests - 模拟 API 根据请求 URL 的动态部分给出响应

转载 作者:行者123 更新时间:2023-12-04 07:04:55 24 4
gpt4 key购买 nike

我想模拟 API 调用,以便请求 http://localhost:8080/api/test/<yyyy-mm-dd>给出回应: {date: <yyyy-mm-dd>, data: 'my cool data'}哪里<yyyy-mm-dd>未修复(该请求在过去 7 天内提出了 7 次)

如何在 TestCafé 中为此创建模拟?请注意,响应数据取决于请求 URL。

最佳答案

index.htmlindex.js 文件放在同一文件夹中。然后在终端中运行 testcafe chrome test.js 命令。

index.html

<html>
<body>
<h1>Page</h1>
<button id="sendRequestBtn">Send request</button>
<code id='response'></code>
<script>
var sendRequestBtn = document.getElementById('sendRequestBtn');
var responseData = document.getElementById('response');

sendRequestBtn.addEventListener('click', function (){
fetch('http://localhost:8080/api/test/2019-07-12')
.then(response => {
return response.json();
})
.then(json => {
responseData.textContent = JSON.stringify(json, null, 4);
})
.catch(e => console.error(e));
});
</script>
</body>
</html>

test.js

import { RequestMock } from 'testcafe';

const mock = RequestMock()
.onRequestTo(/http:\/\/localhost:8080\/api\/test\/.*/)
.respond((req, res) => {
res.headers['access-control-allow-origin'] = '*'; // It's necessary because TestCafe load the page via file protocol in this example.

const dateUrlPart = req.path.replace('/api/test/', '');

res.setBody({
date: dateUrlPart,
data: 'my cool data'
});
});

fixture `Fixture`
.page('./index.html')
.requestHooks(mock);

test('test', async t => {
await t.click('#sendRequestBtn').wait(1000);
});

关于automated-tests - 模拟 API 根据请求 URL 的动态部分给出响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57002221/

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