diff --git a/src/features/cluster/__snapshots__/cluster-modal-items.test.tsx.snap b/src/features/cluster/__snapshots__/cluster-modal-items.test.tsx.snap
new file mode 100644
index 0000000000..fa7bd50d9c
--- /dev/null
+++ b/src/features/cluster/__snapshots__/cluster-modal-items.test.tsx.snap
@@ -0,0 +1,1031 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cluster modal elements given custom cluster modal available renders 1`] = `
+
+`;
+
+exports[`cluster modal elements given custom cluster modal not available renders 1`] = `
+
+`;
diff --git a/src/features/cluster/cluster-modal-items.test.tsx b/src/features/cluster/cluster-modal-items.test.tsx
new file mode 100644
index 0000000000..46b6e83247
--- /dev/null
+++ b/src/features/cluster/cluster-modal-items.test.tsx
@@ -0,0 +1,57 @@
+import { getInjectable } from "@ogre-tools/injectable";
+import type { RenderResult } from "@testing-library/react";
+import { computed, runInAction } from "mobx";
+import React from "react";
+import { ClusterModalRegistration, clusterModalsInjectionToken } from "../../extensions/registries";
+import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+
+describe("cluster modal elements", () => {
+ let builder: ApplicationBuilder;
+ let rendered: RenderResult;
+
+ beforeEach(() => {
+ builder = getApplicationBuilder();
+
+ builder.setEnvironmentToClusterFrame();
+ });
+
+ describe("given custom cluster modal available", () => {
+ beforeEach(async () => {
+ builder.beforeWindowStart((windowDi) => {
+ runInAction(() => {
+ windowDi.register(testClusterModalsInjectable);
+ });
+ });
+
+ rendered = await builder.render();
+ });
+
+ it("renders", () => {
+ expect(rendered.container).toMatchSnapshot();
+ });
+ });
+
+ describe("given custom cluster modal not available", () => {
+ beforeEach(async () => {
+ rendered = await builder.render();
+ });
+
+ it("renders", () => {
+ expect(rendered.container).toMatchSnapshot();
+ });
+ });
+});
+
+const testClusterModalsInjectable = getInjectable({
+ id: "some-cluster-modal-injectable",
+
+ instantiate: () => {
+ return computed((): ClusterModalRegistration[] => [{
+ id: "test-modal-id",
+ Component: () => test modal
,
+ visible: computed(() => true),
+ }])
+ },
+
+ injectionToken: clusterModalsInjectionToken
+});
\ No newline at end of file