ivan-ha

// apm list --installed --bare > atom-package-list.txt
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]

ivan-ha

class App extends React.Component {
  state = { users: [] };

  componentDidMount() {
    axios("https://randomuser.me/api/?results=10&inc=name,login&nat=us").then(
      response => {
        this.setState({
          users: response.data.results
        });
      }

ivan-ha

const App = () => {
  const [users, setUsers] = useState([]);

  useEffect(() => {
    (async () => {
      try {
        const response = await axios(
          "https://randomuser.me/api/?results=10&inc=name,login&nat=us"
        );
        setUsers(response.data.results);

ivan-ha

const App = () => {
  const users = useRandomUsers();

  return (
    <div className="App">
      <header className="App-header">
        <ol>
          {users &&
            users.map(({ name, login }) => (
              <li key={login.uuid}>

ivan-ha

jest.mock("axios");

describe("useRandomUsers", () => {
  it("call API and return results", async () => {
    axios.mockImplementation(() => Promise.resolve({ data: mockResponse }));
    const users = useRandomUsers();

    expect(users.current).toStrictEqual(mockResponse);
  });
});

ivan-ha

import { renderHook, act } from "react-hooks-testing-library";

jest.mock("axios");

describe("useRandomUsers", () => {
  it("call API and return results", async () => {
    axios.mockImplementation(() => Promise.resolve({ data: mockResponse }));
    const { result, waitForNextUpdate } = renderHook(() => useRandomUsers());

    expect(result.current).toStrictEqual([]);