1 files changed, 76 insertions, 0 deletions
diff --git a/spec/frontend/clusters_list/components/agent_token_spec.js b/spec/frontend/clusters_list/components/agent_token_spec.js
new file mode 100644
index 00000000000..a80c8ffaad4
--- /dev/null
+++ b/spec/frontend/clusters_list/components/agent_token_spec.js
@@ -0,0 +1,76 @@
+import { GlAlert, GlFormInputGroup } from '@gitlab/ui';
+import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
+import AgentToken from '~/clusters_list/components/agent_token.vue';
+import { I18N_AGENT_TOKEN, INSTALL_AGENT_MODAL_ID } from '~/clusters_list/constants';
+import { generateAgentRegistrationCommand } from '~/clusters_list/clusters_util';
+import CodeBlock from '~/vue_shared/components/code_block.vue';
+import ModalCopyButton from '~/vue_shared/components/modal_copy_button.vue';
+
+const kasAddress = 'kas.example.com';
+const agentToken = 'agent-token';
+const modalId = INSTALL_AGENT_MODAL_ID;
+
+describe('InstallAgentModal', () => {
+  let wrapper;
+
+  const findAlert = () => wrapper.findComponent(GlAlert);
+  const findCodeBlock = () => wrapper.findComponent(CodeBlock);
+  const findCopyButton = () => wrapper.findComponent(ModalCopyButton);
+  const findInput = () => wrapper.findComponent(GlFormInputGroup);
+
+  const createWrapper = () => {
+    const provide = {
+      kasAddress,
+    };
+
+    const propsData = {
+      agentToken,
+      modalId,
+    };
+
+    wrapper = shallowMountExtended(AgentToken, {
+      provide,
+      propsData,
+    });
+  };
+
+  beforeEach(() => {
+    createWrapper();
+  });
+
+  afterEach(() => {
+    wrapper.destroy();
+  });
+
+  describe('initial state', () => {
+    it('shows basic agent installation instructions', () => {
+      expect(wrapper.text()).toContain(I18N_AGENT_TOKEN.basicInstallTitle);
+      expect(wrapper.text()).toContain(I18N_AGENT_TOKEN.basicInstallBody);
+    });
+
+    it('shows advanced agent installation instructions', () => {
+      expect(wrapper.text()).toContain(I18N_AGENT_TOKEN.advancedInstallTitle);
+    });
+
+    it('shows agent token as an input value', () => {
+      expect(findInput().props('value')).toBe('agent-token');
+    });
+
+    it('renders a copy button', () => {
+      expect(findCopyButton().props()).toMatchObject({
+        title: 'Copy command',
+        text: generateAgentRegistrationCommand(agentToken, kasAddress),
+        modalId,
+      });
+    });
+
+    it('shows warning alert', () => {
+      expect(findAlert().props('title')).toBe(I18N_AGENT_TOKEN.tokenSingleUseWarningTitle);
+    });
+
+    it('shows code block with agent installation command', () => {
+      expect(findCodeBlock().props('code')).toContain('--agent-token=agent-token');
+      expect(findCodeBlock().props('code')).toContain('--kas-address=kas.example.com');
+    });
+  });
+});