Migration of tekton plugin tests

sanketpathak · sanketpathak · commit c38e602f4fec · 2026-03-02T21:31:55.000+05:30
diff --git a/workspaces/tekton/e2e-tests/.yarnrc.yml b/workspaces/tekton/e2e-tests/.yarnrc.yml
@@ -0,0 +1 @@
+nodeLinker: node-modules
diff --git a/workspaces/tekton/e2e-tests/eslint.config.js b/workspaces/tekton/e2e-tests/eslint.config.js
@@ -0,0 +1,3 @@
+import { createEslintConfig } from "rhdh-e2e-test-utils/eslint";
+
+export default createEslintConfig(import.meta.dirname);
diff --git a/workspaces/tekton/e2e-tests/package.json b/workspaces/tekton/e2e-tests/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "tekton-e2e-tests",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "engines": {
+    "node": ">=22",
+    "yarn": ">=3"
+  },
+  "packageManager": "yarn@3.8.7",
+  "description": "E2E tests for Tekton plugin",
+  "scripts": {
+    "test": "playwright test",
+    "report": "playwright show-report",
+    "test:ui": "playwright test --ui",
+    "test:headed": "playwright test --headed",
+    "lint:check": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "prettier:check": "prettier --check .",
+    "prettier:fix": "prettier --write .",
+    "tsc:check": "tsc --noEmit",
+    "check": "tsc --noEmit && yarn lint:check && yarn prettier:check"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@playwright/test": "1.57.0",
+    "@types/node": "^24.10.1",
+    "dotenv": "^16.4.7",
+    "eslint": "^9.39.2",
+    "eslint-plugin-check-file": "^3.3.1",
+    "eslint-plugin-playwright": "^2.4.0",
+    "prettier": "^3.7.4",
+    "rhdh-e2e-test-utils": "1.1.9",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.50.0"
+  }
+}
diff --git a/workspaces/tekton/e2e-tests/playwright.config.ts b/workspaces/tekton/e2e-tests/playwright.config.ts
@@ -0,0 +1,12 @@
+import { defineConfig } from "rhdh-e2e-test-utils/playwright-config";
+import dotenv from "dotenv";
+
+dotenv.config({ path: `${import.meta.dirname}/.env` });
+
+export default defineConfig({
+  projects: [
+    {
+      name: "tekton",
+    },
+  ],
+});
diff --git a/workspaces/tekton/e2e-tests/tests/config/app-config-rhdh.yaml b/workspaces/tekton/e2e-tests/tests/config/app-config-rhdh.yaml
@@ -0,0 +1,19 @@
+kubernetes:
+  clusterLocatorMethods:
+    - clusters:
+        - authProvider: serviceAccount
+          name: ${K8S_CLUSTER_NAME}
+          serviceAccountToken: ${K8S_CLUSTER_TOKEN}
+          url: ${K8S_CLUSTER_URL}
+          skipTLSVerify: true
+      type: config
+  customResources:
+    - apiVersion: "v1beta1"
+      group: "tekton.dev"
+      plural: "pipelines"
+    - apiVersion: v1beta1
+      group: tekton.dev
+      plural: pipelineruns
+    - apiVersion: v1beta1
+      group: tekton.dev
+      plural: taskruns
diff --git a/workspaces/tekton/e2e-tests/tests/config/dynamic-plugins.yaml b/workspaces/tekton/e2e-tests/tests/config/dynamic-plugins.yaml
@@ -0,0 +1,16 @@
+plugins:
+  - package: ./dynamic-plugins/dist/backstage-community-plugin-tekton
+    disabled: false
+    pluginConfig:
+      dynamicPlugins:
+        frontend:
+          backstage-community.plugin-tekton:
+            mountPoints:
+              - mountPoint: entity.page.ci/cards
+                importName: TektonCI
+                config:
+                  layout:
+                    gridColumn: 1 / -1
+                  if:
+                    allOf:
+                      - isTektonCIAvailable
diff --git a/workspaces/tekton/e2e-tests/tests/config/operator-install.sh b/workspaces/tekton/e2e-tests/tests/config/operator-install.sh
@@ -0,0 +1,40 @@
+# Install Red Hat OpenShift Pipelines operator if not present
+operator::install_pipelines() {
+  local display_name="Red Hat OpenShift Pipelines"
+
+  if oc get csv -n "${OPERATOR_NAMESPACE}" | grep -q "${display_name}"; then
+    log::info "Red Hat OpenShift Pipelines operator is already installed."
+    return 0
+  fi
+
+  log::info "Red Hat OpenShift Pipelines operator is not installed. Installing..."
+  operator::install_subscription openshift-pipelines-operator "${OPERATOR_NAMESPACE}" latest openshift-pipelines-operator-rh redhat-operators openshift-marketplace
+
+  # Wait for Tekton Pipelines CRDs to be available
+  log::info "Waiting for Tekton Pipelines CRDs to be created..."
+  k8s_wait::crd "tasks.tekton.dev" 300 10 || return 1
+  k8s_wait::crd "pipelines.tekton.dev" 300 10 || return 1
+
+  # Note: Calling script should still wait for deployment readiness:
+  # k8s_wait::deployment "openshift-operators" "pipelines" 30 10
+  # k8s_wait::endpoint "tekton-pipelines-webhook" "openshift-pipelines" 30 10
+  return 0
+}
+
+# Install Tekton Pipelines (alternative to OpenShift Pipelines for Kubernetes)
+operator::install_tekton() {
+  local display_name="tekton-pipelines-webhook"
+
+  if oc get pods -n "tekton-pipelines" | grep -q "${display_name}"; then
+    log::info "Tekton Pipelines are already installed."
+    return 0
+  fi
+
+  log::info "Tekton Pipelines is not installed. Installing..."
+  kubectl apply -f https://storage.googleapis.com/tekton-releases/pipeline/latest/release.yaml
+
+  # Note: Calling script should wait for deployment:
+  # k8s_wait::deployment "tekton-pipelines" "${display_name}"
+  # k8s_wait::endpoint "tekton-pipelines-webhook" "tekton-pipelines"
+  return $?
+}
diff --git a/workspaces/tekton/e2e-tests/tests/config/pipeline-operator.yaml b/workspaces/tekton/e2e-tests/tests/config/pipeline-operator.yaml
@@ -0,0 +1,10 @@
+apiVersion: operators.coreos.com/v1alpha1
+kind: Subscription
+metadata:
+  name: openshift-pipelines-operator
+  namespace: openshift-operators
+spec:
+  channel: latest
+  name: openshift-pipelines-operator-rh
+  source: redhat-operators
+  sourceNamespace: openshift-marketplace
diff --git a/workspaces/tekton/e2e-tests/tests/config/pipeline-tests.yaml b/workspaces/tekton/e2e-tests/tests/config/pipeline-tests.yaml
@@ -0,0 +1,34 @@
+apiVersion: tekton.dev/v1beta1
+kind: Pipeline
+metadata:
+  name: hello-world-pipeline
+  labels:
+    backstage.io/kubernetes-id: developer-hub
+spec:
+  tasks:
+    - name: echo-hello-world
+      taskSpec:
+        steps:
+          - name: echo-hello-world
+            image: ubuntu
+            script: |
+              #!/usr/bin/env bash
+              echo "Hello, World!"
+    - name: echo-bye
+      taskSpec:
+        steps:
+          - name: echo-goodbye
+            image: ubuntu
+            script: |
+              #!/usr/bin/env bash
+              echo "Good Bye!"
+---
+apiVersion: tekton.dev/v1beta1
+kind: PipelineRun
+metadata:
+  name: hello-world-pipeline-run
+  labels:
+    backstage.io/kubernetes-id: developer-hub
+spec:
+  pipelineRef:
+    name: hello-world-pipeline
diff --git a/workspaces/tekton/e2e-tests/tests/config/rhdh-secrets.yaml b/workspaces/tekton/e2e-tests/tests/config/rhdh-secrets.yaml
@@ -0,0 +1,8 @@
+apiVersion: v1
+kind: Secret
+metadata:
+  name: rhdh-secrets
+type: Opaque
+stringData:
+  K8S_CLUSTER_TOKEN: "${K8S_CLUSTER_TOKEN}"
+  K8S_CLUSTER_URL: "${K8S_CLUSTER_URL}"
diff --git a/workspaces/tekton/e2e-tests/tests/config/value_file.yaml b/workspaces/tekton/e2e-tests/tests/config/value_file.yaml
@@ -0,0 +1,3 @@
+upstream:
+  commonLabels:
+    backstage.io/kubernetes-id: developer-hub
diff --git a/workspaces/tekton/e2e-tests/tests/specs/tekton.spec.ts b/workspaces/tekton/e2e-tests/tests/specs/tekton.spec.ts
@@ -0,0 +1,61 @@
+import { test } from "rhdh-e2e-test-utils/test";
+import { $ } from "rhdh-e2e-test-utils/utils";
+import { CatalogPage } from "rhdh-e2e-test-utils/pages";
+import * as path from "node:path";
+import { TektonHelper } from "../support/tekton-helper";
+
+const pipelineTestsPath = path.resolve(
+  process.cwd(),
+  "tests/config/pipeline-tests.yaml",
+);
+
+test.describe("Test Tekton plugin", () => {
+  test.beforeAll(async ({ rhdh }) => {
+    await rhdh.configure({
+      auth: "keycloak",
+      appConfig: "tests/config/app-config-rhdh.yaml",
+      secrets: "tests/config/rhdh-secrets.yaml",
+      dynamicPlugins: "tests/config/dynamic-plugins.yaml",
+      valueFile: "tests/config/value_file.yaml",
+    });
+    await rhdh.deploy();
+
+    const namespace = rhdh.deploymentConfig.namespace;
+    await $`kubectl apply -f ${pipelineTestsPath} -n ${namespace}`;
+  });
+
+  test.beforeEach(async ({ loginHelper }) => {
+    await loginHelper.loginAsKeycloakUser();
+  });
+
+  test("Check Pipeline Run", async ({ page, uiHelper }) => {
+    const catalog = new CatalogPage(page);
+    const tekton = new TektonHelper(page);
+    await catalog.goToBackstageJanusProjectCITab();
+    await tekton.ensurePipelineRunsTableIsNotEmpty();
+    await uiHelper.verifyHeading("Pipeline Runs");
+    await uiHelper.verifyTableHeadingAndRows(
+      tekton.getAllGridColumnsTextForPipelineRunsTable(),
+    );
+  });
+
+  test("Check search functionality", async ({ page }) => {
+    const catalog = new CatalogPage(page);
+    const tekton = new TektonHelper(page);
+    await catalog.goToBackstageJanusProjectCITab();
+    await tekton.search("hello-world");
+    await tekton.ensurePipelineRunsTableIsNotEmpty();
+  });
+
+  test("Check if modal is opened after click on the pipeline stage", async ({
+    page,
+  }) => {
+    const catalog = new CatalogPage(page);
+    const tekton = new TektonHelper(page);
+    await catalog.goToBackstageJanusProjectCITab();
+    await tekton.clickOnExpandRowFromPipelineRunsTable();
+    await tekton.openModalEchoHelloWorld();
+    await tekton.isModalOpened();
+    await tekton.checkPipelineStages(["echo-hello-world", "echo-bye"]);
+  });
+});
diff --git a/workspaces/tekton/e2e-tests/tests/support/tekton-helper.ts b/workspaces/tekton/e2e-tests/tests/support/tekton-helper.ts
@@ -0,0 +1,68 @@
+import type { Page } from "@playwright/test";
+import { expect } from "@playwright/test";
+
+/**
+ * Helper for Tekton CI plugin E2E tests.
+ * Mirrors the API used in RHDH core tekton.spec.ts so overlay tests can reuse the same spec structure.
+ */
+export class TektonHelper {
+  constructor(private readonly page: Page) {}
+
+  async ensurePipelineRunsTableIsNotEmpty(): Promise<void> {
+    await expect(
+      this.page
+        .locator(
+          'table[aria-label="Pipeline Runs"] tbody tr, [role="table"] tbody tr',
+        )
+        .first(),
+    ).toBeVisible({ timeout: 30000 });
+  }
+
+  getAllGridColumnsTextForPipelineRunsTable(): string[] {
+    return ["Name", "Status", "Task Status", "Started", "Duration"];
+  }
+
+  async search(text: string): Promise<void> {
+    const searchInput = this.page
+      .getByPlaceholder("Filter")
+      .or(this.page.getByRole("searchbox"));
+    await searchInput.fill(text);
+    await this.page.waitForTimeout(500);
+  }
+
+  async clickOnExpandRowFromPipelineRunsTable(): Promise<void> {
+    const expandButton = this.page
+      .locator(
+        'table button[aria-label="Expand row"], [data-testid="expand-row"]',
+      )
+      .first();
+    await expandButton.click();
+  }
+
+  async openModalEchoHelloWorld(): Promise<void> {
+    await this.page
+      .getByRole("button", { name: /echo-hello-world/i })
+      .first()
+      .click();
+  }
+
+  async isModalOpened(): Promise<void> {
+    await expect(
+      this.page
+        .getByRole("dialog")
+        .or(
+          this.page
+            .locator('[role="presentation"]')
+            .filter({ hasText: /echo|hello|world|stage/i }),
+        ),
+    ).toBeVisible({ timeout: 10000 });
+  }
+
+  async checkPipelineStages(expectedStages: string[]): Promise<void> {
+    for (const stage of expectedStages) {
+      await expect(
+        this.page.getByText(stage, { exact: true }).first(),
+      ).toBeVisible();
+    }
+  }
+}
diff --git a/workspaces/tekton/e2e-tests/tsconfig.json b/workspaces/tekton/e2e-tests/tsconfig.json
@@ -0,0 +1,4 @@
+{
+  "extends": "rhdh-e2e-test-utils/tsconfig",
+  "include": ["**/*.ts"]
+}
diff --git a/workspaces/tekton/e2e-tests/yarn.lock b/workspaces/tekton/e2e-tests/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import { createEslintConfig } from "rhdh-e2e-test-utils/eslint";`
	`2`	`+`
	`3`	`+export default createEslintConfig(import.meta.dirname);`