1 files changed, 45 insertions, 0 deletions
diff --git a/spec/frontend/projects/clusters_deprecation_slert/components/clusters_deprecation_alert_spec.js b/spec/frontend/projects/clusters_deprecation_slert/components/clusters_deprecation_alert_spec.js
new file mode 100644
index 00000000000..d230b96ad82
--- /dev/null
+++ b/spec/frontend/projects/clusters_deprecation_slert/components/clusters_deprecation_alert_spec.js
@@ -0,0 +1,45 @@
+import { GlAlert, GlSprintf } from '@gitlab/ui';
+import { shallowMount } from '@vue/test-utils';
+import ClustersDeprecationAlert from '~/projects/clusters_deprecation_alert/components/clusters_deprecation_alert.vue';
+
+const message = 'Alert message';
+
+describe('ClustersDeprecationAlert', () => {
+  let wrapper;
+
+  const provideData = {
+    message,
+  };
+
+  const findAlert = () => wrapper.findComponent(GlAlert);
+
+  const createComponent = () => {
+    wrapper = shallowMount(ClustersDeprecationAlert, {
+      provide: provideData,
+      stubs: {
+        GlSprintf,
+      },
+    });
+  };
+
+  beforeEach(() => {
+    createComponent();
+  });
+
+  afterEach(() => {
+    wrapper.destroy();
+  });
+
+  describe('template', () => {
+    it('should render a non-dismissible warning alert', () => {
+      expect(findAlert().props()).toMatchObject({
+        dismissible: false,
+        variant: 'warning',
+      });
+    });
+
+    it('should display the correct message', () => {
+      expect(findAlert().text()).toBe(message);
+    });
+  });
+});