/// <reference types="Cypress" />

context("Misc", () => {
  beforeEach(() => {
    cy.visit("https://example.cypress.io/commands/misc");
  });

  it(".end() - end the command chain", () => {
    // https://on.cypress.io/end

    // cy.end is useful when you want to end a chain of commands
    // and force Cypress to re-query from the root element
    cy.get(".misc-table").within(() => {
      // ends the current chain and yields null
      cy.contains("Cheryl")
        .click()
        .end();

      // queries the entire table again
      cy.contains("Charles").click();
    });
  });

  it("cy.exec() - execute a system command", () => {
    // https://on.cypress.io/exec

    // execute a system command.
    // so you can take actions necessary for
    // your test outside the scope of Cypress.
    cy.exec("echo Jane Lane")
      .its("stdout")
      .should("contain", "Jane Lane");

    // we can use Cypress.platform string to
    // select appropriate command
    // https://on.cypress/io/platform
    cy.log(`Platform ${Cypress.platform} architecture ${Cypress.arch}`);

    if (Cypress.platform === "win32") {
      cy.exec("print cypress.json")
        .its("stderr")
        .should("be.empty");
    } else {
      cy.exec("cat cypress.json")
        .its("stderr")
        .should("be.empty");

      cy.exec("pwd")
        .its("code")
        .should("eq", 0);
    }
  });

  it("cy.focused() - get the DOM element that has focus", () => {
    // https://on.cypress.io/focused
    cy.get(".misc-form")
      .find("#name")
      .click();
    cy.focused().should("have.id", "name");

    cy.get(".misc-form")
      .find("#description")
      .click();
    cy.focused().should("have.id", "description");
  });

  context("Cypress.Screenshot", function() {
    it("cy.screenshot() - take a screenshot", () => {
      // https://on.cypress.io/screenshot
      cy.screenshot("my-image");
    });

    it("Cypress.Screenshot.defaults() - change default config of screenshots", function() {
      Cypress.Screenshot.defaults({
        blackout: [".foo"],
        capture: "viewport",
        clip: { x: 0, y: 0, width: 200, height: 200 },
        scale: false,
        disableTimersAndAnimations: true,
        screenshotOnRunFailure: true,
        beforeScreenshot() {},
        afterScreenshot() {},
      });
    });
  });

  it("cy.wrap() - wrap an object", () => {
    // https://on.cypress.io/wrap
    cy.wrap({ foo: "bar" })
      .should("have.property", "foo")
      .and("include", "bar");
  });
});