"use strict";

var _react = _interopRequireDefault(require("react"));
var _breadcrumbs = require("./breadcrumbs");
var _react2 = require("@emotion/react");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/*
 * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
 * or more contributor license agreements. Licensed under the Elastic License
 * 2.0 and the Server Side Public License, v 1; you may not use this file except
 * in compliance with, at your election, the Elastic License 2.0 or the Server
 * Side Public License, v 1.
 */

/// <reference types="cypress" />
/// <reference types="cypress-real-events" />
/// <reference types="../../../cypress/support" />

var breadcrumbs = [{
  text: 'Animals',
  href: '#'
}, {
  text: 'Metazoans',
  href: '#'
}, {
  text: 'Chordates',
  href: '#'
}, {
  text: 'Vertebrates',
  href: '#'
}, {
  text: 'Tetrapods',
  href: '#'
}, {
  text: 'Reptiles',
  href: '#'
}, {
  text: 'Boa constrictor',
  href: '#'
}, {
  text: 'Nebulosa subspecies'
}];
beforeEach(function () {
  // Displays all breadcrumbs except the single truncated one
  cy.viewport(1024, 768); // medium breakpoint
  cy.mount((0, _react2.jsx)(_breadcrumbs.EuiBreadcrumbs, {
    max: 4,
    breadcrumbs: breadcrumbs,
    "aria-label": "An example of EuiBreadcrumbs with specifying max prop"
  }));
  cy.get('ol.euiBreadcrumbs__list').should('exist');
});
describe('EuiBreadcrumbs', function () {
  describe('Automated accessibility check', function () {
    it('has zero violations on first render', function () {
      cy.checkAxe();
    });
    it('has zero violations when truncated menu is open', function () {
      cy.get('[aria-label="See collapsed breadcrumbs"]').realClick();
      cy.get('[data-popover-open="true"] nav.euiBreadcrumbs').should('exist');
      cy.checkAxe();
    });
  });
});