compliance.spec.ts

import { ChartPage } from '@/cypress/e2e/po/pages/explorer/charts/chart.po';
import HomePagePo from '@/cypress/e2e/po/pages/home.po';
import { InstallChartPage } from '@/cypress/e2e/po/pages/explorer/charts/install-charts.po';
import { MEDIUM_TIMEOUT_OPT, LONG_TIMEOUT_OPT } from '@/cypress/support/utils/timeouts';
import Kubectl from '@/cypress/e2e/po/components/kubectl.po';
import { CompliancePo, ComplianceListPo } from '~/cypress/e2e/po/other-products/compliance.po';
import ProductNavPo from '@/cypress/e2e/po/side-bars/product-side-nav.po';
import ChartInstalledAppsListPagePo from '@/cypress/e2e/po/pages/chart-installed-apps.po';
import { runTestWhenChartAvailable } from '@/cypress/support/commands/rancher-api-commands';

describe('Charts', { testIsolation: false, tags: ['@charts', '@adminUser'] }, () => {
  before(() => {
    cy.login();
    cy.setUserPreference({ 'show-pre-release': true }, true); // Show pre-release versions so charts with only -rc versions appear on Charts page
    HomePagePo.goTo();
  });

  describe('Compliance install', () => {
    const installChartPage = new InstallChartPage();
    const chartPage = new ChartPage();

    describe('YAML view', () => {
      describe('UI Elements', () => {
        it('Footer controls should sticky to bottom', function() {
          runTestWhenChartAvailable('rancher-charts', 'rancher-compliance', this, () => {
            ChartPage.navTo(null, 'Rancher Compliance');
            chartPage.waitForChartHeader('Rancher Compliance', MEDIUM_TIMEOUT_OPT);
            chartPage.goToInstall();
            installChartPage.nextPage().editYaml();

            installChartPage.footerControls().should('be.visible');

            installChartPage.footerControls().then(($el) => {
              const elementRect = $el[0].getBoundingClientRect();
              const viewportHeight = Cypress.config('viewportHeight');
              const pageHeight = Cypress.$(cy.state('window')).height();

              expect(elementRect.bottom).to.eq(pageHeight);
              expect(elementRect.bottom).to.eq(viewportHeight);
            });
          });
        });
      });
    });

    describe('Compliance Chart setup', () => {
      it('Complete install and a Scan is created', function() {
        runTestWhenChartAvailable('rancher-charts', 'rancher-compliance', this, () => {
          cy.updateNamespaceFilter('local', 'none', '{"local":[]}');
          const compliance = new CompliancePo();
          const complianceList = new ComplianceListPo();
          const sideNav = new ProductNavPo();
          const terminal = new Kubectl();
          const installedAppsPage = new ChartInstalledAppsListPagePo('local', 'apps');

          // Add API intercepts before starting the installation process
          cy.intercept('POST', '**/catalog.cattle.io.clusterrepos/**').as('complianceInstall');
          cy.intercept('POST', '**/action=install').as('installAction');
          cy.intercept('GET', '**/catalog.cattle.io.app**').as('getInstalledApps');

          ChartPage.navTo(null, 'Rancher Compliance');
          chartPage.waitForChartHeader('Rancher Compliance', MEDIUM_TIMEOUT_OPT);
          chartPage.goToInstall();

          installChartPage.nextPage();
          installChartPage.installChart();

          // Wait for terminal to show installation progress and complete
          terminal.waitForTerminalStatus('Disconnected', LONG_TIMEOUT_OPT);
          terminal.closeTerminal();

          // Navigate to installed apps page explicitly and wait for it to load
          installedAppsPage.goTo('local', 'apps');

          // Wait for the page to load and API calls to complete
          cy.wait('@getInstalledApps', { timeout: 30000 });

          // Wait for the apps list element to be visible
          cy.get('[data-testid="installed-app-catalog-list"]', { timeout: 30000 }).should('be.visible');

          // Wait for table to load and check for deployed apps
          installedAppsPage.appsList().checkVisible();
          installedAppsPage.appsList().sortableTable().checkLoadingIndicatorNotVisible();

          // Verify compliance components are present (don't check specific deployment status which can be flaky)
          installedAppsPage.appsList().sortableTable().rowElementWithName('rancher-compliance')
            .should('be.visible');
          installedAppsPage.appsList().sortableTable().rowElementWithName('rancher-compliance-crd')
            .should('be.visible');

          sideNav.navToSideMenuGroupByLabel('Compliance');
          complianceList.waitForPage();

          // Compliance does not come with any profiles, so create one

          // Open terminal
          terminal.openTerminal(LONG_TIMEOUT_OPT);

          // kubectl commands
          terminal.executeCommand(`apply -f https://raw.githubusercontent.com/rancher/compliance-operator/refs/heads/main/tests/k3s-bench-test.yaml`);

          terminal.closeTerminal();

          complianceList.createScan();
          compliance.waitForPage();
          compliance.cruResource().saveAndWaitForRequests('POST', 'v1/compliance.cattle.io.clusterscans')
            .then(({ response }) => {
              expect(response?.statusCode).to.eq(201);
              expect(response?.body).to.have.property('type', 'compliance.cattle.io.clusterscan');
              expect(response?.body.metadata).to.have.property('name');
              expect(response?.body.metadata).to.have.property('generateName', 'scan-');
            });
          complianceList.waitForPage();
          complianceList.checkVisible();

          complianceList.list().resourceTable().checkVisible();
          complianceList.list().resourceTable().sortableTable().checkRowCount(false, 2);
        });
      });

      after('clean up', () => {
        const chartNamespace = 'compliance-operator-system';
        const chartApp = 'rancher-compliance';
        const chartCrd = 'rancher-compliance-crd';

        cy.createRancherResource('v1', `catalog.cattle.io.apps/${ chartNamespace }/${ chartApp }?action=uninstall`, '{}', false);
        cy.createRancherResource('v1', `catalog.cattle.io.apps/${ chartNamespace }/${ chartCrd }?action=uninstall`, '{}', false);
        cy.updateNamespaceFilter('local', 'none', '{"local":["all://user"]}');
      });
    });
  });

  after(() => {
    cy.setUserPreference({ 'show-pre-release': false });
  });
});