maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[15 min fix] Fixed flaky E2E test for comments (#13380)

Browse source
This commit is contained in:
Nick Taylor 2021-04-14 11:08:47 -04:00 • committed by GitHub
parent ee52fef548
commit fab904f8a8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
cypress/integration/articleFlows/commentOnArticle.spec.js
View file

@ -259,8 +259,7 @@ describe('Comment on articles', () => {
cy.get('@plainTextArea').should('be.visible');
});
// TODO: Flaky spec
xit('should reply to a comment with user mention autocomplete', () => {
it('should reply to a comment with user mention autocomplete', () => {
cy.intercept(
{ method: 'GET', url: '/search/usernames' },
{ fixture: 'search/usernames.json' },
@ -270,25 +269,39 @@ describe('Comment on articles', () => {
cy.findByRole('main')
.as('main')
.findByRole('textbox', /^Add a comment to the discussion$/i)
.focus()
.click();
// The mention autocomplete is two textareas
// and initially it's replacing the server-side rendered one,
// so we need to get it again to be certain we have the correct reference.
cy.get('@main')
.findByRole('textbox', /^Add a comment to the discussion$/i)
.type('first comment');
cy.get('@main')
.findByRole('button', { name: /Submit/ })
.findByRole('button', { name: /^Submit$/i })
.click();
cy.get('@main')
.findByRole('link', { name: /^Reply$/i })
.click();
cy.get('@main').findByRole('link', { name: /Reply/ }).click();
cy.get('@main')
.findByRole('textbox', {
name: /Reply to a comment.../,
name: /^Reply to a comment\.\.\.$/,
})
.as('replyCommentBox');
.click();
cy.get('@main').get('@replyCommentBox').click().type('Some text @s');
cy.get('@main')
.findByRole('textbox', {
name: /^Reply to a comment\.\.\.$/,
})
.as('replyCommentBox')
.type('Some text @s');
// Verify the combobox has appeared
cy.get('@main')
.findByRole('combobox', { name: /Reply to a comment/ })
.findByRole('combobox', { name: /^Reply to a comment\.\.\.$/ })
.as('autocompleteCommentBox');
cy.get('@main').get('@autocompleteCommentBox').type('earch');