1 files changed, 35 insertions, 0 deletions
diff --git a/spec/frontend/kubernetes_dashboard/components/page_title_spec.js b/spec/frontend/kubernetes_dashboard/components/page_title_spec.js
new file mode 100644
index 00000000000..ee2ac44d6a3
--- /dev/null
+++ b/spec/frontend/kubernetes_dashboard/components/page_title_spec.js
@@ -0,0 +1,35 @@
+import { shallowMount } from '@vue/test-utils';
+import { GlIcon, GlSprintf } from '@gitlab/ui';
+import PageTitle from '~/kubernetes_dashboard/components/page_title.vue';
+
+const agent = {
+  name: 'my-agent',
+  id: '123',
+};
+
+let wrapper;
+
+const createWrapper = () => {
+  wrapper = shallowMount(PageTitle, {
+    provide: {
+      agent,
+    },
+    stubs: { GlSprintf },
+  });
+};
+
+const findIcon = () => wrapper.findComponent(GlIcon);
+
+describe('Page title component', () => {
+  it('renders Kubernetes agent icon', () => {
+    createWrapper();
+
+    expect(findIcon().props('name')).toBe('kubernetes-agent');
+  });
+
+  it('renders agent information', () => {
+    createWrapper();
+
+    expect(wrapper.text()).toMatchInterpolatedText('Agent my-agent ID #123');
+  });
+});