deb86efb0d
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Suzanne Aitchison <suzanne@forem.com>
80 lines
3 KiB
JavaScript
80 lines
3 KiB
JavaScript
describe('Post sidebar actions', () => {
|
|
beforeEach(() => {
|
|
cy.testSetup();
|
|
cy.fixture('users/articleEditorV2User.json').as('user');
|
|
|
|
cy.get('@user').then((user) => {
|
|
cy.loginUser(user).then(() => {
|
|
cy.createArticle({
|
|
title: 'Test Article',
|
|
tags: ['beginner', 'ruby', 'go'],
|
|
content: `This is a test article's contents.`,
|
|
published: true,
|
|
}).then((response) => {
|
|
cy.visitAndWaitForUserSideEffects(response.body.current_state_path);
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
it('should open and close the share menu for the post', () => {
|
|
// Check dropdown is closed by asserting the first option isn't visible
|
|
cy.findByRole('button', { name: /^Copy link$/i }).should('not.exist');
|
|
|
|
cy.findByRole('button', { name: /^Share post options$/i }).as(
|
|
'dropdownButton',
|
|
);
|
|
cy.get('@dropdownButton').click();
|
|
cy.findByRole('button', { name: /^Copy link$/i }).as('copyPostUrlButton');
|
|
cy.get('@copyPostUrlButton').should('have.focus');
|
|
cy.findByRole('link', { name: /^Share to Twitter$/i });
|
|
cy.findByRole('link', { name: /^Share to LinkedIn$/i });
|
|
cy.findByRole('link', { name: /^Share to Reddit$/i });
|
|
cy.findByRole('link', { name: /^Share to Hacker News$/i });
|
|
cy.findByRole('link', { name: /^Share to Facebook$/i });
|
|
// There is a report abuse link at the bottom of the post too
|
|
cy.findAllByRole('link', { name: /^Report Abuse$/i }).should(
|
|
'have.length',
|
|
2,
|
|
);
|
|
|
|
cy.get('@dropdownButton').click();
|
|
|
|
// Check dropdown is closed by asserting the first option isn't visible
|
|
cy.get('@copyPostUrlButton').should('not.be.visible');
|
|
});
|
|
|
|
it('should close the options dropdown on Escape press, returning focus', () => {
|
|
cy.findByRole('button', { name: /^Share post options$/i }).as(
|
|
'dropdownButton',
|
|
);
|
|
cy.get('@dropdownButton').click();
|
|
cy.findByRole('button', { name: /^Copy link$/i }).as('copyPostUrlButton');
|
|
cy.get('@copyPostUrlButton').should('have.focus');
|
|
cy.get('body').type('{esc}');
|
|
cy.get('@copyPostUrlButton').should('not.be.visible');
|
|
cy.get('@dropdownButton').should('have.focus');
|
|
});
|
|
|
|
it('should copy to clipboard and display clipboard copy announcer until the dropdown is next closed', () => {
|
|
cy.findByRole('button', { name: /^Share post options$/i }).as(
|
|
'dropdownButton',
|
|
);
|
|
cy.get('@dropdownButton').click();
|
|
cy.findByRole('button', { name: /^Copy link$/i }).as('copyPostUrlButton');
|
|
cy.findByText('Copied to Clipboard').should('not.be.visible');
|
|
cy.get('@copyPostUrlButton').click();
|
|
cy.findByText('Copied to Clipboard').should('be.visible');
|
|
|
|
// Check the clipboard was populated
|
|
cy.window()
|
|
.its('navigator.clipboard')
|
|
.invoke('readText')
|
|
.should('contain', '/article_editor_v2_user/');
|
|
|
|
// Close the dropdown, and reopen it to check the message has disappeared
|
|
cy.get('@dropdownButton').click();
|
|
cy.get('@dropdownButton').click();
|
|
cy.findByText('Copied to Clipboard').should('not.be.visible');
|
|
});
|
|
});
|