Skip to content
This repository was archived by the owner on Jun 1, 2025. It is now read-only.

Commit 9dd661f

Browse files
committed
tests: update with newer slick-menu common css styling classes
1 parent 44a979d commit 9dd661f

20 files changed

+249
-249
lines changed

test/cypress/integration/example01.spec.js

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -41,8 +41,8 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
4141

4242
cy.get('.slick-header-menu')
4343
.should('be.visible')
44-
.children('.slick-header-menu-item:nth-of-type(4)')
45-
.children('.slick-header-menu-content')
44+
.children('.slick-menu-item:nth-of-type(4)')
45+
.children('.slick-menu-content')
4646
.should('contain', 'Sort Descending')
4747
.click();
4848

@@ -66,8 +66,8 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
6666

6767
cy.get('.slick-header-menu')
6868
.should('be.visible')
69-
.children('.slick-header-menu-item:nth-of-type(3)')
70-
.children('.slick-header-menu-content')
69+
.children('.slick-menu-item:nth-of-type(3)')
70+
.children('.slick-menu-content')
7171
.should('contain', 'Sort Ascending')
7272
.click();
7373

@@ -94,7 +94,7 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
9494
cy.get('#grid2')
9595
.find('.slick-header-menu')
9696
.should('be.visible')
97-
.children('.slick-header-menu-item:nth-of-type(4)')
97+
.children('.slick-menu-item:nth-of-type(4)')
9898
.click();
9999

100100
cy.get('#grid2')
@@ -129,7 +129,7 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
129129
})
130130
.then(() => {
131131
cy.get(`.slick-grid-menu.${gridUid}`)
132-
.find('.slick-grid-menu-item')
132+
.find('.slick-menu-item')
133133
.first()
134134
.find('span')
135135
.contains('Clear all Sorting')
@@ -213,7 +213,7 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
213213
})
214214
.then(() => {
215215
cy.get(`.slick-grid-menu.${gridUid}`)
216-
.find('.slick-grid-menu-list')
216+
.find('.slick-column-picker-list')
217217
.children('li')
218218
.each(($child, index) => {
219219
if (index <= 5) {
@@ -230,7 +230,7 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
230230
const newColumnList = ['Duration (days)', '% Complete', 'Start', 'Finish', 'Effort Driven'];
231231
cy.get('#grid1')
232232
.get('.slick-grid-menu:visible')
233-
.find('.slick-grid-menu-list')
233+
.find('.slick-column-picker-list')
234234
.children('li:visible:nth(0)')
235235
.children('label')
236236
.should('contain', 'Title')
@@ -261,7 +261,7 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
261261
})
262262
.then(() => {
263263
cy.get(`.slick-grid-menu.${gridUid}`)
264-
.find('.slick-grid-menu-list')
264+
.find('.slick-column-picker-list')
265265
.children('li')
266266
.each(($child, index) => {
267267
if (index <= 5) {
@@ -278,7 +278,7 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
278278
const newColumnList = ['Title', 'Duration (days)', 'Start', 'Finish', 'Effort Driven'];
279279
cy.get('#grid2')
280280
.get('.slick-grid-menu:visible')
281-
.find('.slick-grid-menu-list')
281+
.find('.slick-column-picker-list')
282282
.children('li:visible:nth(2)')
283283
.children('label')
284284
.should('contain', '% Complete')
@@ -300,7 +300,7 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
300300
.find('button.slick-grid-menu-button')
301301
.click({ force: true });
302302

303-
cy.get('.slick-grid-menu-list')
303+
cy.get('.slick-column-picker-list')
304304
.children('li')
305305
.each(($child, index) => {
306306
if (index <= 5) {
@@ -320,7 +320,7 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
320320
const newColumnList = ['Duration (days)', '% Complete', 'Finish', 'Effort Driven'];
321321
cy.get('#grid1')
322322
.get('.slick-grid-menu:visible')
323-
.find('.slick-grid-menu-list')
323+
.find('.slick-column-picker-list')
324324
.children('li:visible:nth(3)')
325325
.children('label')
326326
.should('contain', 'Start')
@@ -345,17 +345,17 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
345345
.trigger('contextmenu')
346346
.invoke('show');
347347

348-
cy.get('.slick-columnpicker')
349-
.find('.slick-columnpicker-list')
348+
cy.get('.slick-column-picker')
349+
.find('.slick-column-picker-list')
350350
.children()
351351
.each(($child, index) => {
352352
if (index <= 5) {
353353
expect($child.text()).to.eq(fullTitles[index]);
354354
}
355355
});
356356

357-
cy.get('.slick-columnpicker')
358-
.find('.slick-columnpicker-list')
357+
cy.get('.slick-column-picker')
358+
.find('.slick-column-picker-list')
359359
.children('li:nth-of-type(3)')
360360
.children('label')
361361
.should('contain', '% Complete')
@@ -371,7 +371,7 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
371371
});
372372

373373
cy.get('#grid2')
374-
.get('.slick-columnpicker:visible')
374+
.get('.slick-column-picker:visible')
375375
.find('.close')
376376
.trigger('click')
377377
.click();
@@ -391,7 +391,7 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
391391
})
392392
.then(() => {
393393
cy.get(`.slick-grid-menu.${gridUid}`)
394-
.find('.slick-grid-menu-list')
394+
.find('.slick-column-picker-list')
395395
.children('li')
396396
.each(($child, index) => {
397397
if (index <= 5) {
@@ -427,7 +427,7 @@ describe('Example 1 - Basic Grids', { retries: 1 }, () => {
427427
})
428428
.then(() => {
429429
cy.get(`.slick-grid-menu.${gridUid}`)
430-
.find('.slick-grid-menu-list')
430+
.find('.slick-column-picker-list')
431431
.children('li')
432432
.each(($child, index) => {
433433
if (index <= 5) {

test/cypress/integration/example03.spec.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -157,8 +157,8 @@ describe('Example 3 - Grid with Editors', { retries: 1 }, () => {
157157

158158
cy.get('.slick-header-menu')
159159
.should('be.visible')
160-
.children('.slick-header-menu-item:nth-of-type(6)')
161-
.children('.slick-header-menu-content')
160+
.children('.slick-menu-item:nth-of-type(6)')
161+
.children('.slick-menu-content')
162162
.should('contain', 'Remove Filter')
163163
.click();
164164

test/cypress/integration/example05.spec.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -203,7 +203,7 @@ describe('Example 5 - OData Grid', () => {
203203
.click();
204204

205205
cy.get(`.slick-grid-menu:visible`)
206-
.find('.slick-grid-menu-item')
206+
.find('.slick-menu-item')
207207
.first()
208208
.find('span')
209209
.contains('Clear all Filters')
@@ -248,7 +248,7 @@ describe('Example 5 - OData Grid', () => {
248248
.click();
249249

250250
cy.get(`.slick-grid-menu:visible`)
251-
.find('.slick-grid-menu-item:nth(1)')
251+
.find('.slick-menu-item:nth(1)')
252252
.find('span')
253253
.contains('Clear all Sorting')
254254
.click();
@@ -340,7 +340,7 @@ describe('Example 5 - OData Grid', () => {
340340
.click();
341341

342342
cy.get(`.slick-grid-menu:visible`)
343-
.find('.slick-grid-menu-item')
343+
.find('.slick-menu-item')
344344
.first()
345345
.find('span')
346346
.contains('Clear all Filters')
@@ -422,7 +422,7 @@ describe('Example 5 - OData Grid', () => {
422422
.click();
423423

424424
cy.get(`.slick-grid-menu:visible`)
425-
.find('.slick-grid-menu-item:nth(1)')
425+
.find('.slick-menu-item:nth(1)')
426426
.find('span')
427427
.contains('Clear all Sorting')
428428
.click();
@@ -699,8 +699,8 @@ describe('Example 5 - OData Grid', () => {
699699

700700
cy.get('.slick-header-menu')
701701
.should('be.visible')
702-
.children('.slick-header-menu-item:nth-of-type(6)')
703-
.children('.slick-header-menu-content')
702+
.children('.slick-menu-item:nth-of-type(6)')
703+
.children('.slick-menu-content')
704704
.should('contain', 'Remove Filter')
705705
.click();
706706

test/cypress/integration/example06.spec.js

Lines changed: 38 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -177,8 +177,8 @@ describe('Example 6 - GraphQL Grid', { retries: 1 }, () => {
177177

178178
cy.get('.slick-header-menu')
179179
.should('be.visible')
180-
.children('.slick-header-menu-item:nth-of-type(6)')
181-
.children('.slick-header-menu-content')
180+
.children('.slick-menu-item:nth-of-type(6)')
181+
.children('.slick-menu-content')
182182
.should('contain', 'Remove Filter')
183183
.click();
184184

@@ -207,8 +207,8 @@ describe('Example 6 - GraphQL Grid', { retries: 1 }, () => {
207207

208208
cy.get('.slick-header-menu')
209209
.should('be.visible')
210-
.children('.slick-header-menu-item:nth-of-type(6)')
211-
.children('.slick-header-menu-content')
210+
.children('.slick-menu-item:nth-of-type(6)')
211+
.children('.slick-menu-content')
212212
.should('contain', 'Remove Filter')
213213
.click();
214214

@@ -238,8 +238,8 @@ describe('Example 6 - GraphQL Grid', { retries: 1 }, () => {
238238

239239
cy.get('.slick-header-menu')
240240
.should('be.visible')
241-
.children('.slick-header-menu-item:nth-of-type(6)')
242-
.children('.slick-header-menu-content')
241+
.children('.slick-menu-item:nth-of-type(6)')
242+
.children('.slick-menu-content')
243243
.should('contain', 'Remove Filter')
244244
.click();
245245

@@ -411,28 +411,28 @@ describe('Example 6 - GraphQL Grid', { retries: 1 }, () => {
411411

412412
cy.get('.slick-header-menu')
413413
.should('be.visible')
414-
.children('.slick-header-menu-item:nth-of-type(3)')
415-
.children('.slick-header-menu-content')
414+
.children('.slick-menu-item:nth-of-type(3)')
415+
.children('.slick-menu-content')
416416
.should('contain', 'Sort Ascending');
417417

418418
cy.get('.slick-header-menu')
419-
.children('.slick-header-menu-item:nth-of-type(4)')
420-
.children('.slick-header-menu-content')
419+
.children('.slick-menu-item:nth-of-type(4)')
420+
.children('.slick-menu-content')
421421
.should('contain', 'Sort Descending');
422422

423423
cy.get('.slick-header-menu')
424-
.children('.slick-header-menu-item:nth-of-type(6)')
425-
.children('.slick-header-menu-content')
424+
.children('.slick-menu-item:nth-of-type(6)')
425+
.children('.slick-menu-content')
426426
.should('contain', 'Remove Filter');
427427

428428
cy.get('.slick-header-menu')
429-
.children('.slick-header-menu-item:nth-of-type(7)')
430-
.children('.slick-header-menu-content')
429+
.children('.slick-menu-item:nth-of-type(7)')
430+
.children('.slick-menu-content')
431431
.should('contain', 'Remove Sort');
432432

433433
cy.get('.slick-header-menu')
434-
.children('.slick-header-menu-item:nth-of-type(8)')
435-
.children('.slick-header-menu-content')
434+
.children('.slick-menu-item:nth-of-type(8)')
435+
.children('.slick-menu-content')
436436
.should('contain', 'Hide Column');
437437
});
438438

@@ -441,22 +441,22 @@ describe('Example 6 - GraphQL Grid', { retries: 1 }, () => {
441441
.find('button.slick-grid-menu-button')
442442
.trigger('click');
443443

444-
cy.get('.slick-grid-menu .title:nth(0)')
444+
cy.get('.slick-grid-menu .slick-menu-title:nth(0)')
445445
.contains('Commands');
446446

447-
cy.get('.slick-grid-menu-item:nth(0) > span')
447+
cy.get('.slick-grid-menu .slick-menu-item:nth(0) > span')
448448
.contains('Clear all Filters');
449449

450-
cy.get('.slick-grid-menu-item:nth(1) > span')
450+
cy.get('.slick-grid-menu .slick-menu-item:nth(1) > span')
451451
.contains('Clear all Sorting');
452452

453-
cy.get('.slick-grid-menu .title:nth(1)')
453+
cy.get('.slick-grid-menu .slick-menu-title:nth(1)')
454454
.contains('Columns');
455455

456-
cy.get('.slick-grid-menu-list li:nth(0)')
456+
cy.get('.slick-column-picker-list li:nth(0)')
457457
.contains('Customer Information - Name');
458458

459-
cy.get('.slick-grid-menu-list li:nth(1)')
459+
cy.get('.slick-column-picker-list li:nth(1)')
460460
.contains('Customer Information - Gender');
461461

462462
cy.get('.slick-grid-menu [data-dismiss=slick-grid-menu].close')
@@ -519,28 +519,28 @@ describe('Example 6 - GraphQL Grid', { retries: 1 }, () => {
519519

520520
cy.get('.slick-header-menu')
521521
.should('be.visible')
522-
.children('.slick-header-menu-item:nth-of-type(3)')
523-
.children('.slick-header-menu-content')
522+
.children('.slick-menu-item:nth-of-type(3)')
523+
.children('.slick-menu-content')
524524
.should('contain', 'Trier par ordre croissant');
525525

526526
cy.get('.slick-header-menu')
527-
.children('.slick-header-menu-item:nth-of-type(4)')
528-
.children('.slick-header-menu-content')
527+
.children('.slick-menu-item:nth-of-type(4)')
528+
.children('.slick-menu-content')
529529
.should('contain', 'Trier par ordre décroissant');
530530

531531
cy.get('.slick-header-menu')
532-
.children('.slick-header-menu-item:nth-of-type(6)')
533-
.children('.slick-header-menu-content')
532+
.children('.slick-menu-item:nth-of-type(6)')
533+
.children('.slick-menu-content')
534534
.should('contain', 'Supprimer le filtre');
535535

536536
cy.get('.slick-header-menu')
537-
.children('.slick-header-menu-item:nth-of-type(7)')
538-
.children('.slick-header-menu-content')
537+
.children('.slick-menu-item:nth-of-type(7)')
538+
.children('.slick-menu-content')
539539
.should('contain', 'Supprimer le tri');
540540

541541
cy.get('.slick-header-menu')
542-
.children('.slick-header-menu-item:nth-of-type(8)')
543-
.children('.slick-header-menu-content')
542+
.children('.slick-menu-item:nth-of-type(8)')
543+
.children('.slick-menu-content')
544544
.should('contain', 'Cacher la colonne');
545545
});
546546

@@ -549,22 +549,22 @@ describe('Example 6 - GraphQL Grid', { retries: 1 }, () => {
549549
.find('button.slick-grid-menu-button')
550550
.trigger('click');
551551

552-
cy.get('.slick-grid-menu .title:nth(0)')
552+
cy.get('.slick-grid-menu .slick-menu-title:nth(0)')
553553
.contains('Commandes');
554554

555-
cy.get('.slick-grid-menu-item:nth(0) > span')
555+
cy.get('.slick-grid-menu .slick-menu-item:nth(0) > span')
556556
.contains('Supprimer tous les filtres');
557557

558-
cy.get('.slick-grid-menu-item:nth(1) > span')
558+
cy.get('.slick-grid-menu .slick-menu-item:nth(1) > span')
559559
.contains('Supprimer tous les tris');
560560

561-
cy.get('.slick-grid-menu .title:nth(1)')
561+
cy.get('.slick-grid-menu .slick-menu-title:nth(1)')
562562
.contains('Colonnes');
563563

564-
cy.get('.slick-grid-menu-list li:nth(0)')
564+
cy.get('.slick-grid-menu .slick-column-picker-list li:nth(0)')
565565
.contains('Information Client - Nom');
566566

567-
cy.get('.slick-grid-menu-list li:nth(1)')
567+
cy.get('.slick-grid-menu .slick-column-picker-list li:nth(1)')
568568
.contains('Information Client - Sexe');
569569

570570
cy.get('.slick-grid-menu [data-dismiss=slick-grid-menu].close')

0 commit comments

Comments
 (0)