pa11y-ci.js

const defaults = {
  timeout: 30000,
  standard: 'WCAG2AA',
  runners: ['axe'],
  viewport: {
    width: 1300,
    height: 1200,
  },
  chromeLaunchConfig: {
    args: ['--no-sandbox', '--disable-setuid-sandbox'],
  },
};

const log = {
  debug: console.log,
  error: console.error,
  info: console.log,
};

const loginActions = [
  'wait for path to be /login',
  'screen capture captures/login.png',
  'click element button',
  'wait for element #username to be visible',
  'screen capture captures/login1.png',
  `set field #username to ${process.env.E2E_TEST_USERNAME}`,
  'screen capture captures/login2.png',
  `set field #password to ${process.env.E2E_TEST_PASSWORD}`,
  'screen capture captures/login3.png',
  'click element #kc-login',
  'wait for url to be http://localhost:3000/applicants',
  'wait for element table to be visible',
  'wait for element .animate-spin to be removed',
];

const urls = [
  {
    // applicants
    url: 'http://localhost:3000',
    actions: [...loginActions],
    hideElements: 'div[class*="placeholder"], div[class*="singleValue"], .text-bcGreenHiredText',
  },
  {
    // details - recruitment
    url: 'http://localhost:3000',
    actions: [
      ...loginActions,
      'click element #details-0',
      'wait for path to be /details',
      'wait for element #tab-IEN_Recruitment_Process to be visible',
      'click element #tab-IEN_Recruitment_Process',
      'screen capture captures/details.png',
    ],
    hideElements: 'div[class*="placeholder"], div[class*="singleValue"], .text-bcGreenHiredText',
  },
  {
    // details - recruitment - job milestones
    url: 'http://localhost:3000',
    actions: [
      ...loginActions,
      'click element #details-0',
      'wait for path to be /details',
      'wait for element #tab-IEN_Recruitment_Process to be visible',
      'click element #tab-IEN_Recruitment_Process',
      'wait for element button[class*="bg-bcBlueBar"] to be visible',
      'click element button[class*="bg-bcBlueBar"]',
      'wait for element form to be visible',
      'screen capture captures/job.png',
    ],
    wait: 1000,
    hideElements:
      'div[class*="placeholder"], div[class*="singleValue"], .text-bcGreenHiredText, a[target="_blank"]',
  },
  {
    // reporting
    url: 'http://localhost:3000',
    actions: [
      ...loginActions,
      'navigate to http://localhost:3000/reporting',
      'wait for element .animate-spin to be removed',
      'screen capture captures/reporting.png',
    ],
    hideElements: 'div[class*="placeholder"], div[class*="singleValue"]',
  },
  {
    // user management
    url: 'http://localhost:3000',
    actions: [
      ...loginActions,
      'navigate to http://localhost:3000/user-management',
      'wait for element .animate-spin to be removed',
      'screen capture captures/user-management.png',
    ],
    hideElements: 'div[class*="placeholder"], div[class*="singleValue"]',
  },
  {
    // user details
    url: 'http://localhost:3000',
    actions: [
      ...loginActions,
      'navigate to http://localhost:3000/user-management',
      'wait for element .animate-spin to be removed',
      'click element #details-0',
      'wait for element .animate-spin to be removed',
      'screen capture captures/user-details.png',
    ],
  },
];

if (process.env.DEBUG) {
  urls.forEach(url => (url.log = log));
}

module.exports = {
  defaults,
  urls,
};