小编Myt*_*lls的帖子

我正在尝试测试 useQuery 挂钩。测试 (expect(screen.getByText(/Loading.../)).not.toBeInTheDocument()) 似乎失败。我只是不断在 dom 中加载文本，而不是标题。尽管mockResolved已被分配/知道为什么会发生这种情况吗？整个目标是测试 isLoading 和 isError。下面是代码

索引.js

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
import { QueryClient, QueryClientProvider } from "react-query";

const queryClient = new QueryClient();

ReactDOM.render(
  <React.StrictMode>
    <QueryClientProvider client={queryClient}>
      <App />
    </QueryClientProvider>
  </React.StrictMode>,
  document.getElementById("root")
);

应用程序

import React, { useState, Fragment } from "react";
import { useQuery } from "react-query";
import { getManagers } from "./api/index";
import CustomInputSelect from "./components/CustomInputSelect";
import { processEmployeeData } from "./utils/index";
import "./App.scss";

const App …

将我的 react es6 comp 转换为打字稿时，我在第 16 行（<Line ...）的 IDE 中遇到了这个奇怪的打字稿错误。它是我使用 react-chartjs-2 的图表组件。

类型 '{ 数据：{ 标签：字符串 []; 中缺少属性 '类型' 数据集：{标签：字符串；数据：字符串[]；}[]; }; 高度：数量；宽度：数量；选项：{maintainAspectRatio：布尔值；比例：{ yAxes：{ 刻度：{ beginAtZero：布尔值；}; }[]; }; 传奇： { ...; }; }; }' 但在'Props'类型中是必需的。

import React from "react";
import { Line, defaults } from "react-chartjs-2";

defaults.plugins.tooltip.enabled = true;
defaults.plugins.legend.position = "bottom";

interface Props {
  currencyValues: string[],
  dateList: string[],
}

const LineGraph = ({ currencyValues, dateList }: Props) => {
  return (
    <div className="graphContainer">
      {currencyValues.length ? (
        <Line
          data={{
            labels: [...dateList], …