|
|
|
import BasePage from '../../Base';
|
|
|
|
import { CalendarPage } from './index';
|
|
|
|
|
|
|
|
export class CalendarMonthPage extends BasePage {
|
|
|
|
readonly parent: CalendarPage;
|
|
|
|
|
|
|
|
constructor(parent: CalendarPage) {
|
|
|
|
super(parent.rootPage);
|
|
|
|
this.parent = parent;
|
|
|
|
}
|
|
|
|
|
|
|
|
get() {
|
|
|
|
return this.rootPage.getByTestId('nc-calendar-month-view');
|
|
|
|
}
|
|
|
|
|
|
|
|
getRecordContainer() {
|
|
|
|
return this.get().getByTestId('nc-calendar-month-record-container');
|
|
|
|
}
|
|
|
|
|
|
|
|
async dragAndDrop({ record, to }: { record: string; to: { rowIndex: number; columnIndex: number } }) {
|
|
|
|
const recordContainer = this.getRecordContainer();
|
|
|
|
const recordCard = recordContainer.getByTestId(`nc-calendar-month-record-${record}`);
|
|
|
|
const toDay = this.get()
|
|
|
|
.getByTestId('nc-calendar-month-week')
|
|
|
|
.nth(to.rowIndex)
|
|
|
|
.getByTestId('nc-calendar-month-day')
|
|
|
|
.nth(to.columnIndex);
|
|
|
|
const cord = await toDay.boundingBox();
|
|
|
|
|
|
|
|
await recordCard.hover();
|
|
|
|
await this.rootPage.mouse.down();
|
|
|
|
|
|
|
|
await this.rootPage.waitForTimeout(500);
|
|
|
|
|
|
|
|
await this.rootPage.mouse.move(cord.x + cord.width, cord.y + cord.height, { steps: 10 });
|
|
|
|
await this.rootPage.mouse.up();
|
|
|
|
}
|
|
|
|
|
|
|
|
async selectDate({ rowIndex, columnIndex }: { rowIndex: number; columnIndex: number }) {
|
|
|
|
const week = this.get().getByTestId('nc-calendar-month-week');
|
|
|
|
|
|
|
|
const day = week.nth(rowIndex).getByTestId('nc-calendar-month-day').nth(columnIndex);
|
|
|
|
await day.click({
|
|
|
|
force: true,
|
|
|
|
position: {
|
|
|
|
x: 0,
|
|
|
|
y: 1,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|