feat(Cypress): add Prometheus query mocking system for incident scenarios

- Implement Prometheus query_range API interception for mocking the
  incidents page data
- Add complete YAML-based incident fixture system with JSON Schema validation
- Support complex incident timelines with severity changes and resolved/ongoing states
- Include 5 predefined incident scenario fixtures
- Add custom Cypress commands: cy.mockIncidents() and cy.mockIncidentFixture()
- Support both YAML and JSON fixture formats
- Add timezone configuration via CYPRESS_TIMEZONE environment variable
  (necessary for correct timeline mocking)
- Implement schema validation with CLI tool for fixture validation
- Add Cursor commands to generate the scenarios in .cursor/commands/

- Add example test demonstrating different mocking approaches
- Integrate mocking system into existing incidents test (01.incidents.cy.ts)
- Add dependencies: ajv, js-yaml, @types/ajv, @types/js-yaml
- Fix Cypress fixtures folder path from 'fixtures' to 'cypress/fixtures'

Author: DavidRajnoha

web/cypress/support/incidents_prometheus_query_mocks/mock-generators.ts

@@ -93,7 +93,6 @@ function buildTimelineValues(
  */
 export function createIncidentMock(incidents: IncidentDefinition[], query?: string): PrometheusResult[] {
   const now = nowInClusterTimezone();
-
   const results: PrometheusResult[] = [];
 
   // Parse query to extract label selectors if provided

web/cypress/support/incidents_prometheus_query_mocks/prometheus-mocks.ts

@@ -33,7 +33,6 @@ export function mockPrometheusQueryRange(incidents: IncidentDefinition[]): void
     }
 
     results = query.includes('cluster:health:components:map') ? createIncidentMock(incidents, query) : createAlertDetailsMock(incidents, query);
-
     const response: PrometheusResponse = {
         status: 'success',
         data: {
@@ -50,20 +49,21 @@ export function mockPrometheusQueryRange(incidents: IncidentDefinition[]): void
 
 Cypress.Commands.add('mockIncidents', (incidents: IncidentDefinition[]) => {
   cy.log(`=== SETTING UP INCIDENT MOCKING (${incidents.length} incidents) ===`);
-    if (!Array.isArray(incidents)) {
-      throw new Error('mockIncidents expects an array of IncidentDefinition objects');
-    }
+  if (!Array.isArray(incidents)) {
+    throw new Error('mockIncidents expects an array of IncidentDefinition objects');
+  }
 
-    incidents.forEach((incident, index) => {
-      if (!incident.id || !incident.component || !incident.layer || !incident.alerts) {
-        throw new Error(`Invalid incident at index ${index}: missing required fields
-          (id, component, layer, alerts)`);
-      }
-    });
+  incidents.forEach((incident, index) => {
+    if (!incident.id || !incident.component || !incident.layer || !incident.alerts) {
+      throw new Error(`Invalid incident at index ${index}: missing required fields
+        (id, component, layer, alerts)`);
+    }
+  });
 
-    cy.log(`=== SETTING UP INCIDENT MOCKING (${incidents.length} incidents) ===`);
-    // The mocking is not applied until the page is reloaded and the components fetch the new data
-    cy.reload();
+  cy.log(`=== SETTING UP INCIDENT MOCKING (${incidents.length} incidents) ===`);
+  mockPrometheusQueryRange(incidents);
+  // The mocking is not applied until the page is reloaded and the components fetch the new data
+  cy.reload();
 });
 
 Cypress.Commands.add('mockIncidentFixture', (fixturePath: string) => {
@@ -83,6 +83,6 @@ Cypress.Commands.add('mockIncidentFixture', (fixturePath: string) => {
   }
 
 
-    // The mocking is not applied until the page is reloaded and the components fetch the new data
-    cy.reload();
+  // The mocking is not applied until the page is reloaded and the components fetch the new data
+  cy.reload();
 });

web/cypress/support/incidents_prometheus_query_mocks/utils.ts

@@ -69,4 +69,4 @@ export function nowInClusterTimezone(): number {
   const timezone = Cypress.env('TIMEZONE') || 'UTC';
   const now = Math.floor(TZDate.tz(timezone).getTime() / 1000);
   return now;
-}
+}