usa-map-react
Version:
Forked and refactored to use typescript from [https://github.com/gabidavila/react-usa-map](https://github.com/gabidavila/react-usa-map)
20 lines (19 loc) • 1.2 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { render, screen } from "@testing-library/react";
import { USAState } from "../USA-state";
import { DATA } from "../data";
import userEvent from "@testing-library/user-event";
test("renders state path", function () {
var states = Object.values(DATA);
var state = states[Math.floor(Math.random() * states.length)];
render(_jsx("svg", { children: _jsx(USAState, { state: state.abbreviation, dimensions: state.dimensions, fill: "#fff", onClickState: function (e) { }, stateName: state.name }, void 0) }, void 0));
expect(screen.getByText(state.name)).toBeInTheDocument();
});
test("renders state path and clicks", function () {
var onClick = jest.fn();
var states = Object.values(DATA);
var state = states[Math.floor(Math.random() * states.length)];
render(_jsx("svg", { children: _jsx(USAState, { state: state.abbreviation, dimensions: state.dimensions, fill: "#fff", onClickState: function (e) { return onClick(e.currentTarget.dataset.name); }, stateName: state.name }, void 0) }, void 0));
userEvent.click(screen.getByText(state.name));
expect(onClick).toHaveBeenCalledWith(state.abbreviation);
});