devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
196 lines (194 loc) • 7.19 kB
JavaScript
/**
* DevExtreme (cjs/__internal/grids/new/grid_core/selection/controller.integration.test.js)
* Version: 25.1.3
* Build date: Wed Jun 25 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
"use strict";
var _globals = require("@jest/globals");
var _renderer = _interopRequireDefault(require("../../../../../core/renderer"));
var _widget = _interopRequireDefault(require("../../../../grids/new/card_view/widget"));
var _utils = require("../../../../grids/new/grid_core/options_validation/utils");
var _inferno = require("inferno");
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
const SELECTORS = {
cardView: ".dx-cardview",
card: ".dx-cardview-card",
cardCheckbox: ".dx-checkbox-container",
selectAllButton: '[aria-label="Select all"]'
};
const setup = function() {
let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
const container = document.createElement("div");
const {
body: body
} = document;
body.append(container);
const cardView = new _widget.default(container, options);
(0, _inferno.rerender)();
return cardView
};
const getCardElements = () => document.querySelectorAll(SELECTORS.card);
const getCardCheckboxes = () => document.querySelectorAll(SELECTORS.cardCheckbox);
const getSelectAllButton = () => document.querySelector(SELECTORS.selectAllButton);
const checkError = () => (0, _globals.expect)(_utils.throwError).toHaveBeenCalledWith("E1042", "CardView");
_globals.jest.mock("@ts/grids/new/grid_core/options_validation/utils", (() => ({
throwError: _globals.jest.fn().mockImplementation((() => ({})))
})));
(0, _globals.describe)("when keyExpr is missing", (() => {
(0, _globals.afterEach)((() => {
var _$;
const cardView = document.querySelector(SELECTORS.cardView);
null === (_$ = (0, _renderer.default)(cardView ?? void 0)) || void 0 === _$ || _$.dxCardView("dispose");
document.body.innerHTML = ""
}));
(0, _globals.beforeEach)((() => {
_globals.jest.clearAllMocks()
}));
(0, _globals.describe)("selection mode single", (() => {
(0, _globals.it)("shouldn't throw E1042 on initial startup", (() => {
setup({
dataSource: [{
value: "test1"
}, {
value: "test2"
}],
selection: {
mode: "single"
}
});
const cardElements = getCardElements();
(0, _globals.expect)(cardElements.length).toEqual(2)
}));
(0, _globals.it)("should throw E1042 error on card click selection", (() => {
setup({
dataSource: [{
value: "test1"
}, {
value: "test2"
}],
selection: {
mode: "single"
}
});
const cardElements = getCardElements();
cardElements[0].dispatchEvent(new MouseEvent("click"));
checkError()
}));
(0, _globals.it)("should throw E1042 error on initial selectedCardKeys", (() => {
setup({
dataSource: [{
value: "test1"
}, {
value: "test2"
}],
selection: {
mode: "single"
},
selectedCardKeys: [0]
});
checkError()
}));
(0, _globals.it)("should throw E1042 error on runtime selectedCardKeys update", (() => {
const cardView = setup({
dataSource: [{
value: "test1"
}, {
value: "test2"
}],
selection: {
mode: "single"
}
});
cardView.instance().option("selectedCardKeys", [1]);
checkError()
}))
}));
(0, _globals.describe)("selection mode multiple", (() => {
(0, _globals.it)("shouldn't throw E1042 on initial startup", (() => {
setup({
dataSource: [{
value: "test1"
}, {
value: "test2"
}],
selection: {
mode: "multiple"
}
});
const cardElements = getCardElements();
(0, _globals.expect)(cardElements.length).toEqual(2)
}));
(0, _globals.it)("should throw E1042 error on checkbox click selection", (() => {
setup({
dataSource: [{
value: "test1"
}, {
value: "test2"
}],
selection: {
mode: "multiple",
showCheckBoxesMode: "always"
}
});
const cardCheckboxes = getCardCheckboxes();
cardCheckboxes[0].dispatchEvent(new MouseEvent("click", {
bubbles: true
}));
checkError()
}));
(0, _globals.it)("should throw E1042 error on selectAll toolbar button click", (() => {
setup({
dataSource: [{
value: "test1"
}, {
value: "test2"
}],
selection: {
mode: "multiple",
showCheckBoxesMode: "always",
allowSelectAll: true
}
});
const selectAllButton = getSelectAllButton();
null === selectAllButton || void 0 === selectAllButton || selectAllButton.dispatchEvent(new MouseEvent("click"));
checkError()
}));
(0, _globals.it)("should throw E1042 error on initial selectedCardKeys", (() => {
setup({
dataSource: [{
value: "test1"
}, {
value: "test2"
}],
selection: {
mode: "multiple",
showCheckBoxesMode: "always"
},
selectedCardKeys: [0, 1]
});
checkError()
}));
(0, _globals.it)("should throw E1042 error on runtime selectedCardKeys update", (() => {
const cardView = setup({
dataSource: [{
value: "test1"
}, {
value: "test2"
}],
selection: {
mode: "multiple",
showCheckBoxesMode: "always"
}
});
cardView.instance().option("selectedCardKeys", [1]);
checkError()
}))
}))
}));