PromucFlow_constructor/app/client/src/components/designSystems/blueprint/InputComponent.test.tsx

51 lines
1.4 KiB
TypeScript

import store from "store";
import React from "react";
import { ThemeProvider, theme } from "constants/DefaultTheme";
import InputComponent from "components/designSystems/blueprint/InputComponent";
import { Provider } from "react-redux";
import ReactDOM from "react-dom";
import { act } from "react-dom/test-utils";
import { noop } from "utils/AppsmithUtils";
let container: HTMLDivElement | null;
beforeEach(() => {
container = document.createElement("div");
document.body.appendChild(container);
});
afterEach(() => {
document.body.removeChild(container);
container = null;
});
describe("<InputComponent />", () => {
it("contains textarea with resize disabled", () => {
act(() => {
ReactDOM.render(
<Provider store={store}>
<ThemeProvider theme={theme}>
<InputComponent
inputType="TEXT"
isInvalid={false}
isLoading={false}
label="label"
multiline
onCurrencyTypeChange={noop}
onFocusChange={noop}
onValueChange={noop}
showError={false}
value="something"
widgetId="24234r35"
/>
</ThemeProvider>
</Provider>,
container,
);
});
const textarea = container?.querySelector("textarea");
const styles = textarea ? getComputedStyle(textarea) : { resize: "" };
expect(styles.resize).toEqual("none");
});
});