test: [M3-8060, M3-8061] - Cypress tests for Linode Create v2 flows

packages/manager/.changeset/pr-10469-tests-1715717780880.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Add Linode Create v2 end-to-end tests ([#10469](https://github.com/linode/manager/pull/10469))

packages/manager/.changeset/pr-10469-tests-1715717804841.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Add Linode Create v2 integration tests for VLAN flows ([#10469](https://github.com/linode/manager/pull/10469))

packages/manager/.changeset/pr-10469-tests-1715717849362.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Add Linode Create v2 integration tests for VPC flows ([#10469](https://github.com/linode/manager/pull/10469))

packages/manager/.changeset/pr-10469-tests-1715717865422.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Add Linode Create v2 integration tests for SSH key flows ([#10469](https://github.com/linode/manager/pull/10469))

packages/manager/.changeset/pr-10469-tests-1715717889337.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tests
+---
+
+Add Linode Create v2 integration tests for cloud-init flows ([#10469](https://github.com/linode/manager/pull/10469))

packages/manager/cypress/e2e/core/linodes/create-linode-mobile.spec.ts

@@ -0,0 +1,82 @@
+/**
+ * @file Smoke tests for Linode Create flow across common mobile viewport sizes.
+ */
+
+import { linodeFactory } from 'src/factories';
+import { MOBILE_VIEWPORTS } from 'support/constants/environment';
+import { linodeCreatePage } from 'support/ui/pages';
+import { randomLabel, randomNumber, randomString } from 'support/util/random';
+import { chooseRegion } from 'support/util/regions';
+import {
+  mockAppendFeatureFlags,
+  mockGetFeatureFlagClientstream,
+} from 'support/intercepts/feature-flags';
+import { makeFeatureFlagData } from 'support/util/feature-flags';
+import { ui } from 'support/ui';
+import { mockCreateLinode } from 'support/intercepts/linodes';
+
+describe('Linode create mobile smoke', () => {
+  // TODO Remove feature flag mocks when `linodeCreateRefactor` flag is retired.
+  beforeEach(() => {
+    mockAppendFeatureFlags({
+      linodeCreateRefactor: makeFeatureFlagData(true),
+    });
+    mockGetFeatureFlagClientstream();
+  });
+
+  MOBILE_VIEWPORTS.forEach((viewport) => {
+    ['portrait', 'landscape'].forEach((orientation) => {
+      /*
+       * - Confirms Linode create flow can be completed on common mobile screen sizes
+       * - Creates a basic Nanode and confirms interactions succeed and outgoing request contains expected data.
+       */
+      it(`can create Linode (${viewport.label}, ${orientation})`, () => {
+        const mockLinodeRegion = chooseRegion();
+        const mockLinode = linodeFactory.build({
+          id: randomNumber(),
+          label: randomLabel(),
+          region: mockLinodeRegion.id,
+        });
+
+        mockCreateLinode(mockLinode).as('createLinode');
+
+        cy.viewport(
+          orientation === 'portrait' ? viewport.width : viewport.height,
+          orientation === 'portrait' ? viewport.height : viewport.width
+        );
+        cy.visitWithLogin('/linodes/create');
+
+        linodeCreatePage.selectImage('Debian 11');
+        linodeCreatePage.selectRegionById(mockLinodeRegion.id);
+        linodeCreatePage.selectPlanCard('Shared CPU', 'Nanode 1 GB');
+        linodeCreatePage.setLabel(mockLinode.label);
+        linodeCreatePage.setRootPassword(randomString(32));
+
+        cy.get('[data-qa-linode-create-summary]')
+          .scrollIntoView()
+          .within(() => {
+            cy.findByText('Nanode 1 GB').should('be.visible');
+            cy.findByText('Debian 11').should('be.visible');
+            cy.findByText(mockLinodeRegion.label).should('be.visible');
+          });
+
+        ui.button
+          .findByTitle('Create Linode')
+          .should('be.visible')
+          .should('be.enabled')
+          .click();
+
+        cy.wait('@createLinode').then((xhr) => {
+          const requestBody = xhr.request.body;
+
+          expect(requestBody['image']).to.equal('linode/debian11');
+          expect(requestBody['label']).to.equal(mockLinode.label);
+          expect(requestBody['region']).to.equal(mockLinodeRegion.id);
+          expect(requestBody['type']).to.equal('g6-nanode-1');
+        });
+
+        cy.url().should('endWith', `/linodes/${mockLinode.id}`);
+      });
+    });
+  });
+});

packages/manager/cypress/e2e/core/linodes/create-linode-with-ssh-key.spec.ts

@@ -0,0 +1,186 @@
+import {
+  accountUserFactory,
+  linodeFactory,
+  sshKeyFactory,
+} from 'src/factories';
+import {
+  mockAppendFeatureFlags,
+  mockGetFeatureFlagClientstream,
+} from 'support/intercepts/feature-flags';
+import { makeFeatureFlagData } from 'support/util/feature-flags';
+import { randomLabel, randomNumber, randomString } from 'support/util/random';
+import { chooseRegion } from 'support/util/regions';
+import { mockGetUser, mockGetUsers } from 'support/intercepts/account';
+import { mockCreateLinode } from 'support/intercepts/linodes';
+import { linodeCreatePage } from 'support/ui/pages';
+import { ui } from 'support/ui';
+import { mockCreateSSHKey } from 'support/intercepts/profile';
+
+describe('Create Linode with SSH Key', () => {
+  // TODO Remove feature flag mocks when `linodeCreateRefactor` flag is retired.
+  beforeEach(() => {
+    mockAppendFeatureFlags({
+      linodeCreateRefactor: makeFeatureFlagData(true),
+    });
+    mockGetFeatureFlagClientstream();
+  });
+
+  /*
+   * - Confirms UI flow when creating a Linode with an authorized SSH key.
+   * - Confirms that existing SSH keys are listed on page and can be selected.
+   * - Confirms that outgoing Linode create API request contains authorized user for chosen key.
+   */
+  it('can add an existing SSH key during Linode create flow', () => {
+    const linodeRegion = chooseRegion();
+    const mockLinode = linodeFactory.build({
+      id: randomNumber(),
+      label: randomLabel(),
+      region: linodeRegion.id,
+    });
+
+    const mockSshKey = sshKeyFactory.build({
+      label: randomLabel(),
+    });
+
+    const mockUser = accountUserFactory.build({
+      username: randomLabel(),
+      ssh_keys: [mockSshKey.label],
+    });
+
+    mockGetUsers([mockUser]);
+    mockGetUser(mockUser);
+    mockCreateLinode(mockLinode).as('createLinode');
+
+    cy.visitWithLogin('/linodes/create');
+
+    linodeCreatePage.setLabel(mockLinode.label);
+    linodeCreatePage.selectImage('Debian 11');
+    linodeCreatePage.selectRegionById(linodeRegion.id);
+    linodeCreatePage.selectPlan('Shared CPU', 'Nanode 1 GB');
+    linodeCreatePage.setRootPassword(randomString(32));
+
+    // Confirm that SSH key is listed, then select it.
+    cy.findByText(mockSshKey.label)
+      .scrollIntoView()
+      .should('be.visible')
+      .closest('tr')
+      .within(() => {
+        cy.findByText(mockUser.username);
+        cy.findByLabelText(`Enable SSH for ${mockUser.username}`).click();
+      });
+
+    // Click "Create Linode" button and confirm outgoing request data.
+    ui.button
+      .findByTitle('Create Linode')
+      .should('be.visible')
+      .should('be.enabled')
+      .click();
+
+    // Confirm that outgoing Linode create request contains authorized user that
+    // corresponds to the selected SSH key.
+    cy.wait('@createLinode').then((xhr) => {
+      const requestPayload = xhr.request.body;
+      expect(requestPayload['authorized_users'][0]).to.equal(mockUser.username);
+    });
+  });
+
+  /*
+   * - Confirms UI flow when creating and selecting an SSH key during Linode create flow.
+   * - Confirms that new SSH key is automatically shown in Linode create page.
+   * - Confirms that outgoing Linode create API request contains authorized user for new key.
+   */
+  it('can add a new SSH key during Linode create flow', () => {
+    const linodeRegion = chooseRegion();
+    const mockLinode = linodeFactory.build({
+      id: randomNumber(),
+      label: randomLabel(),
+      region: linodeRegion.id,
+    });
+
+    const mockSshKey = sshKeyFactory.build({
+      label: randomLabel(),
+      ssh_key: `ssh-rsa ${randomString(16)}`,
+    });
+
+    const mockUser = accountUserFactory.build({
+      username: randomLabel(),
+      ssh_keys: [],
+    });
+
+    const mockUserWithKey = {
+      ...mockUser,
+      ssh_keys: [mockSshKey.label],
+    };
+
+    mockGetUser(mockUser);
+    mockGetUsers([mockUser]);
+    mockCreateLinode(mockLinode).as('createLinode');
+    mockCreateSSHKey(mockSshKey).as('createSSHKey');
+
+    cy.visitWithLogin('/linodes/create');
+
+    linodeCreatePage.setLabel(mockLinode.label);
+    linodeCreatePage.selectImage('Debian 11');
+    linodeCreatePage.selectRegionById(linodeRegion.id);
+    linodeCreatePage.selectPlan('Shared CPU', 'Nanode 1 GB');
+    linodeCreatePage.setRootPassword(randomString(32));
+
+    // Confirm that no SSH keys are listed for the mocked user.
+    cy.findByText(mockUser.username)
+      .scrollIntoView()
+      .should('be.visible')
+      .closest('tr')
+      .within(() => {
+        cy.findByText('None').should('be.visible');
+        cy.findByLabelText(`Enable SSH for ${mockUser.username}`).should(
+          'be.disabled'
+        );
+      });
+
+    // Click "Add an SSH Key" and enter a label and the public key, then submit.
+    ui.button
+      .findByTitle('Add an SSH Key')
+      .should('be.visible')
+      .should('be.enabled')
+      .click();
+
+    mockGetUsers([mockUserWithKey]).as('refetchUsers');
+    ui.drawer
+      .findByTitle('Add SSH Key')
+      .should('be.visible')
+      .within(() => {
+        cy.findByLabelText('Label').type(mockSshKey.label);
+        cy.findByLabelText('SSH Public Key').type(mockSshKey.ssh_key);
+        ui.button
+          .findByTitle('Add Key')
+          .should('be.visible')
+          .should('be.enabled')
+          .click();
+      });
+
+    cy.wait(['@createSSHKey', '@refetchUsers']);
+
+    // Confirm that the new SSH key is listed, and select it to be added to the Linode.
+    cy.findByText(mockSshKey.label)
+      .scrollIntoView()
+      .should('be.visible')
+      .closest('tr')
+      .within(() => {
+        cy.findByLabelText(`Enable SSH for ${mockUser.username}`).click();
+      });
+
+    // Click "Create Linode" button and confirm outgoing request data.
+    ui.button
+      .findByTitle('Create Linode')
+      .should('be.visible')
+      .should('be.enabled')
+      .click();
+
+    // Confirm that outgoing Linode create request contains authorized user that
+    // corresponds to the new SSH key.
+    cy.wait('@createLinode').then((xhr) => {
+      const requestPayload = xhr.request.body;
+      expect(requestPayload['authorized_users'][0]).to.equal(mockUser.username);
+    });
+  });
+});