devextreme
Version:
JavaScript/TypeScript Component Suite for Responsive Web Development
76 lines (75 loc) • 3.61 kB
JavaScript
/**
* DevExtreme (cjs/__internal/grids/new/card_view/content_view/content/card/header.test.js)
* Version: 25.2.8
* Build date: Mon Jun 08 2026
*
* Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
;
var _inferno = require("inferno");
var _globals = require("@jest/globals");
var _header = require("./header");
(0, _globals.describe)("CardHeader", () => {
(0, _globals.it)("should render with default properties", () => {
const container = document.createElement("div");
(0, _inferno.render)((0, _inferno.createComponentVNode)(2, _header.CardHeader, {
card: {},
visible: true,
items: [{
location: "before",
text: "Test Header"
}]
}), container);
const header = container.querySelector(`.${_header.CLASSES.cardHeader}`);
(0, _globals.expect)(header).not.toBeNull();
const headerItem = container.querySelector(".dx-toolbar-item");
(0, _globals.expect)(headerItem).not.toBeNull();
(0, _globals.expect)(null === headerItem || void 0 === headerItem ? void 0 : headerItem.textContent).toBe("Test Header")
});
(0, _globals.it)("should not render when visible is false", () => {
const container = document.createElement("div");
(0, _inferno.render)((0, _inferno.createComponentVNode)(2, _header.CardHeader, {
card: {},
visible: false
}), container);
const header = container.querySelector(_header.CLASSES.cardHeader);
(0, _globals.expect)(header).toBeNull()
});
(0, _globals.it)("should render with caption from captionExpr", () => {
const container = document.createElement("div");
(0, _inferno.render)((0, _inferno.createComponentVNode)(2, _header.CardHeader, {
visible: true,
captionExpr: "name",
card: {
name: "Card Title"
}
}), container);
const captionItem = container.querySelector(".dx-toolbar-item");
(0, _globals.expect)(captionItem).not.toBeNull();
(0, _globals.expect)(null === captionItem || void 0 === captionItem ? void 0 : captionItem.textContent).toBe("Card Title")
});
(0, _globals.it)("should render with a custom template", () => {
const container = document.createElement("div");
(0, _inferno.render)((0, _inferno.createComponentVNode)(2, _header.CardHeader, {
visible: true,
card: {},
template: () => (0, _inferno.createVNode)(1, "div", "custom-header", "Custom Header", 16)
}), container);
const customHeader = container.querySelector(".custom-header");
(0, _globals.expect)(customHeader).not.toBeNull();
(0, _globals.expect)(null === customHeader || void 0 === customHeader ? void 0 : customHeader.textContent).toBe("Custom Header")
});
(0, _globals.it)("should render a selection checkbox", () => {
const container = document.createElement("div");
(0, _inferno.render)((0, _inferno.createComponentVNode)(2, _header.CardHeader, {
visible: true,
isCheckBoxesRendered: true,
card: {
name: "Card Title"
}
}), container);
const checkboxItem = container.querySelector(".dx-cardview-select-checkbox");
(0, _globals.expect)(checkboxItem).not.toBeNull()
})
});