mirror of
https://github.com/Unleash/unleash.git
synced 2024-12-28 00:06:53 +01:00
59c8822cf2
* refactor: extract InputCaption component * refactor: split up GeneralStrategy component * refactor: fill inn more default feature strategy parameter values * fix: validate feature strategy parameters * refactor: fix duplicate keys in strategy icon list * refactor: expand variable names * refactor: remove unnecessary useMemo * refactor: use captions instead of tooltips for boolean parameter descriptions * refactor: improve strategy definition form spacing
332 lines
12 KiB
TypeScript
332 lines
12 KiB
TypeScript
/// <reference types="cypress" />
|
|
|
|
export {};
|
|
|
|
const ENTERPRISE = Boolean(Cypress.env('ENTERPRISE'));
|
|
const randomId = String(Math.random()).split('.')[1];
|
|
const featureToggleName = `unleash-e2e-${randomId}`;
|
|
const baseUrl = Cypress.config().baseUrl;
|
|
const variant1 = 'variant1';
|
|
const variant2 = 'variant2';
|
|
let strategyId = '';
|
|
|
|
// Disable the prod guard modal by marking it as seen.
|
|
const disableFeatureStrategiesProdGuard = () => {
|
|
localStorage.setItem(
|
|
'useFeatureStrategyProdGuardSettings:v2',
|
|
JSON.stringify({ hide: true })
|
|
);
|
|
};
|
|
|
|
// Disable all active splash pages by visiting them.
|
|
const disableActiveSplashScreens = () => {
|
|
cy.visit(`/splash/operators`);
|
|
};
|
|
|
|
describe('feature', () => {
|
|
before(() => {
|
|
disableFeatureStrategiesProdGuard();
|
|
disableActiveSplashScreens();
|
|
});
|
|
|
|
after(() => {
|
|
cy.request({
|
|
method: 'DELETE',
|
|
url: `${baseUrl}/api/admin/features/${featureToggleName}`,
|
|
});
|
|
cy.request({
|
|
method: 'DELETE',
|
|
url: `${baseUrl}/api/admin/archive/${featureToggleName}`,
|
|
});
|
|
});
|
|
|
|
beforeEach(() => {
|
|
cy.login();
|
|
cy.visit('/');
|
|
});
|
|
|
|
it('can create a feature toggle', () => {
|
|
if (document.querySelector("[data-testid='CLOSE_SPLASH']")) {
|
|
cy.get("[data-testid='CLOSE_SPLASH']").click();
|
|
}
|
|
|
|
cy.get('[data-testid=NAVIGATE_TO_CREATE_FEATURE').click();
|
|
|
|
cy.intercept('POST', '/api/admin/projects/default/features').as(
|
|
'createFeature'
|
|
);
|
|
|
|
cy.get("[data-testid='CF_NAME_ID'").type(featureToggleName);
|
|
cy.get("[data-testid='CF_DESC_ID'").type('hello-world');
|
|
cy.get("[data-testid='CF_CREATE_BTN_ID']").click();
|
|
cy.wait('@createFeature');
|
|
cy.url().should('include', featureToggleName);
|
|
});
|
|
|
|
it('gives an error if a toggle exists with the same name', () => {
|
|
cy.get('[data-testid=NAVIGATE_TO_CREATE_FEATURE').click();
|
|
|
|
cy.intercept('POST', '/api/admin/projects/default/features').as(
|
|
'createFeature'
|
|
);
|
|
|
|
cy.get("[data-testid='CF_NAME_ID'").type(featureToggleName);
|
|
cy.get("[data-testid='CF_DESC_ID'").type('hello-world');
|
|
cy.get("[data-testid='CF_CREATE_BTN_ID']").click();
|
|
cy.get("[data-testid='INPUT_ERROR_TEXT']").contains(
|
|
'A toggle with that name already exists'
|
|
);
|
|
});
|
|
|
|
it('gives an error if a toggle name is url unsafe', () => {
|
|
cy.get('[data-testid=NAVIGATE_TO_CREATE_FEATURE').click();
|
|
|
|
cy.intercept('POST', '/api/admin/projects/default/features').as(
|
|
'createFeature'
|
|
);
|
|
|
|
cy.get("[data-testid='CF_NAME_ID'").type('featureToggleUnsafe####$#//');
|
|
cy.get("[data-testid='CF_DESC_ID'").type('hello-world');
|
|
cy.get("[data-testid='CF_CREATE_BTN_ID']").click();
|
|
cy.get("[data-testid='INPUT_ERROR_TEXT']").contains(
|
|
`"name" must be URL friendly`
|
|
);
|
|
});
|
|
|
|
it('can add a gradual rollout strategy to the development environment', () => {
|
|
cy.visit(
|
|
`/projects/default/features/${featureToggleName}/strategies/create?environmentId=development&strategyName=flexibleRollout`
|
|
);
|
|
|
|
if (ENTERPRISE) {
|
|
cy.get('[data-testid=ADD_CONSTRAINT_ID]').click();
|
|
cy.get('[data-testid=DIALOGUE_CONFIRM_ID]').click();
|
|
}
|
|
|
|
cy.intercept(
|
|
'POST',
|
|
`/api/admin/projects/default/features/${featureToggleName}/environments/*/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('50');
|
|
|
|
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-testid=STRATEGY_FORM_SUBMIT_ID]`).first().click();
|
|
cy.wait('@addStrategyToFeature');
|
|
});
|
|
|
|
it('can update a strategy in the development environment', () => {
|
|
cy.visit(
|
|
`/projects/default/features/${featureToggleName}/strategies/edit?environmentId=development&strategyId=${strategyId}`
|
|
);
|
|
|
|
cy.get('[data-testid=FLEXIBLE_STRATEGY_STICKINESS_ID]')
|
|
.first()
|
|
.click()
|
|
.get('[data-testid=SELECT_ITEM_ID-sessionId')
|
|
.first()
|
|
.click();
|
|
|
|
cy.get('[data-testid=FLEXIBLE_STRATEGY_GROUP_ID]')
|
|
.first()
|
|
.clear()
|
|
.type('new-group-id');
|
|
|
|
cy.intercept(
|
|
'PUT',
|
|
`/api/admin/projects/default/features/${featureToggleName}/environments/*/strategies/${strategyId}`,
|
|
req => {
|
|
expect(req.body.parameters.groupId).to.equal('new-group-id');
|
|
expect(req.body.parameters.stickiness).to.equal('sessionId');
|
|
expect(req.body.parameters.rollout).to.equal('50');
|
|
|
|
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-testid=STRATEGY_FORM_SUBMIT_ID]`).first().click();
|
|
cy.wait('@updateStrategy');
|
|
});
|
|
|
|
it('can delete a strategy in the development environment', () => {
|
|
cy.visit(`/projects/default/features/${featureToggleName}`);
|
|
|
|
cy.intercept(
|
|
'DELETE',
|
|
`/api/admin/projects/default/features/${featureToggleName}/environments/*/strategies/${strategyId}`,
|
|
req => {
|
|
req.continue(res => {
|
|
expect(res.statusCode).to.equal(200);
|
|
});
|
|
}
|
|
).as('deleteStrategy');
|
|
|
|
cy.get(
|
|
'[data-testid=FEATURE_ENVIRONMENT_ACCORDION_development]'
|
|
).click();
|
|
cy.get('[data-testid=STRATEGY_FORM_REMOVE_ID]').click();
|
|
cy.get('[data-testid=DIALOGUE_CONFIRM_ID]').click();
|
|
cy.wait('@deleteStrategy');
|
|
});
|
|
|
|
it('can add a userId strategy to the development environment', () => {
|
|
cy.visit(
|
|
`/projects/default/features/${featureToggleName}/strategies/create?environmentId=development&strategyName=userWithId`
|
|
);
|
|
|
|
if (ENTERPRISE) {
|
|
cy.get('[data-testid=ADD_CONSTRAINT_ID]').click();
|
|
cy.get('[data-testid=CONSTRAINT_AUTOCOMPLETE_ID]')
|
|
.type('{downArrow}'.repeat(1))
|
|
.type('{enter}');
|
|
cy.get('[data-testid=DIALOGUE_CONFIRM_ID]').click();
|
|
}
|
|
|
|
cy.get('[data-testid=STRATEGY_INPUT_LIST]')
|
|
.type('user1')
|
|
.type('{enter}')
|
|
.type('user2')
|
|
.type('{enter}');
|
|
cy.get('[data-testid=ADD_TO_STRATEGY_INPUT_LIST]').click();
|
|
|
|
cy.intercept(
|
|
'POST',
|
|
`/api/admin/projects/default/features/${featureToggleName}/environments/*/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-testid=STRATEGY_FORM_SUBMIT_ID]`).first().click();
|
|
cy.wait('@addStrategyToFeature');
|
|
});
|
|
|
|
it('can add two variant to the feature', () => {
|
|
cy.visit(`/projects/default/features/${featureToggleName}/variants`);
|
|
|
|
cy.intercept(
|
|
'PATCH',
|
|
`/api/admin/projects/default/features/${featureToggleName}/variants`,
|
|
req => {
|
|
if (req.body.length === 1) {
|
|
expect(req.body[0].op).to.equal('add');
|
|
expect(req.body[0].path).to.match(/\//);
|
|
expect(req.body[0].value.name).to.equal(variant1);
|
|
} 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(/\//);
|
|
expect(req.body[1].value.name).to.equal(variant2);
|
|
}
|
|
}
|
|
).as('variantCreation');
|
|
|
|
cy.get('[data-testid=ADD_VARIANT_BUTTON]').click();
|
|
cy.wait(1000);
|
|
cy.get('[data-testid=VARIANT_NAME_INPUT]').type(variant1);
|
|
cy.get('[data-testid=DIALOGUE_CONFIRM_ID]').click();
|
|
cy.wait('@variantCreation');
|
|
cy.get('[data-testid=ADD_VARIANT_BUTTON]').click();
|
|
cy.wait(1000);
|
|
cy.get('[data-testid=VARIANT_NAME_INPUT]').type(variant2);
|
|
cy.get('[data-testid=DIALOGUE_CONFIRM_ID]').click();
|
|
cy.wait('@variantCreation');
|
|
});
|
|
|
|
it('can set weight to fixed value for one of the variants', () => {
|
|
cy.visit(`/projects/default/features/${featureToggleName}/variants`);
|
|
|
|
cy.get(`[data-testid=VARIANT_EDIT_BUTTON_${variant1}]`).click();
|
|
cy.wait(1000);
|
|
cy.get('[data-testid=VARIANT_NAME_INPUT]')
|
|
.children()
|
|
.find('input')
|
|
.should('have.attr', 'disabled');
|
|
cy.get('[data-testid=VARIANT_WEIGHT_CHECK]').find('input').check();
|
|
cy.get('[data-testid=VARIANT_WEIGHT_INPUT]').clear().type('15');
|
|
|
|
cy.intercept(
|
|
'PATCH',
|
|
`/api/admin/projects/default/features/${featureToggleName}/variants`,
|
|
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-testid=DIALOGUE_CONFIRM_ID]').click();
|
|
cy.wait('@variantUpdate');
|
|
cy.get(`[data-testid=VARIANT_WEIGHT_${variant1}]`).should(
|
|
'have.text',
|
|
'15 %'
|
|
);
|
|
});
|
|
|
|
it('can delete variant', () => {
|
|
const variantName = 'to-be-deleted';
|
|
|
|
cy.visit(`/projects/default/features/${featureToggleName}/variants`);
|
|
cy.get('[data-testid=ADD_VARIANT_BUTTON]').click();
|
|
cy.wait(1000);
|
|
cy.get('[data-testid=VARIANT_NAME_INPUT]').type(variantName);
|
|
cy.get('[data-testid=DIALOGUE_CONFIRM_ID]').click();
|
|
|
|
cy.intercept(
|
|
'PATCH',
|
|
`/api/admin/projects/default/features/${featureToggleName}/variants`,
|
|
req => {
|
|
const patch = req.body.find(
|
|
(patch: Record<string, string>) => patch.op === 'remove'
|
|
);
|
|
expect(patch.path).to.match(/\//);
|
|
}
|
|
).as('delete');
|
|
|
|
cy.get(`[data-testid=VARIANT_DELETE_BUTTON_${variantName}]`).click();
|
|
cy.get('[data-testid=DIALOGUE_CONFIRM_ID]').click();
|
|
cy.wait('@delete');
|
|
});
|
|
});
|