178 lines
8.5 KiB
JavaScript
178 lines
8.5 KiB
JavaScript
|
import { Selection } from './Selection';
|
||
|
|
import { SelectionMode } from './Selection.types';
|
||
|
|
var setA = [{ key: 'a' }, { key: 'b' }, { key: 'c' }];
|
||
|
|
var setB = [{ key: 'a' }, { key: 'd' }, { key: 'b' }];
|
||
|
|
describe('Selection', function () {
|
||
|
|
var onSelectionChanged = jest.fn();
|
||
|
|
afterEach(function () {
|
||
|
|
onSelectionChanged.mockClear();
|
||
|
|
});
|
||
|
|
it('initializes selected count', function () {
|
||
|
|
var selection = new Selection();
|
||
|
|
expect(selection.count).toBe(0);
|
||
|
|
});
|
||
|
|
it('can receive items', function () {
|
||
|
|
var selection = new Selection({ onSelectionChanged: onSelectionChanged, items: setA });
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(0);
|
||
|
|
selection.setKeySelected('a', true, true);
|
||
|
|
selection.setKeySelected('a', true, true);
|
||
|
|
selection.setIndexSelected(0, true, true);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(1);
|
||
|
|
});
|
||
|
|
it('fires change events only when selection changes occur', function () {
|
||
|
|
var selection = new Selection({ onSelectionChanged: onSelectionChanged });
|
||
|
|
selection.setItems(setA, false);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(0);
|
||
|
|
selection.setKeySelected('a', true, true);
|
||
|
|
selection.setKeySelected('a', true, true);
|
||
|
|
selection.setIndexSelected(0, true, true);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(1);
|
||
|
|
// Switch to set b, which also contains item a, in the same position. No change event should occur.
|
||
|
|
selection.setItems(setB, false);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(1);
|
||
|
|
// Select b
|
||
|
|
selection.setKeySelected('b', true, true);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(2);
|
||
|
|
// Change back to set a, which has item b in a different index.
|
||
|
|
selection.setItems(setA, false);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(3);
|
||
|
|
// Change to set b, but clear it.
|
||
|
|
selection.setItems(setB, true);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(4);
|
||
|
|
// Select an item in set b that doesn't exist in set a, then switch to set a.
|
||
|
|
selection.setKeySelected('d', true, true);
|
||
|
|
selection.setItems(setA, false);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(6);
|
||
|
|
// Select an item, clear, clear again.
|
||
|
|
selection.setAllSelected(true);
|
||
|
|
selection.setAllSelected(true);
|
||
|
|
selection.setAllSelected(false);
|
||
|
|
selection.setAllSelected(false);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(8);
|
||
|
|
selection.setIndexSelected(0, true, true);
|
||
|
|
selection.selectToIndex(2, true);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(10);
|
||
|
|
});
|
||
|
|
it('returns false on isAllSelected when no items are selectable', function () {
|
||
|
|
var selection = new Selection({
|
||
|
|
canSelectItem: function () { return false; },
|
||
|
|
onSelectionChanged: onSelectionChanged,
|
||
|
|
items: setA,
|
||
|
|
});
|
||
|
|
expect(selection.isAllSelected()).toEqual(false);
|
||
|
|
selection.setAllSelected(true);
|
||
|
|
expect(selection.isAllSelected()).toEqual(false);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(0);
|
||
|
|
});
|
||
|
|
it('resets unselectable count on setting new items', function () {
|
||
|
|
var canSelect = false;
|
||
|
|
var selection = new Selection({
|
||
|
|
canSelectItem: function () { return canSelect; },
|
||
|
|
items: setA,
|
||
|
|
});
|
||
|
|
expect(selection.isAllSelected()).toEqual(false);
|
||
|
|
selection.setAllSelected(true);
|
||
|
|
expect(selection.isAllSelected()).toEqual(false);
|
||
|
|
canSelect = true;
|
||
|
|
selection.setItems(setA);
|
||
|
|
selection.setAllSelected(true);
|
||
|
|
expect(selection.isAllSelected()).toEqual(true);
|
||
|
|
});
|
||
|
|
it('notifies consumers when all items are selected and some are removed', function () {
|
||
|
|
var selection = new Selection({
|
||
|
|
onSelectionChanged: onSelectionChanged,
|
||
|
|
items: setA,
|
||
|
|
});
|
||
|
|
selection.setAllSelected(true);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(1);
|
||
|
|
expect(selection.getSelectedCount()).toEqual(3);
|
||
|
|
selection.setItems([{ key: 'a' }, { key: 'b' }], false);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(2);
|
||
|
|
expect(selection.getSelectedCount()).toEqual(2);
|
||
|
|
selection.setItems([], false);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(3);
|
||
|
|
expect(selection.getSelectedCount()).toEqual(0);
|
||
|
|
});
|
||
|
|
it('notifies consumers when some items are selected and some are removed', function () {
|
||
|
|
var selection = new Selection({
|
||
|
|
onSelectionChanged: onSelectionChanged,
|
||
|
|
items: setA,
|
||
|
|
});
|
||
|
|
selection.setIndexSelected(2, true, false);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(1);
|
||
|
|
expect(selection.count).toEqual(1);
|
||
|
|
selection.setItems([{ key: 'a' }, { key: 'b' }], false);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(2);
|
||
|
|
expect(selection.count).toEqual(0);
|
||
|
|
});
|
||
|
|
it('allows custom item type', function () {
|
||
|
|
var items = [{ id: 'a' }, { id: 'b' }];
|
||
|
|
var selection = new Selection({
|
||
|
|
onSelectionChanged: onSelectionChanged,
|
||
|
|
getKey: function (item) { return item.id; },
|
||
|
|
items: items,
|
||
|
|
});
|
||
|
|
selection.setKeySelected('a', true, true);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(1);
|
||
|
|
});
|
||
|
|
it('respects 0 as selected key', function () {
|
||
|
|
var items = [{ key: 1 }, { key: 0 }];
|
||
|
|
var selection = new Selection({ items: items, selectionMode: SelectionMode.multiple });
|
||
|
|
expect(selection.isKeySelected('0')).toBe(false);
|
||
|
|
selection.setKeySelected('0', true, false);
|
||
|
|
expect(selection.getSelectedIndices()).toEqual([1]);
|
||
|
|
expect(selection.getSelection()).toEqual([{ key: 0 }]);
|
||
|
|
expect(selection.isKeySelected('0')).toBe(true);
|
||
|
|
expect(selection.isIndexSelected(1)).toBe(true);
|
||
|
|
selection.toggleKeySelected('0');
|
||
|
|
expect(selection.isKeySelected('0')).toBe(false);
|
||
|
|
expect(selection.getSelection()).toEqual([]);
|
||
|
|
selection.setIndexSelected(0, false, true); // hack to reset anchor
|
||
|
|
selection.selectToKey('0');
|
||
|
|
expect(selection.getSelectedIndices()).toEqual([0, 1]);
|
||
|
|
});
|
||
|
|
it('allows selection to be pre-initialized', function () {
|
||
|
|
var items1 = [{ key: 'a' }, { key: 'b' }];
|
||
|
|
// Add a callback to make sure an item always shows as selected if present.
|
||
|
|
// The expectation is that the change to selection is merged with the existing update.
|
||
|
|
var onItemsChanged = jest.fn(function () {
|
||
|
|
selection.setKeySelected('b', true, false);
|
||
|
|
});
|
||
|
|
var selection = new Selection({
|
||
|
|
items: [],
|
||
|
|
selectionMode: SelectionMode.multiple,
|
||
|
|
onItemsChanged: onItemsChanged,
|
||
|
|
onSelectionChanged: onSelectionChanged,
|
||
|
|
});
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(0);
|
||
|
|
expect(onItemsChanged).toHaveBeenCalledTimes(0);
|
||
|
|
expect(selection.getSelection()).toEqual([]);
|
||
|
|
selection.setItems(items1);
|
||
|
|
expect(onItemsChanged).toHaveBeenCalledTimes(1);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(1);
|
||
|
|
expect(selection.getSelection()).toEqual([{ key: 'b' }]);
|
||
|
|
selection.setKeySelected('a', true, false);
|
||
|
|
expect(onItemsChanged).toHaveBeenCalledTimes(1);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(2);
|
||
|
|
expect(selection.getSelection()).toEqual([{ key: 'a' }, { key: 'b' }]);
|
||
|
|
var items2 = [{ key: 'c' }, { key: 'd' }];
|
||
|
|
// Change the set of items such that the 'selected' item is no longer present.
|
||
|
|
selection.setItems(items2);
|
||
|
|
expect(onItemsChanged).toHaveBeenCalledTimes(2);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(3);
|
||
|
|
expect(selection.getSelection()).toEqual([]);
|
||
|
|
selection.setItems(items1);
|
||
|
|
expect(onItemsChanged).toHaveBeenCalledTimes(3);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(4);
|
||
|
|
expect(selection.getSelection()).toEqual([{ key: 'b' }]);
|
||
|
|
// Set an item as selected, then flip their order, within the same change event.
|
||
|
|
selection.setChangeEvents(false);
|
||
|
|
selection.setKeySelected('a', true, false);
|
||
|
|
selection.setItems([{ key: 'b' }, { key: 'a' }], false);
|
||
|
|
selection.setChangeEvents(true);
|
||
|
|
expect(onItemsChanged).toHaveBeenCalledTimes(4);
|
||
|
|
expect(onSelectionChanged).toHaveBeenCalledTimes(5);
|
||
|
|
expect(selection.getSelection()).toEqual([{ key: 'b' }, { key: 'a' }]);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
//# sourceMappingURL=Selection.test.js.map
|