1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Adding tests

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2023-03-13 12:46:49 +03:00
parent dcbbe8392f
commit 2dff493341
2 changed files with 159 additions and 0 deletions

View File

@ -0,0 +1,53 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Icon settings given no external registrations for cluster settings menu injection token renders 1`] = `
<body>
<div>
<div>
<div
class="file-loader flex flex-row items-center"
>
<div
class="mr-5"
>
<div
class="FilePicker"
>
<label
class="flex gaps align-center"
for="file-upload"
>
<div
class="Avatar rounded"
style="width: 53px; height: 53px; background: rgb(9, 124, 92);"
>
skc
</div>
</label>
<input
accept="image/*"
id="file-upload"
name="FilePicker"
type="file"
/>
</div>
</div>
<i
class="Icon material interactive focusable"
data-testid="icon-for-menu-actions-for-cluster-icon-settings-for-some-entity-id"
id="menu-actions-for-cluster-icon-settings-for-some-entity-id"
tabindex="0"
>
<span
class="icon"
data-icon-name="more_horiz"
>
more_horiz
</span>
</i>
</div>
</div>
</div>
</body>
`;

View File

@ -0,0 +1,106 @@
/**
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
import type { DiContainer } from "@ogre-tools/injectable";
import { getInjectable } from "@ogre-tools/injectable";
import type { RenderResult } from "@testing-library/react";
import React from "react";
import { KubernetesCluster } from "../../../../common/catalog-entities";
import { Cluster } from "../../../../common/cluster/cluster";
import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
import { renderFor } from "../../test-utils/renderFor";
import { ClusterIconSetting } from "../icon-settings";
import { screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import type { ChangedClusterPreference } from "../cluster-settings-menu-injection-token";
import { clusterIconSettingsMenuInjectionToken } from "../cluster-settings-menu-injection-token";
import { runInAction } from "mobx";
const cluster = new Cluster({
contextName: "some-context",
id: "some-id",
kubeConfigPath: "/some/path/to/kubeconfig",
}, {
clusterServerUrl: "https://localhost:9999",
});
const clusterEntity = new KubernetesCluster({
metadata: {
labels: {},
name: "some-kubernetes-cluster",
uid: "some-entity-id",
},
spec: {
kubeconfigContext: "some-context",
kubeconfigPath: "/some/path/to/kubeconfig",
},
status: {
phase: "connecting",
},
});
const newMenuItem = getInjectable({
id: "cluster-icon-settings-menu-test-item",
instantiate: () => ({
id: "test-menu-item",
title: "Hello World",
onClick: () => {
const data: ChangedClusterPreference = ["clusterName", "New cluster name"];
return data;
},
}),
injectionToken: clusterIconSettingsMenuInjectionToken,
});
describe("Icon settings", () => {
let rendered: RenderResult;
let di: DiContainer;
beforeEach(() => {
di = getDiForUnitTesting();
// registerMobX(di);
const render = renderFor(di);
rendered = render(
<ClusterIconSetting cluster={cluster} entity={clusterEntity} />,
);
});
describe("given no external registrations for cluster settings menu injection token", () => {
it("renders", () => {
expect(rendered.baseElement).toMatchSnapshot();
});
it("has predefined menu item", async () => {
userEvent.click(await screen.findByTestId("icon-for-menu-actions-for-cluster-icon-settings-for-some-entity-id"));
expect(rendered.getByText("Upload Icon")).toBeInTheDocument();
});
it("has menu item from build-in registration", async () => {
userEvent.click(await screen.findByTestId("icon-for-menu-actions-for-cluster-icon-settings-for-some-entity-id"));
expect(rendered.getByText("Clear")).toBeInTheDocument();
});
});
describe("given external registrations for cluster settings menu injection token", () => {
beforeEach(() => {
runInAction(() => {
di.register(newMenuItem);
});
});
it("has menu item from external registration", async () => {
userEvent.click(await screen.findByTestId("icon-for-menu-actions-for-cluster-icon-settings-for-some-entity-id"));
expect(rendered.getByText("Hello World")).toBeInTheDocument();
});
});
});