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

feat: add local data StartsWith/EndsWith (a*z) filter combo #1216

Merged
merged 2 commits into from
Jun 8, 2024
Merged

feat: add local data StartsWith/EndsWith (a*z) filter combo #1216

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
95d036f
feat: add local data StartsWith/EndsWith (`a*z`) filter combo
ghiscoding May 30, 2024
d0798a1
Merge branch 'master' into feat/local-starts-ends-with
ghiscoding Jun 8, 2024
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: 8 additions & 1 deletion packages/demo/src/examples/slickgrid/example13.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ export class Example13 {
defineGrid() {
this.columnDefinitions = [
{
id: 'sel', name: '#', field: 'num', width: 40,
id: 'sel', name: '#', field: 'num', width: 40, type: FieldType.number,
excludeFromExport: true,
maxWidth: 70,
resizable: true,
Expand Down Expand Up @@ -178,6 +178,13 @@ export class Example13 {
excelExportOptions: { sanitizeDataExport: true },
textExportOptions: { sanitizeDataExport: true },
externalResources: [this.excelExportService, this.textExportService],
showCustomFooter: true,
customFooterOptions: {
// optionally display some text on the left footer container
hideMetrics: false,
hideTotalItemCount: false,
hideLastUpdateTimestamp: false
},
};
}

Expand Down
109 changes: 109 additions & 0 deletions test/cypress/e2e/example13.cy.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,4 +73,113 @@ describe('Example 13 - Grouping & Aggregators', () => {
.find('.slick-cell:nth(3)').contains('Avg: ');
});
});

describe('Diverse Input Text Filters with multiple symbol variances', () => {
it('should clear all Groupings', () => {
cy.get('[data-test="clear-grouping-btn"]').click();
});

it('should return 500 rows using "Ta*33" (starts with "Ta" + ends with 33)', () => {
cy.get('.search-filter.filter-title')
.clear()
.type('Ta*3');

cy.get('.item-count')
.should('contain', 5000);

cy.get('.search-filter.filter-title')
.clear()
.type('Ta*33');

cy.get('.item-count')
.should('contain', 500);

cy.get(`[style="top: ${GRID_ROW_HEIGHT * 0}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 33');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 1}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 133');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 2}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 233');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 3}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 333');
});

it('should return 40000 rows using "Ta*" (starts with "Ta")', () => {
cy.get('.search-filter.filter-title')
.clear()
.type('Ta*');

cy.get('.item-count')
.should('contain', 50000);

cy.get(`[style="top: ${GRID_ROW_HEIGHT * 0}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 0');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 1}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 1');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 2}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 2');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 3}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 3');
});

it('should return 500 rows using "*11" (ends with "11")', () => {
cy.get('.search-filter.filter-title')
.clear()
.type('*11');

cy.get('.item-count')
.should('contain', 500);

cy.get(`[style="top: ${GRID_ROW_HEIGHT * 0}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 1');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 1}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 11');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 2}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 21');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 3}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 31');
});

it('should return 497 rows using ">222" (greater than 222)', () => {
cy.get('.search-filter.filter-sel')
.clear()
.type('>222');

cy.get('.item-count')
.should('contain', 497);

cy.get(`[style="top: ${GRID_ROW_HEIGHT * 0}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 311');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 1}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 411');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 2}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 511');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 3}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 611');
});

it('should return 499 rows using "<>311" (not equal to 311)', () => {
cy.get('.search-filter.filter-sel')
.clear()
.type('<>311');

cy.get('.item-count')
.should('contain', 499);

cy.get('.search-filter.filter-sel')
.clear()
.type('!=311');

cy.get('.item-count')
.should('contain', 499);

cy.get(`[style="top: ${GRID_ROW_HEIGHT * 0}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 11');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 1}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 111');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 2}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 211');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 3}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 411');
cy.get(`[style="top: ${GRID_ROW_HEIGHT * 4}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 511');
});

it('should return 1 rows using "=311" or "==311" (equal to 311)', () => {
cy.get('.search-filter.filter-sel')
.clear()
.type('=311');

cy.get('.item-count')
.should('contain', 1);

cy.get('.search-filter.filter-sel')
.clear()
.type('==311');

cy.get('.item-count')
.should('contain', 1);

cy.get(`[style="top: ${GRID_ROW_HEIGHT * 0}px;"] > .slick-cell:nth(1)`).should('contain', 'Task 311');
});
});
});