radicle-explorer/src/Error.spec.ts

import Error from "./Error.svelte";
import { render } from "@testing-library/svelte";
import { Failure } from "@app/error";
import "@public/index.css";

describe("Error", () => {
  it("should show passed in props", () => {
    render(Error, {
      props: {
        subtitle: "Subtitle of Modal",
        error: {
          type: Failure.InsufficientBalance,
          txHash:
            "0x8b678e51f970c5307bf45a8bcea373b597f9acbcea5c5ba784a1d383361a89d1",
          message: "Not enough RAD",
        },
      },
    });
    cy.findByText("Error");
    cy.findByText("Subtitle of Modal");
    cy.findByText("Not enough RAD");
    cy.findByText("Back");
  });

  it("should show custom error message", () => {
    render(Error, {
      props: {
        subtitle: "Subtitle of Modal",
        message: "Error message to check for",
      },
    });
    cy.findByText("Error message to check for");
  });

  it("should change button label to Close when floating", () => {
    render(Error, {
      props: {
        title: "Title of Modal",
        subtitle: "Subtitle of Modal",
        message: "Error message to check for",
        floating: true,
      },
    });
    cy.findByText("Close");
  });
});