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:
parent
dcbbe8392f
commit
2dff493341
@ -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>
|
||||||
|
`;
|
||||||
@ -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();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue
Block a user