Skip to content

Commit

Permalink
Merge branch 'master' into 2001-refactor-c-zoom
Browse files Browse the repository at this point in the history
  • Loading branch information
@jq1836
jq1836 committed Sep 5, 2023
2 parents e0e488a + 3bad16b commit cbe2f78
Showing 1 changed file with 316 additions and 0 deletions.
316 changes: 316 additions & 0 deletions frontend/cypress/tests/chartView/chartView_zoomFeature.cy.js
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,9 @@
const extractDate = (str) => {
const regex = /\[(.*?)\]/g;
const matches = str.match(regex);
return new Date(matches[0].slice(1, -1));
};

describe('zoom features in code view', () => {
const zoomKey = Cypress.platform === 'darwin' ? '{meta}' : '{ctrl}';
it('click on view commits button', () => {
Expand Down Expand Up @@ -39,3 +45,313 @@ describe('zoom features in code view', () => {
.should('be.visible');
});
});

// Assumptions: Contributer 'eugenepeh' is the first result.
describe('date changes in chart view should reflect in zoom', () => {
it('setting \'since\' date range changes the zoom view', () => {
cy.get('div.mui-textfield.search_box > input:visible')
.should('be.visible')
.type('eugenepeh');

cy.get('input[name="since"]:visible')
.type('2018-06-11');

cy.get('.icon-button.fa-list-ul')
.should('be.visible')
.first()
.click();

cy.get('#tab-zoom')
.should('be.visible');

cy.get('#tab-zoom .ramp .ramp__slice')
.each(($element) => {
cy.wrap($element)
.invoke('attr', 'title')
.then((titleStr) => {
const date = extractDate(titleStr);
cy.wrap(date).should('be.gte', new Date('2018-06-11'));
});
});
});
// Assumptions: Contributer 'yong24s' is the first result.
it('setting \'since\' date again results in a different zoom view', () => {
cy.get('div.mui-textfield.search_box > input:visible')
.should('be.visible')
.type('yong24s');

cy.get('input[name="since"]:visible')
.type('2018-05-20');

cy.get('.icon-button.fa-list-ul')
.should('be.visible')
.first()
.click();

cy.get('#tab-zoom')
.should('be.visible');

cy.get('#tab-zoom .ramp .ramp__slice')
.each(($element) => {
cy.wrap($element)
.invoke('attr', 'title')
.then((titleStr) => {
const date = extractDate(titleStr);
cy.wrap(date).should('be.gte', new Date('2018-05-20'));
});
});
});

// Assumptions: Contributer 'eugenepeh' is the first result.
it('setting the \'until\' date changes the zoom view', () => {
cy.get('div.mui-textfield.search_box > input:visible')
.should('be.visible')
.type('eugenepeh');

cy.get('input[name="until"]:visible')
.type('2019-08-19');

cy.get('.icon-button.fa-list-ul')
.should('be.visible')
.first()
.click();

cy.get('#tab-zoom')
.should('be.visible');

cy.get('#tab-zoom .ramp .ramp__slice')
.each(($element) => {
cy.wrap($element)
.invoke('attr', 'title')
.then((titleStr) => {
const date = extractDate(titleStr);
cy.wrap(date).should('be.lte', new Date('2019-08-19'));
});
});
});

// Assumptions: Contributer 'ongspxm' is the first result.
it('setting the \'until\' date again results in a different zoom view', () => {
cy.get('div.mui-textfield.search_box > input:visible')
.should('be.visible')
.type('ongspxm');

cy.get('input[name="until"]:visible')
.type('2018-07-20');

cy.get('.icon-button.fa-list-ul')
.should('be.visible')
.first()
.click();

cy.get('#tab-zoom')
.should('be.visible');

cy.get('#tab-zoom .ramp .ramp__slice')
.each(($element) => {
cy.wrap($element)
.invoke('attr', 'title')
.then((titleStr) => {
const date = extractDate(titleStr);
cy.wrap(date).should('be.lte', new Date('2018-07-20'));
});
});
});

// Assumptions: Contributer 'eugenepeh' is the first result.
it('setting the \'until\' and \'since\' date changes the zoom view', () => {
cy.get('div.mui-textfield.search_box > input:visible')
.should('be.visible')
.type('eugenepeh');

cy.get('input[name="since"]:visible')
.type('2018-08-27');

cy.get('input[name="until"]:visible')
.type('2019-03-09');

cy.get('.icon-button.fa-list-ul')
.should('be.visible')
.first()
.click();

cy.get('#tab-zoom')
.should('be.visible');

cy.get('#tab-zoom .ramp .ramp__slice')
.each(($element) => {
cy.wrap($element)
.invoke('attr', 'title')
.then((titleStr) => {
const date = extractDate(titleStr);
cy.wrap(date).should('be.lte', new Date('2019-03-09'));
});
});

cy.get('#tab-zoom .ramp .ramp__slice')
.each(($element) => {
cy.wrap($element)
.invoke('attr', 'title')
.then((titleStr) => {
const date = extractDate(titleStr);
cy.wrap(date).should('be.gte', new Date('2018-08-27'));
});
});
});

// Assumptions: Contributer 'jamessspanggg' is the first result.
it('setting the \'until\' and \'since\' date again results in a different zoom view', () => {
cy.get('div.mui-textfield.search_box > input:visible')
.should('be.visible')
.type('jamessspanggg');

cy.get('input[name="since"]:visible')
.type('2019-07-22');

cy.get('input[name="until"]:visible')
.type('2019-08-01');

cy.get('.icon-button.fa-list-ul')
.should('be.visible')
.first()
.click();

cy.get('#tab-zoom')
.should('be.visible');

cy.get('#tab-zoom .ramp .ramp__slice')
.each(($element) => {
cy.wrap($element)
.invoke('attr', 'title')
.then((titleStr) => {
const date = extractDate(titleStr);
cy.wrap(date).should('be.lte', new Date('2019-08-01'));
});
});

cy.get('#tab-zoom .ramp .ramp__slice')
.each(($element) => {
cy.wrap($element)
.invoke('attr', 'title')
.then((titleStr) => {
const date = extractDate(titleStr);
cy.wrap(date).should('be.gte', new Date('2019-07-22'));
});
});
});
});

describe('range changes in chartview should reflect in zoom', () => {
const zoomKey = Cypress.platform === 'darwin' ? '{meta}' : '{ctrl}';

// Assumptions: Contributer 'jamessspanggg' is the first result,
// he does not add more commits in the future,
// and the sort feature is working as expected.
it('selecting the initial righthand and lefthand boundary', () => {
cy.get('div.mui-textfield.search_box > input:visible')
.should('be.visible')
.type('jamessspanggg');
cy.get('body').type(zoomKey, { release: false })
.get('#summary-charts .summary-chart__ramp .ramp')
.first()
.click(120, 20)
.click(250, 20);

cy.get('#tab-zoom')
.should('be.visible');

cy.get('#tab-zoom .ramp .ramp__slice')
.first()
.invoke('attr', 'title')
.should('eq', '[2021-01-04] Update `About us` page (#1393): +55 -30 lines ');
cy.get('#tab-zoom .ramp .ramp__slice')
.last()
.invoke('attr', 'title')
.should('eq', '[2019-12-20] [#46] Show total time after batch processing (#758): +43 -0 lines ');
});

// Assumptions: Contributer 'jamessspanggg' is the first result,
// he does not add more commits in the future,
// and the sort feature is working as expected.
it('changing the righthand boundary', () => {
cy.get('div.mui-textfield.search_box > input:visible')
.should('be.visible')
.type('jamessspanggg');
cy.get('body').type(zoomKey, { release: false })
.get('#summary-charts .summary-chart__ramp .ramp')
.first()
.click(120, 20)
.click(200, 20);

cy.get('#tab-zoom')
.should('be.visible');

cy.get('#tab-zoom .ramp .ramp__slice')
.first()
.invoke('attr', 'title')
.should('eq', '[2020-10-01] [#1312] Conditional run for markbind to gh pages deployment (#1337): +1 -0 lines ');
cy.get('#tab-zoom .ramp .ramp__slice')
.last()
.invoke('attr', 'title')
.should('eq', '[2019-12-20] [#46] Show total time after batch processing (#758): +43 -0 lines ');
});

// Assumptions: Contributer 'jamessspanggg' is the first result,
// he does not add more commits in the future,
// and the sort feature is working as expected.
it('changing the lefthand boundary', () => {
cy.get('div.mui-textfield.search_box > input:visible')
.should('be.visible')
.type('jamessspanggg');
cy.get('body').type(zoomKey, { release: false })
.get('#summary-charts .summary-chart__ramp .ramp')
.first()
.click(200, 20)
.click(250, 20);

cy.get('#tab-zoom')
.should('be.visible');

cy.get('#tab-zoom .ramp .ramp__slice')
.first()
.invoke('attr', 'title')
.should('eq', '[2021-01-04] Update `About us` page (#1393): +55 -30 lines ');
cy.get('#tab-zoom .ramp .ramp__slice')
.last()
.invoke('attr', 'title')
.should('eq', '[2020-11-21] [#1345] Authorship: Add last modified '
+ 'date to each LoC if specified (#1348): +165 -76 lines ');
});

// Assumptions: Contributer 'jamessspanggg' is the first result,
// he does not add more commits in the future,
// and the sort feature is working as expected.
it('changing the righthand and lefthand boundary', () => {
cy.get('div.mui-textfield.search_box > input:visible')
.should('be.visible')
.type('jamessspanggg');

cy.get('body').type(zoomKey, { release: false })
.get('#summary-charts .summary-chart__ramp .ramp')
.first()
.click(200, 20)
.click(225, 20);

cy.get('#tab-zoom')
.should('be.visible');

cy.get('#tab-zoom .ramp .ramp__slice')
.first()
.invoke('attr', 'title')
.should(
'eq',
'[2021-01-04] Update `About us` page (#1393): +55 -30 lines ',
);

cy.get('#tab-zoom .ramp .ramp__slice')
.last()
.invoke('attr', 'title')
.should('eq', '[2020-11-21] [#1345] Authorship: Add last modified date '
+ 'to each LoC if specified (#1348): +165 -76 lines ');
});
});

0 comments on commit cbe2f78

Please sign in to comment.