@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
63 lines • 2.55 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.AttributeEditorRowWrapper = void 0;
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0
const dom_1 = require("@awsui/test-utils-core/dom");
const button_1 = require("../button");
const form_field_1 = require("../form-field");
const styles_selectors_js_1 = require("../../../attribute-editor/styles.selectors.js");
class AttributeEditorRowWrapper extends dom_1.ComponentWrapper {
/**
* Returns all fields. Fields are supplied in the `definition` property of the component.
*/
findFields() {
return this.findAllByClassName(styles_selectors_js_1.default.field).map(f => new form_field_1.default(f.getElement()));
}
/**
* Returns a field for a given index
*
* @param column 1-based column index
*/
findField(column) {
return this.findComponent(`.${styles_selectors_js_1.default.field}:nth-child(${column})`, form_field_1.default);
}
findRemoveButton() {
return this.findComponent(`.${styles_selectors_js_1.default['remove-button']}`, button_1.default);
}
findCustomAction() {
return this.findComponent(`.${styles_selectors_js_1.default['remove-button-container']}`, dom_1.ElementWrapper);
}
}
exports.AttributeEditorRowWrapper = AttributeEditorRowWrapper;
class AttributeEditorWrapper extends dom_1.ComponentWrapper {
findEmptySlot() {
return this.findByClassName(styles_selectors_js_1.default.empty);
}
/**
* Returns a row for a given index.
*
* @param row 1-based row index
*/
findRow(row) {
return this.findComponent(`.${styles_selectors_js_1.default.row}:nth-child(${row})`, AttributeEditorRowWrapper);
}
/**
* Returns all rows.
*
* To find a specific row use the `findRow(n)` function as chaining `findRows().get(n)` can return unexpected results.
* @see findRow
*/
findRows() {
return this.findAllByClassName(styles_selectors_js_1.default.row).map(i => new AttributeEditorRowWrapper(i.getElement()));
}
findAddButton() {
return this.findComponent(`.${styles_selectors_js_1.default['add-button']}`, button_1.default);
}
findAdditionalInfo() {
return this.findByClassName(styles_selectors_js_1.default['additional-info']);
}
}
AttributeEditorWrapper.rootSelector = styles_selectors_js_1.default.root;
exports.default = AttributeEditorWrapper;
//# sourceMappingURL=index.js.map