listmonk/frontend/cypress/integration/lists.js

131 lines
4.1 KiB
JavaScript
Raw Normal View History

2021-02-20 09:19:14 +01:00
describe('Lists', () => {
it('Opens lists page', () => {
cy.resetDB();
cy.loginAndVisit('/lists');
});
it('Counts subscribers in default lists', () => {
cy.get('tbody td[data-label=Subscribers]').contains('1');
});
it('Creates campaign for list', () => {
cy.get('tbody a[data-cy=btn-campaign]').first().click();
cy.location('pathname').should('contain', '/campaigns/new');
cy.get('.list-tags .tag').contains('Default list');
cy.clickMenu('lists', 'all-lists');
});
it('Creates opt-in campaign for list', () => {
cy.get('tbody a[data-cy=btn-send-optin-campaign]').click();
cy.get('.modal button.is-primary').click();
cy.location('pathname').should('contain', '/campaigns/2');
cy.clickMenu('lists', 'all-lists');
});
it('Checks individual subscribers in lists', () => {
const subs = [{ listID: 1, email: 'john@example.com' },
{ listID: 2, email: 'anon@example.com' }];
// Click on each list on the lists page, go the the subscribers page
// for that list, and check the subscriber details.
subs.forEach((s, n) => {
cy.get('tbody td[data-label=Subscribers] a').eq(n).click();
cy.location('pathname').should('contain', `/subscribers/lists/${s.listID}`);
cy.get('tbody tr').its('length').should('eq', 1);
cy.get('tbody td[data-label="E-mail"]').contains(s.email);
cy.clickMenu('lists', 'all-lists');
});
});
it('Edits lists', () => {
// Open the edit popup and edit the default lists.
cy.get('[data-cy=btn-edit]').each(($el, n) => {
cy.wrap($el).click();
cy.get('input[name=name]').clear().type(`list-${n}`);
cy.get('select[name=type]').select('public');
cy.get('select[name=optin]').select('double');
cy.get('input[name=tags]').clear().type(`tag${n}`);
cy.get('button[type=submit]').click();
});
cy.wait(250);
// Confirm the edits.
cy.get('tbody tr').each(($el, n) => {
cy.wrap($el).find('td[data-label=Name]').contains(`list-${n}`);
cy.wrap($el).find('.tags')
.should('contain', 'test')
.and('contain', `tag${n}`);
});
});
it('Deletes lists', () => {
// Delete all visible lists.
cy.get('tbody tr').each(() => {
cy.get('tbody a[data-cy=btn-delete]').first().click();
cy.get('.modal button.is-primary').click();
});
// Confirm deletion.
cy.get('table tr.is-empty');
});
// Add new lists.
it('Adds new lists', () => {
// Open the list form and create lists of multiple type/optin combinations.
const types = ['private', 'public'];
const optin = ['single', 'double'];
let n = 0;
types.forEach((t) => {
optin.forEach((o) => {
const name = `list-${t}-${o}-${n}`;
cy.get('[data-cy=btn-new]').click();
cy.get('input[name=name]').type(name);
cy.get('select[name=type]').select(t);
cy.get('select[name=optin]').select(o);
cy.get('input[name=tags]').type(`tag${n}{enter}${t}{enter}${o}{enter}`);
cy.get('button[type=submit]').click();
// Confirm the addition by inspecting the newly created list row.
const tr = `tbody tr:nth-child(${n + 1})`;
cy.get(`${tr} td[data-label=Name]`).contains(name);
cy.get(`${tr} td[data-label=Type] [data-cy=type-${t}]`);
cy.get(`${tr} td[data-label=Type] [data-cy=optin-${o}]`);
cy.get(`${tr} .tags`)
.should('contain', `tag${n}`)
.and('contain', t)
.and('contain', o);
n++;
});
});
});
// Sort lists by clicking on various headers. At this point, there should be four
// lists with IDs = [3, 4, 5, 6]. Sort the items be columns and match them with
// the expected order of IDs.
it('Sorts lists', () => {
cy.sortTable('thead th.cy-name', [4, 3, 6, 5]);
cy.sortTable('thead th.cy-name', [5, 6, 3, 4]);
cy.sortTable('thead th.cy-type', [5, 6, 4, 3]);
cy.sortTable('thead th.cy-type', [4, 3, 5, 6]);
cy.sortTable('thead th.cy-created_at', [3, 4, 5, 6]);
cy.sortTable('thead th.cy-created_at', [6, 5, 4, 3]);
cy.sortTable('thead th.cy-updated_at', [3, 4, 5, 6]);
cy.sortTable('thead th.cy-updated_at', [6, 5, 4, 3]);
});
});