/* eslint-disable jest/no-conditional-expect */ /// // Welcome to Cypress! // // This spec file contains a variety of sample tests // for a todo list app that are designed to demonstrate // the power of writing tests in Cypress. // // To learn more about how Cypress works and // what makes it such an awesome testing tool, // please read our getting started guide: // https://on.cypress.io/introduction-to-cypress let featureToggleName = ''; let enterprise = false; let strategyId = ''; let defaultEnv = 'default'; describe('feature toggle', () => { before(() => { featureToggleName = `unleash-e2e-${Math.floor(Math.random() * 100)}`; enterprise = Boolean(Cypress.env('ENTERPRISE')); const env = Cypress.env('DEFAULT_ENV'); if (env) { defaultEnv = env; } }); after(() => { const authToken = Cypress.env('AUTH_TOKEN'); cy.request({ method: 'DELETE', url: `${ Cypress.config().baseUrl }/api/admin/features/${featureToggleName}`, headers: { Authorization: authToken, }, }); cy.request({ method: 'DELETE', url: `${ Cypress.config().baseUrl }/api/admin/archive/${featureToggleName}`, headers: { Authorization: authToken, }, }); }); beforeEach(() => { // Cypress starts out with a blank slate for each test // so we must tell it to visit our website with the `cy.visit()` command. // Since we want to visit the same URL at the start of all our tests, // we include it in our beforeEach function so that it runs before each test const passwordAuth = Cypress.env('PASSWORD_AUTH'); enterprise = Boolean(Cypress.env('ENTERPRISE')); cy.visit('/'); if (passwordAuth) { cy.get('[data-test="LOGIN_EMAIL_ID"]').type('test@test.com'); cy.get('[data-test="LOGIN_PASSWORD_ID"]').type('qY70$NDcJNXA'); cy.get("[data-test='LOGIN_BUTTON']").click(); } else { cy.get('[data-test=LOGIN_EMAIL_ID]').type('test@unleash-e2e.com'); cy.get('[data-test=LOGIN_BUTTON]').click(); } }); it('Creates a feature toggle', () => { cy.get('[data-test=NAVIGATE_TO_CREATE_FEATURE').click(); cy.intercept('POST', '/api/admin/features').as('createFeature'); cy.get("[data-test='CF_NAME_ID'").type(featureToggleName); cy.get("[data-test='CF_DESC_ID'").type('hellowrdada'); cy.get("[data-test='CF_CREATE_BTN_ID']").click(); cy.wait('@createFeature'); cy.url().should('include', featureToggleName); }); it('Can add a gradual rollout strategy to the default environment', () => { cy.wait(500); cy.visit(`/projects/default/features2/${featureToggleName}/strategies`); cy.get('[data-test=ADD_NEW_STRATEGY_ID]').click(); cy.get('[data-test=ADD_NEW_STRATEGY_CARD_BUTTON_ID-1').click(); cy.get('[data-test=ROLLOUT_SLIDER_ID') .click() .type('{leftarrow}'.repeat(20)); if (enterprise) { cy.get('[data-test=ADD_CONSTRAINT_ID]').click(); cy.get('[data-test=CONSTRAINT_AUTOCOMPLETE_ID]') .type('{downArrow}'.repeat(1)) .type('{enter}'); cy.get('[data-test=DIALOGUE_CONFIRM_ID]').click(); } cy.intercept( 'POST', `/api/admin/projects/default/features/${featureToggleName}/environments/${defaultEnv}/strategies`, req => { expect(req.body.name).to.equal('flexibleRollout'); expect(req.body.parameters.groupId).to.equal(featureToggleName); expect(req.body.parameters.stickiness).to.equal('default'); expect(req.body.parameters.rollout).to.equal(30); if (enterprise) { expect(req.body.constraints.length).to.equal(1); } else { expect(req.body.constraints.length).to.equal(0); } req.continue(res => { strategyId = res.body.id; }); } ).as('addStrategyToFeature'); cy.get('[data-test=ADD_NEW_STRATEGY_SAVE_ID]').first().click(); cy.get('[data-test=DIALOGUE_CONFIRM_ID]').click(); cy.wait('@addStrategyToFeature'); }); it('can update a strategy in the default environment', () => { cy.wait(500); cy.visit(`/projects/default/features2/${featureToggleName}/strategies`); cy.get('[data-test=STRATEGY_ACCORDION_ID-flexibleRollout').click(); cy.get('[data-test=ROLLOUT_SLIDER_ID') .first() .click() .type('{rightArrow}'.repeat(10)); cy.get('[data-test=FLEXIBLE_STRATEGY_STICKINESS_ID]') .first() .click() .get('[data-test=SELECT_ITEM_ID-sessionId') .first() .click(); let newGroupId = 'new-group-id'; cy.get('[data-test=FLEXIBLE_STRATEGY_GROUP_ID]') .first() .clear() .type('new-group-id'); cy.intercept( 'PUT', `/api/admin/projects/default/features/${featureToggleName}/environments/${defaultEnv}/strategies/${strategyId}`, req => { expect(req.body.parameters.groupId).to.equal(newGroupId); expect(req.body.parameters.stickiness).to.equal('sessionId'); expect(req.body.parameters.rollout).to.equal(60); if (enterprise) { expect(req.body.constraints.length).to.equal(1); } else { expect(req.body.constraints.length).to.equal(0); } req.continue(res => { expect(res.statusCode).to.equal(200); }); } ).as('updateStrategy'); cy.get('[data-test=UPDATE_STRATEGY_BUTTON_ID]').first().click(); cy.get('[data-test=DIALOGUE_CONFIRM_ID]').click(); cy.wait('@updateStrategy'); }); it('can delete a strategy in the default environment', () => { cy.wait(500); cy.visit(`/projects/default/features2/${featureToggleName}/strategies`); cy.intercept( 'DELETE', `/api/admin/projects/default/features/${featureToggleName}/environments/${defaultEnv}/strategies/${strategyId}`, req => { req.continue(res => { expect(res.statusCode).to.equal(200); }); } ).as('deleteStrategy'); cy.get('[data-test=DELETE_STRATEGY_ID-flexibleRollout]').click(); cy.get('[data-test=DIALOGUE_CONFIRM_ID]').click(); cy.wait('@deleteStrategy'); }); it('Can add a userid strategy to the default environment', () => { cy.wait(500); cy.visit(`/projects/default/features2/${featureToggleName}/strategies`); cy.get('[data-test=ADD_NEW_STRATEGY_ID]').click(); cy.get('[data-test=ADD_NEW_STRATEGY_CARD_BUTTON_ID-2').click(); if (enterprise) { cy.get('[data-test=ADD_CONSTRAINT_ID]').click(); cy.get('[data-test=CONSTRAINT_AUTOCOMPLETE_ID]') .type('{downArrow}'.repeat(1)) .type('{enter}'); cy.get('[data-test=DIALOGUE_CONFIRM_ID]').click(); } cy.get('[data-test=STRATEGY_INPUT_LIST]') .type('user1') .type('{enter}') .type('user2') .type('{enter}'); cy.get('[data-test=ADD_TO_STRATEGY_INPUT_LIST]').click(); cy.intercept( 'POST', `/api/admin/projects/default/features/${featureToggleName}/environments/${defaultEnv}/strategies`, req => { expect(req.body.name).to.equal('userWithId'); expect(req.body.parameters.userIds.length).to.equal(11); if (enterprise) { expect(req.body.constraints.length).to.equal(1); } else { expect(req.body.constraints.length).to.equal(0); } req.continue(res => { strategyId = res.body.id; }); } ).as('addStrategyToFeature'); cy.get('[data-test=ADD_NEW_STRATEGY_SAVE_ID]').first().click(); cy.get('[data-test=DIALOGUE_CONFIRM_ID]').click(); cy.wait('@addStrategyToFeature'); }); it('Can add two variant to the feature', () => { const variantName = 'my-new-variant'; const secondVariantName = 'my-second-variant'; cy.wait(500); cy.visit(`/projects/default/features2/${featureToggleName}/variants`); cy.intercept( 'PATCH', `/api/admin/projects/default/features/${featureToggleName}`, req => { if (req.body.length === 1) { expect(req.body[0].op).to.equal('add'); expect(req.body[0].path).to.match(/variants/); expect(req.body[0].value.name).to.equal(variantName); } else if (req.body.length === 2) { expect(req.body[0].op).to.equal('replace'); expect(req.body[0].path).to.match(/weight/); expect(req.body[0].value).to.equal(500); expect(req.body[1].op).to.equal('add'); expect(req.body[1].path).to.match(/variants/); expect(req.body[1].value.name).to.equal(secondVariantName); } } ).as('variantcreation'); cy.get('[data-test=ADD_VARIANT_BUTTON]').click(); cy.get('[data-test=VARIANT_NAME_INPUT]').type(variantName); cy.get('[data-test=DIALOGUE_CONFIRM_ID]').click(); cy.wait('@variantcreation'); cy.get('[data-test=ADD_VARIANT_BUTTON]').click(); cy.get('[data-test=VARIANT_NAME_INPUT]').type(secondVariantName); cy.get('[data-test=DIALOGUE_CONFIRM_ID]').click(); cy.wait('@variantcreation'); }); it('Can set weight to fixed value for one of the variants', () => { const variantName = 'my-new-variant'; cy.wait(500); cy.visit(`/projects/default/features2/${featureToggleName}/variants`); cy.get('[data-test=VARIANT_EDIT_BUTTON]').first().click(); cy.get('[data-test=VARIANT_NAME_INPUT]') .children() .find('input') .should('have.attr', 'disabled'); cy.get('[data-test=VARIANT_WEIGHT_TYPE]') .children() .find('input') .check(); cy.get('[data-test=VARIANT_WEIGHT_INPUT]').clear().type('15'); cy.intercept( 'PATCH', `/api/admin/projects/default/features/${featureToggleName}`, req => { expect(req.body[0].op).to.equal('replace'); expect(req.body[0].path).to.match(/weight/); expect(req.body[0].value).to.equal(850); expect(req.body[1].op).to.equal('replace'); expect(req.body[1].path).to.match(/weightType/); expect(req.body[1].value).to.equal('fix'); expect(req.body[2].op).to.equal('replace'); expect(req.body[2].path).to.match(/weight/); expect(req.body[2].value).to.equal(150); } ).as('variantupdate'); cy.get('[data-test=DIALOGUE_CONFIRM_ID]').click(); cy.wait('@variantupdate'); cy.get('[data-test=VARIANT_WEIGHT]') .first() .should('have.text', '15 %'); }); it(`can delete variant`, () => { const variantName = 'to-be-deleted'; cy.wait(500); cy.visit(`/projects/default/features2/${featureToggleName}/variants`); cy.get('[data-test=ADD_VARIANT_BUTTON]').click(); cy.get('[data-test=VARIANT_NAME_INPUT]').type(variantName); cy.get('[data-test=DIALOGUE_CONFIRM_ID]').click(); cy.intercept( 'PATCH', `/api/admin/projects/default/features/${featureToggleName}`, req => { const e = req.body.find(e => e.op === 'remove'); expect(e.path).to.match(/variants/); } ).as('delete'); cy.get(`[data-test=VARIANT_DELETE_BUTTON_${variantName}]`).click(); cy.get('[data-test=DIALOGUE_CONFIRM_ID]').click(); cy.wait('@delete'); }); });