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.
71 lines
2.4 KiB
71 lines
2.4 KiB
2 years ago
|
"use strict";
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.toHaveClass = toHaveClass;
|
||
|
|
|
||
|
|
var _utils = require("./utils");
|
||
|
|
|
||
|
|
function getExpectedClassNamesAndOptions(params) {
|
||
|
|
const lastParam = params.pop();
|
||
|
|
let expectedClassNames, options;
|
||
|
|
|
||
|
|
if (typeof lastParam === 'object') {
|
||
|
|
expectedClassNames = params;
|
||
|
|
options = lastParam;
|
||
|
|
} else {
|
||
|
|
expectedClassNames = params.concat(lastParam);
|
||
|
|
options = {
|
||
|
|
exact: false
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
expectedClassNames,
|
||
|
|
options
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
function splitClassNames(str) {
|
||
|
|
if (!str) {
|
||
|
|
return [];
|
||
|
|
}
|
||
|
|
|
||
|
|
return str.split(/\s+/).filter(s => s.length > 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
function isSubset(subset, superset) {
|
||
|
|
return subset.every(item => superset.includes(item));
|
||
|
|
}
|
||
|
|
|
||
|
|
function toHaveClass(htmlElement, ...params) {
|
||
|
|
(0, _utils.checkHtmlElement)(htmlElement, toHaveClass, this);
|
||
|
|
const {
|
||
|
|
expectedClassNames,
|
||
|
|
options
|
||
|
|
} = getExpectedClassNamesAndOptions(params);
|
||
|
|
const received = splitClassNames(htmlElement.getAttribute('class'));
|
||
|
|
const expected = expectedClassNames.reduce((acc, className) => acc.concat(splitClassNames(className)), []);
|
||
|
|
|
||
|
|
if (options.exact) {
|
||
|
|
return {
|
||
|
|
pass: isSubset(expected, received) && expected.length === received.length,
|
||
|
|
message: () => {
|
||
|
|
const to = this.isNot ? 'not to' : 'to';
|
||
|
|
return (0, _utils.getMessage)(this, this.utils.matcherHint(`${this.isNot ? '.not' : ''}.toHaveClass`, 'element', this.utils.printExpected(expected.join(' '))), `Expected the element ${to} have EXACTLY defined classes`, expected.join(' '), 'Received', received.join(' '));
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
return expected.length > 0 ? {
|
||
|
|
pass: isSubset(expected, received),
|
||
|
|
message: () => {
|
||
|
|
const to = this.isNot ? 'not to' : 'to';
|
||
|
|
return (0, _utils.getMessage)(this, this.utils.matcherHint(`${this.isNot ? '.not' : ''}.toHaveClass`, 'element', this.utils.printExpected(expected.join(' '))), `Expected the element ${to} have class`, expected.join(' '), 'Received', received.join(' '));
|
||
|
|
}
|
||
|
|
} : {
|
||
|
|
pass: this.isNot ? received.length > 0 : false,
|
||
|
|
message: () => this.isNot ? (0, _utils.getMessage)(this, this.utils.matcherHint('.not.toHaveClass', 'element', ''), 'Expected the element to have classes', '(none)', 'Received', received.join(' ')) : [this.utils.matcherHint(`.toHaveClass`, 'element'), 'At least one expected class must be provided.'].join('\n')
|
||
|
|
};
|
||
|
|
}
|