@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
95 lines • 3.74 kB
TypeScript
import { ComponentWrapper, ElementWrapper } from '@awsui/test-utils-core/dom';
import ButtonWrapper from '../button';
import InputWrapper from '../input';
import RadioGroupWrapper from '../radio-group';
import SegmentedControlWrapper from '../segmented-control';
import SelectWrapper from '../select';
export declare class CalendarDateWrapper extends ComponentWrapper {
findDisabledReason(): ElementWrapper | null;
}
export default class DateRangePickerWrapper extends ComponentWrapper {
static rootSelector: string;
/**
* Alias for `findTrigger`
* @deprecated
*/
findLabel(): ElementWrapper;
/**
* Returns the trigger element that can be used to open the picker dropdown.
*/
findTrigger(): ElementWrapper;
/**
* @param options
* * expandToViewport (boolean) - Use this when the component under test is rendered with an `expandToViewport` flag.
*/
findDropdown(options?: {
expandToViewport: boolean;
}): DrpDropdownWrapper | null;
openDropdown(): void;
}
export declare class SelectionModeSwitchWrapper extends ComponentWrapper {
/**
* Returns the mode selector as a SegmentedControl wrapper.
*
* The mode selector is only rendered as a SegmentedControl on wide viewports. On narrow viewports, use `findModesAsSelect()` instead.
*/
findModesAsSegments(): SegmentedControlWrapper;
/**
* Returns the mode selector as a Select wrapper.
* The mode selector is only rendered as a Select on narrow viewports. On wide viewports, use `findModesAsSegments()` instead.
*/
findModesAsSelect(): SelectWrapper;
}
export declare class DrpDropdownWrapper extends ComponentWrapper {
findSelectionModeSwitch(): SelectionModeSwitchWrapper;
findValidationError(): ElementWrapper<HTMLSpanElement> | null;
findRelativeRangeRadioGroup(): RadioGroupWrapper | null;
findCustomRelativeRangeDuration(): InputWrapper | null;
findCustomRelativeRangeUnit(): SelectWrapper | null;
findHeader(): ElementWrapper;
findPreviousButton(): ButtonWrapper;
findNextButton(): ButtonWrapper;
/**
* Alias for findPreviousButton for compatibility with previous versions.
* @deprecated
*/
findPreviousMonthButton(): ButtonWrapper;
/**
* Alias for findNextButton for compatibility with previous versions.
* @deprecated
*/
findNextMonthButton(): ButtonWrapper;
/**
* Returns the day container that corresponds to the current day.
*/
findCurrentDay(): CalendarDateWrapper;
/**
* Returns the month container that corresponds to the current month.
*/
findCurrentMonth(): CalendarDateWrapper;
/**
* Returns a day container on the calendar.
*
* @param grid the calendar grid. If only one calendar grid is visible (on small screens), use `'right'`.
* @param row 1-based row index of the day.
* @param column 1-based column index of the day.
*/
findDateAt(grid: 'left' | 'right', row: 1 | 2 | 3 | 4 | 5 | 6, column: 1 | 2 | 3 | 4 | 5 | 6 | 7): CalendarDateWrapper;
/**
* Returns a month container on the calendar.
*
* @param grid the calendar grid. If only one calendar grid is visible (on small screens), use `'right'`.
* @param row 1-based row index of the month.
* @param column 1-based column index of the month.
*/
findMonthAt(grid: 'left' | 'right', row: 1 | 2 | 3 | 4, column: 1 | 2 | 3): CalendarDateWrapper;
findSelectedStartDate(): ElementWrapper | null;
findSelectedEndDate(): ElementWrapper | null;
findStartDateInput(): InputWrapper | null;
findStartTimeInput(): InputWrapper | null;
findEndDateInput(): InputWrapper | null;
findEndTimeInput(): InputWrapper | null;
findClearButton(): ButtonWrapper | null;
findCancelButton(): ButtonWrapper;
findApplyButton(): ButtonWrapper;
}