ui: updating classname based on updated color variable

This commit is contained in:
Nishchit14
2023-05-18 17:57:51 +05:30
parent e87a233aef
commit 8bd83e414d
68 changed files with 151 additions and 151 deletions

View File

@@ -8,7 +8,7 @@ import { click } from "../../../__mocks__/eventMock";
const Template = (args: any) => {
const [isOpen, toggleOpen] = useState(true);
return <div className="bg-appBackground h-screen w-screen block">
return <div className="bg-app-background h-screen w-screen block">
<Button text={isOpen ? "Close Modal" : "Open Modal"} onClick={() => toggleOpen(true)} data-testid={'togglePreview'} />
<Modal {...args} isOpen={isOpen} onClose={() => toggleOpen(false)}>
<Modal.Header>
@@ -37,7 +37,7 @@ describe("Modal component", () => {
const ModalContainer = screen.queryByTestId('root');
const ModalContainerDiv = ModalContainer.querySelector('#modal-container-div');
expect(ModalContainerDiv).toHaveClass('max-w-screen-md min-w-screen-md bg-modalBackground text-appForeground w-full relative z-9999 max-h-modal flex fc-modal-wrapper');
expect(ModalContainerDiv).toHaveClass('max-w-screen-md min-w-screen-md bg-modalBackground text-app-foreground w-full relative z-9999 max-h-modal flex fc-modal-wrapper');
expect(ModalContainerDiv.childElementCount).toBe(3);
});