@testing-library/react#queryByAttribute JavaScript Examples

The following examples show how to use @testing-library/react#queryByAttribute. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: end.test.js    From nhs-virtual-visit with MIT License 4 votes vote down vote up 
describe("end", () => {
  describe("for a key contact", () => {
    it("renders end of visit message", () => {
      const { getByText } = render(<EndOfVisit />);
      const text = getByText(/visit has completed/i);

      expect(text).toBeInTheDocument();
    });
  });

  describe("for a staff member", () => {
    it("has a link back to the ward visits page", () => {
      const { getByText } = render(<EndOfVisit wardId="TEST" />);
      const text = getByText(/return to virtual visits/i);

      expect(text).toBeInTheDocument();
    });

    it("does not show a link to the help and support page", () => {
      const { queryByText } = render(<EndOfVisit wardId="TEST" />);
      const text = queryByText(/Get further help and support/i);

      expect(text).not.toBeInTheDocument();
    });

    it("shows the correct rebook link", () => {
      const { getByText } = render(
        <EndOfVisit wardId="TEST" callId="TEST123" />
      );
      const text = getByText(/Rebook another virtual visit/i);

      expect(text).toBeInTheDocument();
    });

    it("contains the correct rebook link url", () => {
      const { container } = render(
        <EndOfVisit wardId="TEST" callId="TEST123" />
      );
      const getByHref = queryByAttribute.bind(null, "href");
      const rebookLink = getByHref(
        container,
        "/wards/book-a-visit?rebookCallId=TEST123"
      );

      expect(rebookLink).toBeInTheDocument();
    });
  });

  describe("getServerSideProps", () => {
    const req = {
      headers: {
        cookie: "",
      },
    };

    const callId = "TEST123";
    const query = { callId };
    const urQuestionUrl = "https://www.support.example.com";

    const retrieveUrQuestionUrl = jest.fn().mockResolvedValue({
      urQuestionUrl,
      error: null,
    });

    const container = {
      getUserIsAuthenticated: () =>
        jest.fn().mockResolvedValue({ wardId: "test-ward-id" }),
      getRetrieveUrQuestionUrl: () => retrieveUrQuestionUrl,
    };

    it("provides the call id", async () => {
      const { props } = await getServerSideProps({ req, container, query });

      expect(props.callId).toEqual("TEST123");
    });

    it("provides the ward id if the user is authenticated", async () => {
      const { props } = await getServerSideProps({ req, container, query });

      expect(props.wardId).toEqual("test-ward-id");
    });

    it("does not provides the ward id if the user is unauthenticated", async () => {
      const { props } = await getServerSideProps({
        req,
        container: {
          ...container,
          getUserIsAuthenticated: () => jest.fn().mockResolvedValue(false),
        },
        query,
      });

      expect(props.wardId).toBeNull();
    });
  });
});