-
Notifications
You must be signed in to change notification settings - Fork 91
/
has-class.js
102 lines (98 loc) · 2.81 KB
/
has-class.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
import { assign, every } from '../helpers';
import { getExecutionContext } from '../execution_context';
/**
* Validates if an element or a set of elements have a given CSS class.
*
* @example
*
* // <em class="lorem"></em><span class="success">Message!</span>
*
* const page = PageObject.create({
* messageIsSuccess: PageObject.hasClass('success', 'span')
* });
*
* assert.ok(page.messageIsSuccess);
*
* @example
*
* // <span class="success"></span>
* // <span class="error"></span>
*
* const page = PageObject.create({
* messagesAreSuccessful: PageObject.hasClass('success', 'span', { multiple: true })
* });
*
* assert.notOk(page.messagesAreSuccessful);
*
* @example
*
* // <span class="success"></span>
* // <span class="success"></span>
*
* const page = PageObject.create({
* messagesAreSuccessful: PageObject.hasClass('success', 'span', { multiple: true })
* });
*
* assert.ok(page.messagesAreSuccessful);
*
* @example
*
* // <div>
* // <span class="lorem"></span>
* // </div>
* // <div class="scope">
* // <span class="ipsum"></span>
* // </div>
*
* const page = PageObject.create({
* spanHasClass: PageObject.hasClass('ipsum', 'span', { scope: '.scope' })
* });
*
* assert.ok(page.spanHasClass);
*
* @example
*
* // <div>
* // <span class="lorem"></span>
* // </div>
* // <div class="scope">
* // <span class="ipsum"></span>
* // </div>
*
* const page = PageObject.create({
* scope: '.scope',
* spanHasClass: PageObject.hasClass('ipsum', 'span')
* });
*
* assert.ok(page.spanHasClass);
*
* @public
*
* @param {string} cssClass - CSS class to be validated
* @param {string} selector - CSS selector of the element to check
* @param {Object} options - Additional options
* @param {string} options.scope - Nests provided scope within parent's scope
* @param {number} options.at - Reduce the set of matched elements to the one at the specified index
* @param {boolean} options.resetScope - Override parent's scope
* @param {boolean} options.multiple - Check if all elements matched by selector have the CSS class
* @param {string} options.testContainer - Context where to search elements in the DOM
* @return {Descriptor}
*
* @throws Will throw an error if no element matches selector
* @throws Will throw an error if multiple elements are matched by selector and multiple option is not set
*/
export function hasClass(cssClass, selector, userOptions = {}) {
return {
isDescriptor: true,
get(key) {
let executionContext = getExecutionContext(this);
let options = assign({ pageObjectKey: key }, userOptions);
return executionContext.run((context) => {
let elements = context.findWithAssert(selector, options);
return every(elements, function(element) {
return element.hasClass(cssClass);
});
});
}
};
}