Function checkSplitDirAndSizes

cypress/support/splitUtils.js:60–91

(el, dir, w, h, gutterOrGutters, sizes)

//////////////////////////////////////////

export function checkSplitDirAndSizes(el, dir, w, h, gutterOrGutters, sizes) {
  const gutters = Array.isArray(gutterOrGutters) ? gutterOrGutters : new Array(sizes.length - 1).fill(gutterOrGutters)

  cy.log(`-- NEW SPLIT CHECK (${dir},${w},${h},[${gutters.join(',')}],[${sizes.join(',')}])`)

  const propGridDir = dir === 'vertical' ? 'grid-template-rows' : 'grid-template-columns'
  cy.get(el).should('have.css', propGridDir).should('include', ' ')

  const propSize = dir === 'horizontal' ? 'width' : 'height'
  const propSize2 = propSize === 'width' ? 'height' : 'width'
  const propValue2 = propSize === 'width' ? h : w

  const round = (value) => Math.round(value * 10) / 10

  cy.get(`${el} > .as-split-gutter`).should('have.length', sizes.length - 1)

  cy.get(`${el} > .as-split-gutter`).each(($el, index) => {
    const rect = $el[0].getBoundingClientRect()

    expect(rect[propSize]).to.be.eq(gutters[index])
    expect(round(rect[propSize2])).to.be.eq(round(propValue2))
  })

  cy.get(`${el} > .as-split-area`)
    .should('have.length', sizes.length)
    .each(($li, index) => {
      const rect = $li[0].getBoundingClientRect()

      expect(round(rect[propSize])).to.be.eq(round(sizes[index]))
      expect(round(rect[propSize2])).to.be.eq(round(propValue2))
    })
}