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.
 
 
 
 

80 lines
2.4 KiB

import React, { MouseEvent, TouchEvent } from 'react';
import * as helpers from '../src/helpers';
import { carouselItemNodes } from './__fixtures__/nodes';
import { SlideDirection } from '../src/types/carousel';
import { getOuterWidth } from '../src/helpers';
describe('helpers', () => {
it('should return to head of circular items list', async () => {
const items = carouselItemNodes(2);
const circular = new helpers.Circular(items, 0);
circular.next();
circular.next();
expect(circular.current()).toEqual(items[0]);
});
it('should add items to right and left of the array', async () => {
const items = carouselItemNodes(2);
const showingItems = carouselItemNodes(2);
const result = helpers.rotateItems(
items,
showingItems,
0,
1,
1,
SlideDirection.Right,
);
expect(result.length).toEqual(4);
});
it('should get indicator of the items array', async () => {
const result = helpers.getCurrent(0, 2, 4, SlideDirection.Right);
expect(result).toEqual(2);
});
it('should get indicator of the items array in circular manner', async () => {
const result = helpers.getCurrent(0, 5, 4, SlideDirection.Right);
expect(result).toEqual(1);
});
it('should return 0 if event is not mouseEvent or touchEvent', async () => {
const mouseEvent = { nativeEvent: { pageX: 10 } };
const result = helpers.getPageX(mouseEvent as React.MouseEvent);
expect(result).toEqual(0);
});
it('should return pageX if event is mouseEvent', async () => {
const nativeEvent = new MouseEvent('mousedown');
const pageX = 10;
Object.defineProperty(nativeEvent, 'pageX', { value: pageX });
const event = { nativeEvent };
const result = helpers.getPageX(event as MouseEvent);
expect(result).toEqual(pageX);
});
it('should return pageX if event is touchEvent', async () => {
const nativeEvent = new TouchEvent('mousedown');
const pageX = 10;
const changedTouches = [{ pageX }];
Object.defineProperty(nativeEvent, 'changedTouches', { value: changedTouches });
const event = { nativeEvent };
const result = helpers.getPageX(event as TouchEvent);
expect(result).toEqual(pageX);
});
it('should return width of element', async () => {
const width = 30;
const element = document.createElement('div');
Object.defineProperty(element, 'offsetWidth', { value: width });
const result = getOuterWidth(element);
expect(result).toEqual(width);
});
});