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