test/unit/util/drag-utils.test.js

import {indexForPositionOnList} from '../../../src/lib/drag-utils';

const box = (top, right, bottom, left) => ({top, right, bottom, left});

describe('indexForPositionOnList', () => {
    test('returns null when not given any boxes', () => {
        expect(indexForPositionOnList({x: 0, y: 0}, [])).toEqual(null);
    });

    test('wrapped list with incomplete last row LTR', () => {
        const boxes = [
            box(0, 100, 100, 0), // index: 0
            box(0, 200, 100, 100), // index: 1
            box(0, 300, 100, 200), // index: 2
            box(100, 100, 200, 0), // index: 3 (second row)
            box(100, 200, 200, 100) // index: 4 (second row, left incomplete intentionally)
        ];

        // Inside the second box.
        expect(indexForPositionOnList({x: 150, y: 50}, boxes, false)).toEqual(1);

        // On the border edge of the first and second box. Given to the first box.
        expect(indexForPositionOnList({x: 100, y: 50}, boxes, false)).toEqual(0);

        // Off the top/left edge.
        expect(indexForPositionOnList({x: -100, y: -100}, boxes, false)).toEqual(0);

        // Off the left edge, in the second row.
        expect(indexForPositionOnList({x: -100, y: 175}, boxes, false)).toEqual(3);

        // Off the right edge, in the first row.
        expect(indexForPositionOnList({x: 400, y: 75}, boxes, false)).toEqual(2);

        // Off the top edge, middle of second item.
        expect(indexForPositionOnList({x: 150, y: -75}, boxes, false)).toEqual(1);

        // Within the right edge bounds, but on the second (incomplete) row.
        // This tests that wrapped lists with incomplete final rows work correctly.
        expect(indexForPositionOnList({x: 375, y: 175}, boxes, false)).toEqual(4);
    });

    test('wrapped list with incomplete last row RTL', () => {
        const boxes = [
            box(0, 0, 100, -100), // index: 0
            box(0, -100, 100, -200), // index: 1
            box(0, -200, 100, -300), // index: 2
            box(100, 0, 200, -100), // index: 3 (second row)
            box(100, -100, 200, -200) // index: 4 (second row, left incomplete intentionally)
        ];

        // Inside the second box.
        expect(indexForPositionOnList({x: -150, y: 50}, boxes, true)).toEqual(1);

        // On the border edge of the first and second box. Given to the first box.
        expect(indexForPositionOnList({x: -100, y: 50}, boxes, true)).toEqual(0);

        // Off the top/right edge.
        expect(indexForPositionOnList({x: 100, y: -100}, boxes, true)).toEqual(0);

        // Off the right edge, in the second row.
        expect(indexForPositionOnList({x: 100, y: 175}, boxes, true)).toEqual(3);

        // Off the left edge, in the first row.
        expect(indexForPositionOnList({x: -400, y: 75}, boxes, true)).toEqual(2);

        // Off the top edge, middle of second item.
        expect(indexForPositionOnList({x: -150, y: -75}, boxes, true)).toEqual(1);

        // Within the left edge bounds, but on the second (incomplete) row.
        // This tests that wrapped lists with incomplete final rows work correctly.
        expect(indexForPositionOnList({x: -375, y: 175}, boxes, true)).toEqual(4);
    });

});