deck.mdx

import { CodeSurfer, CodeSurferColumns, Step, } from "code-surfer"; import { duotoneDark, vsDark } from "@code-surfer/themes";

export const theme = vsDark;

describe("Login Page", () => {
  it("should let you log in", () => {

  });
});

describe("Login Page", () => {
  it("should let you log in", () => {
    cy.visit("/login");
  });
});

describe("Login Page", () => {
  it("should let you log in", () => {
    cy.visit("/login");
    cy.get('input[type="email"]').type(
      "[email protected]"
    );
  });
});

describe("Login Page", () => {
  it("should let you log in", () => {
    cy.visit("/login");
    cy.get('input[type="email"]').type(
      "[email protected]"
    );
    cy.get('input[type="password"]').type("Password123!");
  });
});

describe("Login Page", () => {
  it("should let you log in", () => {
    cy.visit("/login");
    cy.get('input[type="email"]').type(
      "[email protected]"
    );
    cy.get('input[type="password"]').type("Password123!");
    cy.get(".btn").contains(/login/i).click();
  });
});

describe("Login Page", () => {
  it("should let you log in", () => {
    cy.visit("/login");
    cy.get('input[type="email"]').type(
      "[email protected]"
    );
    cy.get('input[type="password"]').type("Password123!");
    cy.get(".btn").contains(/login/i).click();
    cy.contains(/dashboard/i).should("exist");
  });
});

---

<CodeSurferColumns themes={[duotoneDark, vsDark]}>

---

---