test: [M3-6052] - Add LKE cluster update and delete integration tests

.gitignore

@@ -124,6 +124,7 @@ packages/manager/test-report.xml
 **/manager/config/development.json
 **/manager/config/staging.json
 **/manager/cypress/videos/
+**/manager/cypress/downloads/
 
 # ignore all screenshots except records
 # we ignore the png files, not the whole folder recursively

CHANGELOG.md

@@ -25,6 +25,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 - Event entities should only be linked for true labels
 - Radio button hover effect #9031
 - Prevent form submission unless action was taken (IP transfer & IP sharing modals) #5976
+- Recycle LKE Node confirmation dialog gets dismissed upon submission #9054
 - Inability to edit and save Linode Configurations #9053
 
 ### Tech Stories:

packages/manager/cypress/e2e/kubernetes/lke-create.spec.ts

@@ -2,7 +2,7 @@
  * @file LKE creation end-to-end tests.
  */
 
-import { KubernetesCluster } from '@linode/api-v4/types';
+import { KubernetesCluster } from '@linode/api-v4';
 import { LkePlanDescription } from 'support/api/lke';
 import { lkeClusterPlans } from 'support/constants/lke';
 import { regionsFriendly } from 'support/constants/regions';

packages/manager/cypress/e2e/kubernetes/lke-delete.spec.ts

@@ -0,0 +1,106 @@
+import { kubernetesClusterFactory } from 'src/factories';
+import {
+  mockGetCluster,
+  mockGetClusters,
+  mockDeleteCluster,
+} from 'support/intercepts/lke';
+import { ui } from 'support/ui';
+import { randomLabel } from 'support/util/random';
+
+/*
+ * Fills out and submits Type to Confirm deletion dialog for cluster with the given label.
+ */
+const completeTypeToConfirmDialog = (clusterLabel: string) => {
+  const deletionWarning = `Deleting a cluster is permanent and can't be undone.`;
+
+  ui.dialog
+    .findByTitle(`Delete Cluster ${clusterLabel}`)
+    .should('be.visible')
+    .within(() => {
+      cy.findByText(deletionWarning, { exact: false }).should('be.visible');
+      cy.findByLabelText('Cluster Name')
+        .should('be.visible')
+        .click()
+        .type(clusterLabel);
+
+      ui.buttonGroup
+        .findButtonByTitle('Delete Cluster')
+        .should('be.visible')
+        .should('be.enabled')
+        .click();
+    });
+};
+
+describe('LKE cluster deletion', () => {
+  /*
+   * - Confirms LKE cluster deletion flow via landing page.
+   * - Confirms that landing page updates to reflect deleted cluster.
+   */
+  it('can delete an LKE cluster from summary page', () => {
+    const mockCluster = kubernetesClusterFactory.build({
+      label: randomLabel(),
+    });
+
+    mockGetClusters([mockCluster]).as('getClusters');
+    mockDeleteCluster(mockCluster.id).as('deleteCluster');
+    cy.visitWithLogin('/kubernetes/clusters');
+    cy.wait('@getClusters');
+
+    // Find mock cluster in table, click its "Delete" button.
+    cy.findByText(mockCluster.label)
+      .should('be.visible')
+      .closest('tr')
+      .within(() => {
+        ui.button
+          .findByTitle('Delete')
+          .should('be.enabled')
+          .should('be.visible')
+          .click();
+      });
+
+    // Fill out and submit type-to-confirm.
+    mockGetClusters([]).as('getClusters');
+    completeTypeToConfirmDialog(mockCluster.label);
+
+    // Confirm that cluster is no longer listed on landing page.
+    cy.wait(['@deleteCluster', '@getClusters']);
+    cy.findByText(mockCluster.label).should('not.exist');
+
+    // Confirm that Kubernetes welcome page is shown when there are no clusters.
+    cy.findByText('Fully managed Kubernetes infrastructure').should(
+      'be.visible'
+    );
+
+    ui.button
+      .findByTitle('Create Cluster')
+      .should('be.visible')
+      .should('be.enabled');
+  });
+
+  /*
+   * - Confirms LKE cluster deletion flow via details page.
+   * - Confirms that user is redirected to landing page upon cluster deletion.
+   */
+  it('can delete an LKE cluster from landing page', () => {
+    const mockCluster = kubernetesClusterFactory.build({
+      label: randomLabel(),
+    });
+
+    // Navigate to details page for mocked LKE cluster.
+    mockGetCluster(mockCluster).as('getCluster');
+    mockDeleteCluster(mockCluster.id).as('deleteCluster');
+    cy.visitWithLogin(`/kubernetes/clusters/${mockCluster.id}/summary`);
+    cy.wait('@getCluster');
+
+    // Press "Delete Cluster" button, complete type-to-confirm, and confirm redirect.
+    ui.button
+      .findByTitle('Delete Cluster')
+      .should('be.visible')
+      .should('be.enabled')
+      .click();
+
+    completeTypeToConfirmDialog(mockCluster.label);
+    cy.wait('@deleteCluster');
+    cy.url().should('endWith', 'kubernetes/clusters');
+  });
+});

packages/manager/cypress/e2e/kubernetes/lke-landing-page.spec.ts

@@ -0,0 +1,108 @@
+import type { KubernetesCluster } from '@linode/api-v4';
+import {
+  mockGetClusters,
+  mockGetClusterPools,
+  mockGetKubeconfig,
+} from 'support/intercepts/lke';
+import { kubernetesClusterFactory, nodePoolFactory } from 'src/factories';
+import { regionsMap } from 'support/constants/regions';
+import { readDownload } from 'support/util/downloads';
+import { ui } from 'support/ui';
+
+describe('LKE landing page', () => {
+  /*
+   * - Confirms that LKE clusters are listed on landing page.
+   */
+  it('lists LKE clusters', () => {
+    const mockClusters = kubernetesClusterFactory.buildList(10);
+    mockGetClusters(mockClusters).as('getClusters');
+
+    mockClusters.forEach((cluster: KubernetesCluster) => {
+      mockGetClusterPools(cluster.id, nodePoolFactory.buildList(3));
+    });
+
+    cy.visitWithLogin('/kubernetes/clusters');
+    cy.wait('@getClusters');
+
+    mockClusters.forEach((cluster: KubernetesCluster) => {
+      cy.findByText(cluster.label)
+        .should('be.visible')
+        .closest('tr')
+        .within(() => {
+          cy.findByText(regionsMap[cluster.region]).should('be.visible');
+          cy.findByText(cluster.k8s_version).should('be.visible');
+
+          ui.button
+            .findByTitle('Download kubeconfig')
+            .should('be.visible')
+            .should('be.enabled');
+
+          ui.button
+            .findByTitle('Delete')
+            .should('be.visible')
+            .should('be.enabled');
+        });
+    });
+  });
+
+  /*
+   * - Confirms that welcome page is shown when no LKE clusters exist.
+   * - Confirms that core page elements (create button, guides, playlist, etc.) are present.
+   */
+  it('shows welcome page when there are no LKE clusters', () => {
+    mockGetClusters([]).as('getClusters');
+    cy.visitWithLogin('/kubernetes/clusters');
+    cy.wait('@getClusters');
+
+    cy.findByText('Fully managed Kubernetes infrastructure').should(
+      'be.visible'
+    );
+
+    ui.button
+      .findByTitle('Create Cluster')
+      .should('be.visible')
+      .should('be.enabled');
+
+    cy.findByText('Getting Started Guides').should('be.visible');
+    cy.findByText('Video Playlist').should('be.visible');
+  });
+
+  /*
+   * - Confirms UI flow for Kubeconfig file downloading using mocked data.
+   * - Confirms that downloaded Kubeconfig contains expected content.
+   */
+  it('can download kubeconfig', () => {
+    const mockCluster = kubernetesClusterFactory.build();
+    const mockClusterNodePools = nodePoolFactory.buildList(2);
+    const mockKubeconfigFilename = `${mockCluster.label}-kubeconfig.yaml`;
+    const mockKubeconfigContents = '---'; // Valid YAML.
+    const mockKubeconfigResponse = {
+      kubeconfig: btoa(mockKubeconfigContents),
+    };
+
+    mockGetClusters([mockCluster]).as('getClusters');
+    mockGetClusterPools(mockCluster.id, mockClusterNodePools).as(
+      'getNodePools'
+    );
+    mockGetKubeconfig(mockCluster.id, mockKubeconfigResponse).as(
+      'getKubeconfig'
+    );
+
+    cy.visitWithLogin('/kubernetes/clusters');
+    cy.wait(['@getClusters', '@getNodePools']);
+
+    cy.findByText(mockCluster.label)
+      .should('be.visible')
+      .closest('tr')
+      .within(() => {
+        ui.button
+          .findByTitle('Download kubeconfig')
+          .should('be.visible')
+          .should('be.enabled')
+          .click();
+      });
+
+    cy.wait('@getKubeconfig');
+    readDownload(mockKubeconfigFilename).should('eq', mockKubeconfigContents);
+  });
+});