mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
Fix tests, remove custom testid prop
Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
parent
4e765384bb
commit
ad2c7dd1e8
@ -72,6 +72,9 @@
|
||||
"<rootDir>/src/jest.setup.ts",
|
||||
"jest-canvas-mock"
|
||||
],
|
||||
"setupFilesAfterEnv": [
|
||||
"<rootDir>/src/jest-after-env.setup.ts"
|
||||
],
|
||||
"globals": {
|
||||
"ts-jest": {
|
||||
"isolatedModules": true
|
||||
|
||||
5
src/jest-after-env.setup.ts
Normal file
5
src/jest-after-env.setup.ts
Normal file
@ -0,0 +1,5 @@
|
||||
/**
|
||||
* Copyright (c) OpenLens Authors. All rights reserved.
|
||||
* Licensed under MIT License. See LICENSE in root directory for more information.
|
||||
*/
|
||||
import "@testing-library/jest-dom/extend-expect";
|
||||
@ -60,6 +60,7 @@ exports[`<CephFs /> should render 'false' for Readonly when false is provided 1`
|
||||
</div>
|
||||
<div
|
||||
class="DrawerItem"
|
||||
data-testid="cephfs-readonly"
|
||||
>
|
||||
<span
|
||||
class="name"
|
||||
@ -68,7 +69,6 @@ exports[`<CephFs /> should render 'false' for Readonly when false is provided 1`
|
||||
</span>
|
||||
<span
|
||||
class="value"
|
||||
data-testid="cephfs-readonly"
|
||||
>
|
||||
false
|
||||
</span>
|
||||
@ -136,6 +136,7 @@ exports[`<CephFs /> should render 'false' for Readonly when not provided 1`] = `
|
||||
</div>
|
||||
<div
|
||||
class="DrawerItem"
|
||||
data-testid="cephfs-readonly"
|
||||
>
|
||||
<span
|
||||
class="name"
|
||||
@ -144,7 +145,6 @@ exports[`<CephFs /> should render 'false' for Readonly when not provided 1`] = `
|
||||
</span>
|
||||
<span
|
||||
class="value"
|
||||
data-testid="cephfs-readonly"
|
||||
>
|
||||
false
|
||||
</span>
|
||||
@ -212,6 +212,7 @@ exports[`<CephFs /> should render 'true' for Readonly when true is provided 1`]
|
||||
</div>
|
||||
<div
|
||||
class="DrawerItem"
|
||||
data-testid="cephfs-readonly"
|
||||
>
|
||||
<span
|
||||
class="name"
|
||||
@ -220,7 +221,6 @@ exports[`<CephFs /> should render 'true' for Readonly when true is provided 1`]
|
||||
</span>
|
||||
<span
|
||||
class="value"
|
||||
data-testid="cephfs-readonly"
|
||||
>
|
||||
true
|
||||
</span>
|
||||
|
||||
@ -41,7 +41,7 @@ describe("<CephFs />", () => {
|
||||
));
|
||||
|
||||
expect(result.container).toMatchSnapshot();
|
||||
expect(result.getByTestId("cephfs-readonly").innerHTML).toBe("false");
|
||||
expect(result.getByTestId("cephfs-readonly")).toHaveTextContent("false");
|
||||
});
|
||||
|
||||
it("should render 'false' for Readonly when false is provided", () => {
|
||||
@ -76,7 +76,7 @@ describe("<CephFs />", () => {
|
||||
));
|
||||
|
||||
expect(result.container).toMatchSnapshot();
|
||||
expect(result.getByTestId("cephfs-readonly").innerHTML).toBe("false");
|
||||
expect(result.getByTestId("cephfs-readonly")).toHaveTextContent("false");
|
||||
});
|
||||
|
||||
it("should render 'true' for Readonly when true is provided", () => {
|
||||
@ -111,6 +111,6 @@ describe("<CephFs />", () => {
|
||||
));
|
||||
|
||||
expect(result.container).toMatchSnapshot();
|
||||
expect(result.getByTestId("cephfs-readonly").innerHTML).toBe("true");
|
||||
expect(result.getByTestId("cephfs-readonly")).toHaveTextContent("true");
|
||||
});
|
||||
});
|
||||
|
||||
@ -39,7 +39,7 @@ export const CephFs: VolumeVariantComponent<"cephfs"> = (
|
||||
</DrawerItem>
|
||||
)
|
||||
}
|
||||
<DrawerItem name="Readonly" valueTestId="cephfs-readonly">
|
||||
<DrawerItem name="Readonly" data-testid="cephfs-readonly">
|
||||
{readOnly.toString()}
|
||||
</DrawerItem>
|
||||
</>
|
||||
|
||||
@ -13,7 +13,6 @@ export interface DrawerItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
||||
labelsOnly?: boolean;
|
||||
hidden?: boolean;
|
||||
renderBoolean?: boolean; // show "true" or "false" for all of the children elements are "typeof boolean"
|
||||
valueTestId?: string;
|
||||
}
|
||||
|
||||
export function DrawerItem({
|
||||
@ -24,7 +23,6 @@ export function DrawerItem({
|
||||
hidden = false,
|
||||
className,
|
||||
renderBoolean,
|
||||
valueTestId,
|
||||
...elemProps
|
||||
}: DrawerItemProps) {
|
||||
if (hidden) {
|
||||
@ -38,7 +36,7 @@ export function DrawerItem({
|
||||
title={title}
|
||||
>
|
||||
<span className="name">{name}</span>
|
||||
<span className="value" data-testid={valueTestId}>{displayBooleans(renderBoolean, children)}</span>
|
||||
<span className="value">{displayBooleans(renderBoolean, children)}</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user