mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-18 20:09:08 +02:00
c34d8439bd
* splash screen * add styles for controllers * feat: animated circles * fix: remove unused code * fix: folder structure * create splash screens for envs * add styles and ui changes * fix: revert App.tsx * add splash state to store * add splash to app.tsx + add a loader * fix: mobile view + desktop view * fix: render splash condition + styling fix * fix: change splash display to full screen * Update src/hooks/api/actions/useSplashApi/useSplashApi.ts Co-authored-by: Fredrik Strand Oseberg <fredrik.no@gmail.com> * fix: change function type Co-authored-by: Fredrik Strand Oseberg <fredrik.no@gmail.com> * fix: disable incrementing counter when matching the components length. * fix: add SWR configuration * fix: spelling mistakes in splash screen * fix: add keys and adjust styling * fix: tests * fix: tests * fix: default command timeout Co-authored-by: Fredrik Oseberg <fredrik.no@gmail.com>
350 lines
13 KiB
JavaScript
350 lines
13 KiB
JavaScript
/* eslint-disable jest/no-conditional-expect */
|
|
/// <reference types="cypress" />
|
|
// 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();
|
|
|
|
cy.request({
|
|
method: 'POST',
|
|
url: `${
|
|
Cypress.config().baseUrl
|
|
}/api/admin/features/${featureToggleName}`,
|
|
headers: {
|
|
Authorization: authToken,
|
|
},
|
|
});
|
|
} 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', () => {
|
|
if (
|
|
document.querySelectorAll("[data-test='CLOSE_SPLASH']").length > 0
|
|
) {
|
|
cy.get("[data-test='CLOSE_SPLASH']").click();
|
|
}
|
|
|
|
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-2').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-3').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}/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(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(/\//);
|
|
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', () => {
|
|
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}/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-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}/variants`,
|
|
req => {
|
|
const e = req.body.find(e => e.op === 'remove');
|
|
expect(e.path).to.match(/\//);
|
|
}
|
|
).as('delete');
|
|
cy.get(`[data-test=VARIANT_DELETE_BUTTON_${variantName}]`).click();
|
|
cy.get('[data-test=DIALOGUE_CONFIRM_ID]').click();
|
|
cy.wait('@delete');
|
|
});
|
|
});
|