You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

89 lines
1.6 KiB

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`component.UI.Header should render correctly with default props 1`] = `
<Styled(styled.div)
alignItems="center"
as="header"
flexDirection="column"
/>
`;
exports[`component.UI.Header should render correctly with logo 1`] = `
<Styled(styled.div)
alignItems="center"
as="header"
flexDirection="column"
>
<Styled(styled.div)
alignItems="center"
justifyContent="center"
>
<Text
css={
Object {
"height": "50px",
}
}
fontSize="50px"
lineHeight="1em"
>
logo here
</Text>
</Styled(styled.div)>
</Styled(styled.div)>
`;
exports[`component.UI.Header should render correctly with subtitle 1`] = `
<Styled(styled.div)
alignItems="center"
as="header"
flexDirection="column"
>
<Heading4>
subtitle here
</Heading4>
</Styled(styled.div)>
`;
exports[`component.UI.Header should render correctly with title 1`] = `
<Styled(styled.div)
alignItems="center"
as="header"
flexDirection="column"
>
<Heading1>
title here
</Heading1>
</Styled(styled.div)>
`;
exports[`component.UI.Header should render correctly with title, subtitle, and logo 1`] = `
<Styled(styled.div)
alignItems="center"
as="header"
flexDirection="column"
>
<Styled(styled.div)
alignItems="center"
justifyContent="center"
>
<Text
css={
Object {
"height": "50px",
}
}
fontSize="50px"
lineHeight="1em"
>
logo here
</Text>
</Styled(styled.div)>
<Heading1>
title here
</Heading1>
<Heading4>
logo here
</Heading4>
</Styled(styled.div)>
`;