Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

test: add missing Cypress tests for calendar editor minDate #1734

Merged
merged 1 commit into from
Nov 8, 2024
Merged

test: add missing Cypress tests for calendar editor minDate #1734

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 9 additions & 0 deletions test/cypress/e2e/example12.cy.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
import { format, addDay } from '@formkit/tempo';

// eslint-disable-next-line n/file-extension-in-import
import { changeTimezone, zeroPadding } from '../plugins/utilities';

Expand Down Expand Up @@ -154,8 +156,15 @@ describe('Example 12 - Composite Editor Modal', () => {
}
const currentYear = today.getFullYear();

// get yesterday/today dates
const yesterdayDate = format(addDay(new Date(), -1), 'YYYY-MM-DD');
const todayDate = format(new Date(), 'YYYY-MM-DD');

// change Finish date to today's date
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 0}px;"] > .slick-cell:nth(8)`).should('contain', '').click(); // this date should also always be initially empty
// any dates lower than today should be disabled
cy.get(`[data-calendar-day=${yesterdayDate}]`).should('have.class', 'vanilla-calendar-day__btn_disabled');
cy.get(`[data-calendar-day=${todayDate}]`).should('not.have.class', 'vanilla-calendar-day__btn_disabled');
cy.get(`.vanilla-calendar-day__btn_today:visible`).click('bottom', { force: true });
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 0}px;"] > .slick-cell:nth(8)`).should('contain', `${zeroPadding(currentMonth)}/${zeroPadding(currentDate)}/${currentYear}`)
.get('.editing-field')
Expand Down
24 changes: 23 additions & 1 deletion test/cypress/e2e/example14.cy.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
import { format, addDay } from '@formkit/tempo';

describe('Example 14 - Columns Resize by Content', () => {
const GRID_ROW_HEIGHT = 33;

Expand Down Expand Up @@ -185,6 +187,26 @@ describe('Example 14 - Columns Resize by Content', () => {
cy.get('.slick-cell-checkboxsel input:checked')
.should('have.length', 0);
});

it('should NOT be able to choose a Finish date older than today', () => {
// make grid editable
cy.get('[data-test="toggle-readonly-btn"]').click();

// 1st click on "Completed" to enable "Finish" date
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 0}px;"] > .slick-cell:nth(7)`).click();
cy.get('.editor-completed').check();

cy.get(`[style="top: ${GRID_ROW_HEIGHT * 0}px;"] > .slick-cell:nth(8)`).should('contain', '').click(); // this date should also always be initially empty

const yesterdayDate = format(addDay(new Date(), -1), 'YYYY-MM-DD');
const todayDate = format(new Date(), 'YYYY-MM-DD');

cy.get(`[data-calendar-day=${yesterdayDate}]`).should('have.class', 'vanilla-calendar-day__btn_disabled');
cy.get(`[data-calendar-day=${todayDate}]`).should('not.have.class', 'vanilla-calendar-day__btn_disabled');

// make grid readonly again
cy.get('[data-test="toggle-readonly-btn"]').click();
});
});

describe('Filter Predicate on "Title" column that act similarly to an SQL LIKE matcher', () => {
Expand Down Expand Up @@ -362,7 +384,7 @@ describe('Example 14 - Columns Resize by Content', () => {
cy.on('window:alert', stub);

cy.get('.grid14')
.find('.slick-header-column:nth-of-type(8).slick-header-sortable')
.find('.slick-header-column:nth-of-type(7).slick-header-sortable')
.trigger('mouseover')
.children('.slick-header-menu-button')
.invoke('show')
Expand Down
Loading