microting/ngx-charts

import { PositionHelper } from './position';

describe('positioning', () => {

    describe('flip', () => {

        describe('top', () => {
            it('keep', () => {
                (window as any).innerWidth = 500;
                (window as any).innerHeight = 500;

                const elementDimensions = {
                    top: 50,
                    left: 100,
                    width: 100,
                    height: 100
                };

                const popoverDimensions = {
                    width: 100,
                    height: 50
                };

                const shouldFlip = PositionHelper.shouldFlip(elementDimensions, popoverDimensions, 'top', 0);
                expect(shouldFlip).toEqual(false);
            });

            it('flip', () => {
                (window as any).innerWidth = 500;
                (window as any).innerHeight = 500;

                const elementDimensions = {
                    top: 0,
                    left: 100,
                    width: 100,
                    height: 100
                };

                const popoverDimensions = {
                    width: 100,
                    height: 50
                };

                const shouldFlip = PositionHelper.shouldFlip(elementDimensions, popoverDimensions, 'top', 0);
                expect(shouldFlip).toEqual(true);
            });
        });

        describe('bottom', () => {
            it('keep', () => {
                (window as any).innerWidth = 200;
                (window as any).innerHeight = 200;

                const elementDimensions = {
                    top: 0,
                    left: 100,
                    width: 100,
                    height: 100
                };

                const popoverDimensions = {
                    width: 100,
                    height: 50
                };

                const shouldFlip = PositionHelper.shouldFlip(elementDimensions, popoverDimensions, 'bottom', 0);
                expect(shouldFlip).toEqual(false);
            });

            it('flip', () => {
                (window as any).innerWidth = 200;
                (window as any).innerHeight = 200;

                const elementDimensions = {
                    top: 100,
                    left: 100,
                    width: 100,
                    height: 100
                };

                const popoverDimensions = {
                    width: 100,
                    height: 50
                };

                const shouldFlip = PositionHelper.shouldFlip(elementDimensions, popoverDimensions, 'bottom', 0);
                expect(shouldFlip).toEqual(true);
            });
        });

        describe('left', () => {
            it('keep', () => {
                (window as any).innerWidth = 200;
                (window as any).innerHeight = 200;

                const elementDimensions = {
                    top: 0,
                    left: 100,
                    width: 100,
                    height: 100
                };

                const popoverDimensions = {
                    width: 100,
                    height: 50
                };

                const shouldFlip = PositionHelper.shouldFlip(elementDimensions, popoverDimensions, 'left', 0);
                expect(shouldFlip).toEqual(false);
            });

            it('flip', () => {
                (window as any).innerWidth = 200;
                (window as any).innerHeight = 200;

                const elementDimensions = {
                    top: 0,
                    left: 0,
                    width: 100,
                    height: 100
                };

                const popoverDimensions = {
                    width: 100,
                    height: 50
                };

                const shouldFlip = PositionHelper.shouldFlip(elementDimensions, popoverDimensions, 'left', 0);
                expect(shouldFlip).toEqual(true);
            });
        });
        
        describe('right', () => {
            it('keep', () => {
                (window as any).innerWidth = 200;
                (window as any).innerHeight = 200;

                const elementDimensions = {
                    top: 0,
                    left: 0,
                    width: 100,
                    height: 100
                };

                const popoverDimensions = {
                    width: 100,
                    height: 50
                };

                const shouldFlip = PositionHelper.shouldFlip(elementDimensions, popoverDimensions, 'right', 0);
                expect(shouldFlip).toEqual(false);
            });

            it('flip', () => {
                (window as any).innerWidth = 200;
                (window as any).innerHeight = 200;

                const elementDimensions = {
                    top: 0,
                    left: 100,
                    width: 100,
                    height: 100
                };

                const popoverDimensions = {
                    width: 100,
                    height: 50
                };

                const shouldFlip = PositionHelper.shouldFlip(elementDimensions, popoverDimensions, 'right', 0);
                expect(shouldFlip).toEqual(true);
            });
        });

    });
});