有人问过类似的问题，但我还没有找到针对这个特定问题的解决方案。我有一个组件可以渲染所有板，我正在使用自定义useFetch钩子来获取所有板。
const BoardsDashboard = () => {
let [boards, setBoards] = useState([]);
const { response } = useFetch(routes.BOARDS_INDEX_URL, {});
setBoards(response);
return (
<main className="dashboard">
<section className="board-group">
<header>
<div className="board-section-logo">
<span className="person-logo"></span>
</div>
<h2>Personal Boards</h2>
</header>
<ul className="dashboard-board-tiles">
{boards.map(board => (
<BoardTile title={board.title} id={board.id} key={board.id} />
))}
<CreateBoardTile />
</ul>
</section>
</main>
);
};
const useFetch = (url, options) => {
const [response, setResponse] = useState([]);
const [error, setError] = useState(null);
useEffect(() => {
const fetchData = async () …这是针对 的测试：
it("changes the state when body input is changed", () => {
render(<CommentForm />)
// let input = screen.getByLabelText("Your Name");
let input = screen.getByRole("textbox", { name: "Your Comment" });
fireEvent.change(input, { target: { value: "MyComment" } });
expect(input.value).toEqual("MyComment");
});
使用注释行它可以工作（当我使用 搜索时getByLabelText）。这是当我尝试使用以下命令找到它时得到的结果getByRole：
Unable to find an accessible element with the role "textbox" and name "Your Comment"
Here are the accessible roles:
document:
Name "":
<body />
--------------------------------------------------
generic:
Name "":
<div />
Name "":
<div
class="input-group" …我创建了一个非常小的应用程序，如果您传递硬币和数量，它可以计算为某些加密货币支付的总价格。我想测试错误，但我总是收到“收到的承诺已解决而不是被拒绝”。我相信这是因为如果 url 错误 axios 仍然会解决承诺。
我遇到的第二个问题是，我尝试测试 url 是否正确，但我有一个问题，即标头是 url 的一部分，并且我无法弄清楚如何仅测试没有标头的 url 路径。
这些是测试 2 和 3（测试 1 有效）
// getTotalPrice.js
const axios = require("axios");
let symbol = process.argv[2];
let quantity = process.argv[3];
const API = `https://rest.coinapi.io/v1/exchangerate`;
const headers = {headers:{"X-CoinAPI-Key": "MY TOKEN"},};
const getTotalPrice = async (symbol = "BTC", quantity = 1) => {
try {
let res = await axios.get(`${API}/${symbol}/USD`, headers);
let data = res.data;
return Math.round(data.rate * quantity * 100) / 100;
} catch(err) {
console.log(err)
}
}; …我正在使用 React 测试库，按照它的约定，元素应该通过getByRole.
当我输入type="text"角色时textarea，这个角色很好。
现在我已经输入了type="number"，错误消息建议我使用spinbutton有效的角色，但对我来说没有意义。
输入类型有不同的作用吗number？
def test_problem(str)
str[3].upcase! # str[3] = str[3].upcase! works
str
end
p test_problem("hello")
我的问题是为什么String.upcase!哪个是mutating方法不会在上面的情况下改变字符串,但你需要在字符串中重新分配该字符？
有谁知道为什么在下面的代码示例中，当 ES6 类只是构造函数和原型模式之上的语法糖时，JS 会抛出错误？
// Example 1
class Cat {
meow() {
console.log('Meow meow!')
}
}
let kitty = {};
Object.assign(kitty, Cat.prototype);
kitty.meow(); // TypeError: kitty.meow is not a function为什么这段代码片段在功能上应该与上面的代码片段相同？
class Cat {
}
Cat.prototype.meow = function() {console.log('Meow meow!')}
let kitty = {};
Object.assign(kitty, Cat.prototype);
kitty.meow(); // Meow meow!
javascript ×3
reactjs ×3
axios ×1
class ×1
ecmascript-6 ×1
fetch ×1
jestjs ×1
prototype ×1
react-hooks ×1
ruby ×1
string ×1
unit-testing ×1