admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Adding storybook tests on meta-types/display/components (#1862)

Browse Source 
* working on a story for MoneyFieldDisplay

* Write test on MoneyDisplayField
This commit is contained in:
bosiraphael
2023-10-04 13:26:06 +02:00
committed by GitHub
parent aab2f3ab3c
commit 46dffeadef
6 changed files with 196 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
front/src/testing/ComponentStorybookLayout.tsx
View File

@ -1,6 +1,6 @@
import styled from '@emotion/styled';
const StyledLayout = styled.div`
const StyledLayout = styled.div<{ width?: number }>`
background: ${({ theme }) => theme.background.primary};
border: 1px solid ${({ theme }) => theme.border.color.light};
border-radius: 5px;
@ -12,13 +12,17 @@ const StyledLayout = styled.div`
max-width: calc(100% - 40px);
min-width: 300px;
padding: 20px;
width: fit-content;
width: ${({ width }) => (width ? width + 'px' : 'fit-content')};
`;
type OwnProps = {
type ComponentStorybookLayoutProps = {
width?: number;
children: JSX.Element;
};
export const ComponentStorybookLayout = ({ children }: OwnProps) => (
<StyledLayout>{children}</StyledLayout>
export const ComponentStorybookLayout = ({
width,
children,
}: ComponentStorybookLayoutProps) => (
<StyledLayout width={width}>{children}</StyledLayout>
);