37 lines
872 B
TypeScript
37 lines
872 B
TypeScript
|
import React from "react";
|
||
|
|
import { DataLoader } from "./DataLoader";
|
||
|
|
import { act } from "@testing-library/react";
|
||
|
|
import { render, unmountComponentAtNode } from "react-dom";
|
||
|
|
|
||
|
|
let container: HTMLDivElement;
|
||
|
|
beforeEach(() => {
|
||
|
|
container = document.createElement("div");
|
||
|
|
document.body.appendChild(container);
|
||
|
|
});
|
||
|
|
|
||
|
|
afterEach(() => {
|
||
|
|
unmountComponentAtNode(container);
|
||
|
|
container.remove();
|
||
|
|
});
|
||
|
|
|
||
|
|
describe("<DataLoader />", () => {
|
||
|
|
it("render", async () => {
|
||
|
|
const loader = () => Promise.resolve(["a", "b"]);
|
||
|
|
await act(async () => {
|
||
|
|
render(
|
||
|
|
<DataLoader loader={loader}>
|
||
|
|
{(data) => (
|
||
|
|
<div>
|
||
|
|
{data.map((d, i) => (
|
||
|
|
<i key={i}>{d}</i>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
)}
|
||
|
|
</DataLoader>,
|
||
|
|
container
|
||
|
|
);
|
||
|
|
});
|
||
|
|
expect(container.textContent).toBe("ab");
|
||
|
|
});
|
||
|
|
});
|