import { REGEX_MATCH_NON_EMPTY_TEXT } from 'cypress/support/e2e';
import { testA11y } from 'cypress/support/utils';

describe('Collection Statistics Page', () => {
  const COLLECTIONSTATISTICSPAGE = '/statistics/collections/'.concat(Cypress.env('DSPACE_TEST_COLLECTION'));

  it('should load if you click on "Statistics" from a Collection page', () => {
    cy.visit('/collections/'.concat(Cypress.env('DSPACE_TEST_COLLECTION')));
    cy.get('ds-navbar ds-link-menu-item a[data-test="link-menu-item.menu.section.statistics"]').click();
    cy.location('pathname').should('eq', COLLECTIONSTATISTICSPAGE);
  });

  it('should contain a "Total visits" section', () => {
    cy.visit(COLLECTIONSTATISTICSPAGE);
    cy.get('table[data-test="TotalVisits"]').should('be.visible');
  });

  it('should contain a "Total visits per month" section', () => {
    cy.visit(COLLECTIONSTATISTICSPAGE);
    // Check just for existence because this table is empty in CI environment as it's historical data
    cy.get('.'.concat(Cypress.env('DSPACE_TEST_COLLECTION')).concat('_TotalVisitsPerMonth')).should('exist');
  });

  it('should pass accessibility tests', () => {
    cy.visit(COLLECTIONSTATISTICSPAGE);

    // <ds-collection-statistics-page> tag must be loaded
    cy.get('ds-collection-statistics-page').should('be.visible');

    // Verify / wait until "Total Visits" table's label is non-empty
    // (This table loads these labels asynchronously, so we want to wait for them before analyzing page)
    cy.get('table[data-test="TotalVisits"] th[data-test="statistics-label"]').contains(REGEX_MATCH_NON_EMPTY_TEXT);

    // Analyze <ds-collection-statistics-page> for accessibility issues
    testA11y('ds-collection-statistics-page');
  });
});