/// <reference types="cypress" />

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

  it(".children() - get child DOM elements", () => {
    // https://on.cypress.io/children
    cy.get(".traversal-breadcrumb")
      .children(".active")
      .should("contain", "Data")
  })

  it(".closest() - get closest ancestor DOM element", () => {
    // https://on.cypress.io/closest
    cy.get(".traversal-badge")
      .closest("ul")
      .should("have.class", "list-group")
  })

  it(".eq() - get a DOM element at a specific index", () => {
    // https://on.cypress.io/eq
    cy.get(".traversal-list>li").eq(1).should("contain", "siamese")
  })

  it(".filter() - get DOM elements that match the selector", () => {
    // https://on.cypress.io/filter
    cy.get(".traversal-nav>li")
      .filter(".active")
      .should("contain", "About")
  })

  it(".find() - get descendant DOM elements of the selector", () => {
    // https://on.cypress.io/find
    cy.get(".traversal-pagination")
      .find("li")
      .find("a")
      .should("have.length", 7)
  })

  it(".first() - get first DOM element", () => {
    // https://on.cypress.io/first
    cy.get(".traversal-table td").first().should("contain", "1")
  })

  it(".last() - get last DOM element", () => {
    // https://on.cypress.io/last
    cy.get(".traversal-buttons .btn").last().should("contain", "Submit")
  })

  it(".next() - get next sibling DOM element", () => {
    // https://on.cypress.io/next
    cy.get(".traversal-ul")
      .contains("apples")
      .next()
      .should("contain", "oranges")
  })

  it(".nextAll() - get all next sibling DOM elements", () => {
    // https://on.cypress.io/nextall
    cy.get(".traversal-next-all")
      .contains("oranges")
      .nextAll()
      .should("have.length", 3)
  })

  it(".nextUntil() - get next sibling DOM elements until next el", () => {
    // https://on.cypress.io/nextuntil
    cy.get("#veggies").nextUntil("#nuts").should("have.length", 3)
  })

  it(".not() - remove DOM elements from set of DOM elements", () => {
    // https://on.cypress.io/not
    cy.get(".traversal-disabled .btn")
      .not("[disabled]")
      .should("not.contain", "Disabled")
  })

  it(".parent() - get parent DOM element from DOM elements", () => {
    // https://on.cypress.io/parent
    cy.get(".traversal-mark").parent().should("contain", "Morbi leo risus")
  })

  it(".parents() - get parent DOM elements from DOM elements", () => {
    // https://on.cypress.io/parents
    cy.get(".traversal-cite").parents().should("match", "blockquote")
  })

  it(".parentsUntil() - get parent DOM elements from DOM elements until el", () => {
    // https://on.cypress.io/parentsuntil
    cy.get(".clothes-nav")
      .find(".active")
      .parentsUntil(".clothes-nav")
      .should("have.length", 2)
  })

  it(".prev() - get previous sibling DOM element", () => {
    // https://on.cypress.io/prev
    cy.get(".birds").find(".active").prev().should("contain", "Lorikeets")
  })

  it(".prevAll() - get all previous sibling DOM elements", () => {
    // https://on.cypress.io/prevall
    cy.get(".fruits-list")
      .find(".third")
      .prevAll()
      .should("have.length", 2)
  })

  it(".prevUntil() - get all previous sibling DOM elements until el", () => {
    // https://on.cypress.io/prevuntil
    cy.get(".foods-list")
      .find("#nuts")
      .prevUntil("#veggies")
      .should("have.length", 3)
  })

  it(".siblings() - get all sibling DOM elements", () => {
    // https://on.cypress.io/siblings
    cy.get(".traversal-pills .active").siblings().should("have.length", 2)
  })
})