mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
Improving tests
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev
parent
fa5ba3e4d6
commit
f77d5c0087
@ -1,11 +1,7 @@
|
|||||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
exports[`<body/> elements originated from cluster modal registration given custom component for cluster view not available renders 1`] = `
|
exports[`<body/> elements originated from cluster frame component registration given custom components for cluster view available renders 1`] = `
|
||||||
<div>
|
<div>
|
||||||
<div
|
|
||||||
class="clusterModals"
|
|
||||||
style="height: 0px;"
|
|
||||||
/>
|
|
||||||
<div
|
<div
|
||||||
class="Notifications flex column align-flex-end"
|
class="Notifications flex column align-flex-end"
|
||||||
/>
|
/>
|
||||||
@ -509,523 +505,10 @@ exports[`<body/> elements originated from cluster modal registration given custo
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
|
|
||||||
exports[`<body/> elements originated from cluster modal registration given custom components for cluster view available renders 1`] = `
|
|
||||||
<div>
|
|
||||||
<div
|
<div
|
||||||
class="clusterModals"
|
data-testid="test-modal"
|
||||||
style="height: 0px;"
|
|
||||||
>
|
>
|
||||||
<div
|
test modal
|
||||||
data-testid="test-modal"
|
|
||||||
>
|
|
||||||
test modal
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="Notifications flex column align-flex-end"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="mainLayout"
|
|
||||||
style="--sidebar-width: 200px;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="sidebar"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="flex flex-col"
|
|
||||||
data-testid="cluster-sidebar"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="SidebarCluster"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="Avatar rounded loadingAvatar"
|
|
||||||
style="width: 40px; height: 40px;"
|
|
||||||
>
|
|
||||||
??
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="loadingClusterName"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="sidebarNav sidebar-active-status"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="SidebarItem"
|
|
||||||
data-is-active-test="true"
|
|
||||||
data-testid="sidebar-item-workloads"
|
|
||||||
>
|
|
||||||
<a
|
|
||||||
aria-current="page"
|
|
||||||
class="navItem active"
|
|
||||||
data-testid="sidebar-item-link-for-workloads"
|
|
||||||
href="/"
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
class="Icon svg focusable"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
/>
|
|
||||||
</i>
|
|
||||||
<span>
|
|
||||||
Workloads
|
|
||||||
</span>
|
|
||||||
<i
|
|
||||||
class="Icon expandIcon material focusable"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="keyboard_arrow_down"
|
|
||||||
>
|
|
||||||
keyboard_arrow_down
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="SidebarItem"
|
|
||||||
data-is-active-test="false"
|
|
||||||
data-testid="sidebar-item-config"
|
|
||||||
>
|
|
||||||
<a
|
|
||||||
class="navItem"
|
|
||||||
data-testid="sidebar-item-link-for-config"
|
|
||||||
href="/"
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
class="Icon material focusable"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="list"
|
|
||||||
>
|
|
||||||
list
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
<span>
|
|
||||||
Config
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="SidebarItem"
|
|
||||||
data-is-active-test="false"
|
|
||||||
data-testid="sidebar-item-network"
|
|
||||||
>
|
|
||||||
<a
|
|
||||||
class="navItem"
|
|
||||||
data-testid="sidebar-item-link-for-network"
|
|
||||||
href="/"
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
class="Icon material focusable"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="device_hub"
|
|
||||||
>
|
|
||||||
device_hub
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
<span>
|
|
||||||
Network
|
|
||||||
</span>
|
|
||||||
<i
|
|
||||||
class="Icon expandIcon material focusable"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="keyboard_arrow_down"
|
|
||||||
>
|
|
||||||
keyboard_arrow_down
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="SidebarItem"
|
|
||||||
data-is-active-test="false"
|
|
||||||
data-testid="sidebar-item-storage"
|
|
||||||
>
|
|
||||||
<a
|
|
||||||
class="navItem"
|
|
||||||
data-testid="sidebar-item-link-for-storage"
|
|
||||||
href="/"
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
class="Icon material focusable"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="storage"
|
|
||||||
>
|
|
||||||
storage
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
<span>
|
|
||||||
Storage
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="SidebarItem"
|
|
||||||
data-is-active-test="false"
|
|
||||||
data-testid="sidebar-item-helm"
|
|
||||||
>
|
|
||||||
<a
|
|
||||||
class="navItem"
|
|
||||||
data-testid="sidebar-item-link-for-helm"
|
|
||||||
href="/"
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
class="Icon svg focusable"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
/>
|
|
||||||
</i>
|
|
||||||
<span>
|
|
||||||
Helm
|
|
||||||
</span>
|
|
||||||
<i
|
|
||||||
class="Icon expandIcon material focusable"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="keyboard_arrow_down"
|
|
||||||
>
|
|
||||||
keyboard_arrow_down
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="SidebarItem"
|
|
||||||
data-is-active-test="false"
|
|
||||||
data-testid="sidebar-item-user-management"
|
|
||||||
>
|
|
||||||
<a
|
|
||||||
class="navItem"
|
|
||||||
data-testid="sidebar-item-link-for-user-management"
|
|
||||||
href="/"
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
class="Icon material focusable"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="security"
|
|
||||||
>
|
|
||||||
security
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
<span>
|
|
||||||
Access Control
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="SidebarItem"
|
|
||||||
data-is-active-test="false"
|
|
||||||
data-testid="sidebar-item-custom-resources"
|
|
||||||
>
|
|
||||||
<a
|
|
||||||
class="navItem"
|
|
||||||
data-testid="sidebar-item-link-for-custom-resources"
|
|
||||||
href="/"
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
class="Icon material focusable"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="extension"
|
|
||||||
>
|
|
||||||
extension
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
<span>
|
|
||||||
Custom Resources
|
|
||||||
</span>
|
|
||||||
<i
|
|
||||||
class="Icon expandIcon material focusable"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="keyboard_arrow_down"
|
|
||||||
>
|
|
||||||
keyboard_arrow_down
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="ResizingAnchor horizontal trailing"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="contents"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="TabLayout"
|
|
||||||
data-testid="tab-layout"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="Tabs center scrollable"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="Tab flex gaps align-center active"
|
|
||||||
data-is-active-test="true"
|
|
||||||
data-testid="tab-link-for-overview"
|
|
||||||
role="tab"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="label"
|
|
||||||
>
|
|
||||||
Overview
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<main>
|
|
||||||
<div
|
|
||||||
class="WorkloadsOverview flex column gaps"
|
|
||||||
data-testid="page-for-workloads-overview"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="header flex gaps align-center"
|
|
||||||
>
|
|
||||||
<h5
|
|
||||||
class="box grow"
|
|
||||||
>
|
|
||||||
Overview
|
|
||||||
</h5>
|
|
||||||
<div
|
|
||||||
class="NamespaceSelectFilterParent"
|
|
||||||
data-testid="namespace-select-filter"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="css-1f43avz-a11yText-A11yText"
|
|
||||||
id="react-select-overview-namespace-select-filter-input-live-region"
|
|
||||||
/>
|
|
||||||
<span
|
|
||||||
aria-atomic="false"
|
|
||||||
aria-live="polite"
|
|
||||||
aria-relevant="additions text"
|
|
||||||
class="css-1f43avz-a11yText-A11yText"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="Select__control css-1s2u09g-control"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="Select__placeholder css-14el2xx-placeholder"
|
|
||||||
id="react-select-overview-namespace-select-filter-input-placeholder"
|
|
||||||
>
|
|
||||||
All namespaces
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="Select__input-container css-6j8wv5-Input"
|
|
||||||
data-value=""
|
|
||||||
>
|
|
||||||
<input
|
|
||||||
aria-autocomplete="list"
|
|
||||||
aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
|
|
||||||
aria-expanded="false"
|
|
||||||
aria-haspopup="true"
|
|
||||||
autocapitalize="none"
|
|
||||||
autocomplete="off"
|
|
||||||
autocorrect="off"
|
|
||||||
class="Select__input"
|
|
||||||
id="overview-namespace-select-filter-input"
|
|
||||||
role="combobox"
|
|
||||||
spellcheck="false"
|
|
||||||
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
||||||
tabindex="0"
|
|
||||||
type="text"
|
|
||||||
value=""
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
aria-hidden="true"
|
|
||||||
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
aria-hidden="true"
|
|
||||||
class="css-tj5bde-Svg"
|
|
||||||
focusable="false"
|
|
||||||
height="20"
|
|
||||||
viewBox="0 0 20 20"
|
|
||||||
width="20"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="OverviewStatuses"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="workloads"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="footer"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="Dock"
|
|
||||||
tabindex="-1"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="ResizingAnchor vertical leading"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="tabs-container flex align-center"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="dockTabs"
|
|
||||||
role="tablist"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="Tabs tabs"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
||||||
data-testid="dock-tab-for-terminal"
|
|
||||||
id="tab-terminal"
|
|
||||||
role="tab"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
class="Icon material focusable"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="terminal"
|
|
||||||
>
|
|
||||||
terminal
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
<div
|
|
||||||
class="label"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="flex align-center"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="title"
|
|
||||||
>
|
|
||||||
Terminal
|
|
||||||
</span>
|
|
||||||
<div
|
|
||||||
class="close"
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
class="Icon material interactive focusable small"
|
|
||||||
data-testid="dock-tab-close-for-terminal"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="close"
|
|
||||||
>
|
|
||||||
close
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
<div
|
|
||||||
data-testid="tooltip-content-for-dock-tab-close-for-terminal"
|
|
||||||
>
|
|
||||||
Close ⌘+W
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="toolbar flex gaps align-center box grow"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="dock-menu box grow"
|
|
||||||
>
|
|
||||||
<i
|
|
||||||
class="Icon new-dock-tab material interactive focusable"
|
|
||||||
id="menu-actions-for-dock"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="add"
|
|
||||||
>
|
|
||||||
add
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
<div>
|
|
||||||
New tab
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<i
|
|
||||||
class="Icon material interactive focusable"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="fullscreen"
|
|
||||||
>
|
|
||||||
fullscreen
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
<div>
|
|
||||||
Fit to window
|
|
||||||
</div>
|
|
||||||
<i
|
|
||||||
class="Icon material interactive focusable"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="icon"
|
|
||||||
data-icon-name="keyboard_arrow_up"
|
|
||||||
>
|
|
||||||
keyboard_arrow_up
|
|
||||||
</span>
|
|
||||||
</i>
|
|
||||||
<div>
|
|
||||||
Open
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
`;
|
`;
|
||||||
|
|||||||
@ -2,18 +2,14 @@
|
|||||||
* Copyright (c) OpenLens Authors. All rights reserved.
|
* Copyright (c) OpenLens Authors. All rights reserved.
|
||||||
* Licensed under MIT License. See LICENSE in root directory for more information.
|
* Licensed under MIT License. See LICENSE in root directory for more information.
|
||||||
*/
|
*/
|
||||||
import type { Injectable } from "@ogre-tools/injectable";
|
import { act, RenderResult } from "@testing-library/react";
|
||||||
import { getInjectable } from "@ogre-tools/injectable";
|
|
||||||
import type { RenderResult } from "@testing-library/react";
|
|
||||||
import type { IObservableValue } from "mobx";
|
import type { IObservableValue } from "mobx";
|
||||||
import { computed, observable, runInAction } from "mobx";
|
import { computed, observable, runInAction } from "mobx";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import type { ClusterModalRegistration } from "../../extensions/registries";
|
|
||||||
import { clusterModalsInjectionToken } from "../../renderer/cluster-modals/cluster-modals-injection-token";
|
|
||||||
import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
|
import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
|
||||||
import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
|
import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
|
||||||
|
|
||||||
describe("<body/> elements originated from cluster modal registration", () => {
|
describe("<body/> elements originated from cluster frame component registration", () => {
|
||||||
let builder: ApplicationBuilder;
|
let builder: ApplicationBuilder;
|
||||||
let rendered: RenderResult;
|
let rendered: RenderResult;
|
||||||
|
|
||||||
@ -24,48 +20,32 @@ describe("<body/> elements originated from cluster modal registration", () => {
|
|||||||
|
|
||||||
describe("given custom components for cluster view available", () => {
|
describe("given custom components for cluster view available", () => {
|
||||||
let someObservable: IObservableValue<boolean>;
|
let someObservable: IObservableValue<boolean>;
|
||||||
let clusterModalInjectable: Injectable<ClusterModalRegistration, any, any>;
|
|
||||||
let clusterDialogInjectable: Injectable<ClusterModalRegistration, any, any>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
beforeEach(async () => {
|
||||||
someObservable = observable.box(false);
|
someObservable = observable.box(false);
|
||||||
|
|
||||||
clusterModalInjectable = getInjectable({
|
const testExtension = {
|
||||||
id: "some-cluster-modal-injectable",
|
id: "some-extension-id",
|
||||||
|
name: "some-extension-name",
|
||||||
|
|
||||||
instantiate: () => {
|
rendererOptions: {
|
||||||
return {
|
clusterFrameComponents: [
|
||||||
id: "test-modal-id",
|
{
|
||||||
Component: () => <div data-testid="test-modal">test modal</div>,
|
id: "test-modal-id",
|
||||||
visible: computed(() => true),
|
Component: () => <div data-testid="test-modal">test modal</div>,
|
||||||
};
|
shouldRender: computed(() => true),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "dialog-with-observable-visibility-id",
|
||||||
|
Component: () => <div data-testid="dialog-with-observable-visibility">dialog contents</div>,
|
||||||
|
shouldRender: computed(() => someObservable.get()),
|
||||||
|
}
|
||||||
|
]
|
||||||
},
|
},
|
||||||
|
};
|
||||||
injectionToken: clusterModalsInjectionToken,
|
|
||||||
});
|
|
||||||
|
|
||||||
clusterDialogInjectable = getInjectable({
|
|
||||||
id: "dialog-with-observable-visibility-injectable",
|
|
||||||
|
|
||||||
instantiate: () => {
|
|
||||||
return {
|
|
||||||
id: "dialog-with-observable-visibility-id",
|
|
||||||
Component: () => <div data-testid="dialog-with-observable-visibility">dialog contents</div>,
|
|
||||||
visible: computed(() => someObservable.get()),
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
injectionToken: clusterModalsInjectionToken,
|
|
||||||
});
|
|
||||||
|
|
||||||
builder.beforeWindowStart((windowDi) => {
|
|
||||||
runInAction(() => {
|
|
||||||
windowDi.register(clusterModalInjectable);
|
|
||||||
windowDi.register(clusterDialogInjectable);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
rendered = await builder.render();
|
rendered = await builder.render();
|
||||||
|
builder.extensions.enable(testExtension);
|
||||||
});
|
});
|
||||||
|
|
||||||
it("renders", () => {
|
it("renders", () => {
|
||||||
@ -86,7 +66,7 @@ describe("<body/> elements originated from cluster modal registration", () => {
|
|||||||
|
|
||||||
it("when injectable component becomes visible, shows it", () => {
|
it("when injectable component becomes visible, shows it", () => {
|
||||||
runInAction(() => {
|
runInAction(() => {
|
||||||
someObservable.set(true);
|
act(() => someObservable.set(true));
|
||||||
});
|
});
|
||||||
|
|
||||||
const dialog = rendered.getByTestId("dialog-with-observable-visibility");
|
const dialog = rendered.getByTestId("dialog-with-observable-visibility");
|
||||||
@ -94,20 +74,4 @@ describe("<body/> elements originated from cluster modal registration", () => {
|
|||||||
expect(dialog).toBeInTheDocument();
|
expect(dialog).toBeInTheDocument();
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
describe("given custom component for cluster view not available", () => {
|
|
||||||
beforeEach(async () => {
|
|
||||||
rendered = await builder.render();
|
|
||||||
});
|
|
||||||
|
|
||||||
it("renders", () => {
|
|
||||||
expect(rendered.container).toMatchSnapshot();
|
|
||||||
});
|
|
||||||
|
|
||||||
it("doesn't render any custom html", () => {
|
|
||||||
const modal = rendered.queryByTestId("test-modal");
|
|
||||||
|
|
||||||
expect(modal).not.toBeInTheDocument();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user