open-nomad/ui/tests/pages/components/topo-viz/node.js
2020-11-02 13:25:33 -08:00

50 lines
1.4 KiB
JavaScript

import {
attribute,
collection,
clickable,
hasClass,
isPresent,
text,
triggerable,
} from 'ember-cli-page-object';
const allocationRect = {
select: clickable(),
hover: triggerable('mouseenter'),
mouseleave: triggerable('mouseleave'),
width: attribute('width', '> rect'),
height: attribute('height', '> rect'),
isActive: hasClass('is-active'),
isSelected: hasClass('is-selected'),
running: hasClass('running'),
failed: hasClass('failed'),
pending: hasClass('pending'),
};
export default scope => ({
scope,
label: text('[data-test-label]'),
labelIsPresent: isPresent('[data-test-label]'),
statusIcon: attribute('class', '[data-test-status-icon] .icon'),
statusIconLabel: attribute('aria-label', '[data-test-status-icon]'),
selectNode: clickable('[data-test-node-background]'),
nodeIsInteractive: hasClass('is-interactive', '[data-test-node-background]'),
nodeIsSelected: hasClass('is-selected', '[data-test-node-background]'),
memoryRects: collection('[data-test-memory-rect]', {
...allocationRect,
id: attribute('data-test-memory-rect'),
}),
cpuRects: collection('[data-test-cpu-rect]', {
...allocationRect,
id: attribute('data-test-cpu-rect'),
}),
mouseout: triggerable('mouseout', '[data-test-topo-node-svg]'),
emptyMessage: text('[data-test-empty-message]'),
isEmpty: hasClass('is-empty'),
});