Skip to content

Commit

Permalink
test(Popover): updated test TET-517
Browse files Browse the repository at this point in the history
  • Loading branch information
adrian-potepa committed Nov 9, 2023
1 parent 3a14e73 commit 0e03177
Showing 1 changed file with 28 additions and 12 deletions.
40 changes: 28 additions & 12 deletions src/components/Popover/Popover.test.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,78 +33,94 @@ describe('Popover', () => {

it('should render content on the top centered', () => {
const { content } = getPopover(<Popover content="Popover" />);
expect(content).toHaveStyle('transform: translate(-50%,-100%)');
expect(content).toHaveStyle(
'transform: translate(-50%,-100%) translateZ(0)',
);
});

it('should render content on the top start', () => {
const { content } = getPopover(<Popover content="Popover" align="start" />);
expect(content).toHaveStyle('transform: translate(0%,-100%)');
expect(content).toHaveStyle('transform: translate(0%,-100%) translateZ(0)');
});

it('should render content on the top end', () => {
const { content } = getPopover(<Popover content="Popover" align="end" />);
expect(content).toHaveStyle('transform: translate(-100%,-100%)');
expect(content).toHaveStyle(
'transform: translate(-100%,-100%) translateZ(0)',
);
});

it('should render content on the bottom centered', () => {
const { content } = getPopover(
<Popover content="Popover" origin="bottom" />,
);
expect(content).toHaveStyle('transform: translate(-50%,100%)');
expect(content).toHaveStyle(
'transform: translate(-50%,100%) translateZ(0)',
);
});

it('should render content on the bottom start', () => {
const { content } = getPopover(
<Popover content="Popover" origin="bottom" align="start" />,
);
expect(content).toHaveStyle('transform: translate(0%,100%)');
expect(content).toHaveStyle('transform: translate(0%,100%) translateZ(0)');
});

it('should render content on the bottom end', () => {
const { content } = getPopover(
<Popover content="Popover" origin="bottom" align="end" />,
);
expect(content).toHaveStyle('transform: translate(-100%,100%)');
expect(content).toHaveStyle(
'transform: translate(-100%,100%) translateZ(0)',
);
});

it('should render content on the left centered', () => {
const { content } = getPopover(<Popover content="Popover" origin="left" />);
expect(content).toHaveStyle('transform: translate(-100%,-50%)');
expect(content).toHaveStyle(
'transform: translate(-100%,-50%) translateZ(0)',
);
});

it('should render content on the left start', () => {
const { content } = getPopover(
<Popover content="Popover" origin="left" align="start" />,
);
expect(content).toHaveStyle('transform: translate(-100%,0%)');
expect(content).toHaveStyle('transform: translate(-100%,0%) translateZ(0)');
});

it('should render content on the left end', () => {
const { content } = getPopover(
<Popover content="Popover" origin="left" align="end" />,
);
expect(content).toHaveStyle('transform: translate(-100%,-100%)');
expect(content).toHaveStyle(
'transform: translate(-100%,-100%) translateZ(0)',
);
});

it('should render content on the right centered', () => {
const { content } = getPopover(
<Popover content="Popover" origin="right" />,
);
expect(content).toHaveStyle('transform: translate(100%,-50%)');
expect(content).toHaveStyle(
'transform: translate(100%,-50%) translateZ(0)',
);
});

it('should render content on the right start', () => {
const { content } = getPopover(
<Popover content="Popover" origin="right" align="start" />,
);
expect(content).toHaveStyle('transform: translate(100%,0%)');
expect(content).toHaveStyle('transform: translate(100%,0%) translateZ(0)');
});

it('should render content on the right end', () => {
const { content } = getPopover(
<Popover content="Popover" origin="right" align="end" />,
);
expect(content).toHaveStyle('transform: translate(100%,-100%)');
expect(content).toHaveStyle(
'transform: translate(100%,-100%) translateZ(0)',
);
});

it('should render correct offset (top)', () => {
Expand Down

0 comments on commit 0e03177

Please sign in to comment.