some fixes and added more tests

cypress/integration/article.spec.js

@@ -15,12 +15,36 @@ describe('Article', () => {
         cy.get(editor.titleField).type('My post title')
         cy.get(editor.aboutField).type('Cypress')
         cy.get(editor.bodyField).type(`Cypress is so cool awyeah! ${articleLink}`)
-        cy.get(editor.tagsField).type('cypress, automation')
         cy.get(editor.publishButton).click()
         cy.get(article.title).should('be.visible')
             .and('have.text', 'My post title')
     })
 
+    it('can add tags to article', () => {
+        cy.visit('/editor/')
+        cy.get(editor.titleField).type('My post title')
+        cy.get(editor.aboutField).type('Cypress')
+        cy.get(editor.bodyField).type(`Cypress is so cool awyeah! ${articleLink}`)
+        cy.get(editor.tagsField).type('cypress{enter}')
+        cy.get(editor.tagsField).should('have.value', '')
+        cy.get(editor.addedTags).should('be.visible')
+            .and('have.length', 1)
+            .and('contain', 'cypress')
+        cy.get(editor.tagsField).type('test-automation{enter}')
+        cy.get(editor.tagsField).should('have.value', '')
+        cy.get(editor.addedTags).should('be.visible')
+            .and('have.length', 2)
+            .and('contain', 'cypress')
+            .and('contain', 'test-automation')
+        cy.get(editor.publishButton).click()
+        cy.get(article.title).should('be.visible')
+            .and('have.text', 'My post title')
+        cy.get(article.tags).should('be.visible')
+            .and('have.length', 2)
+            .and('contain', 'cypress')
+            .and('contain', 'test-automation')
+    })
+
     it('can edit an article', () => {
         // we already know if creating an article works or not from the first test
         // we can now use shortcut (cy.createArticle() command) to test other scenarios

cypress/integration/comments.spec.js

@@ -0,0 +1,25 @@
+import article from '../selectors/article.sel'
+
+describe('Comments', () => {
+    beforeEach(() => {
+        cy.register().then((email) => {
+            cy.wrap(email.split('@')[0]).as('username')
+            cy.login(email)
+        })
+        cy.createArticle().then((link) => {
+            cy.intercept('/api/articles/*/comments').as('commentsRequest')
+            cy.visit(`/article/${link}`)
+            // wait for comments to be loaded before starting with tests
+            cy.wait('@commentsRequest')
+        })
+    })
+
+    it('can add a comment to article', () => {
+        cy.get(article.comments).should('have.length', 0)
+        cy.get(article.commentField).type('Cypress comment')
+        cy.get(article.postCommentButton).should('contain', 'Post Comment').click()
+        cy.get(article.comments).should('be.visible')
+            .and('have.length', 1)
+        cy.get(article.commentField).should('have.value', '')
+    })
+})

cypress/selectors/article.sel.js

@@ -2,5 +2,9 @@ module.exports = {
     title: '[ng-bind="::$ctrl.article.title"]',
     body: '[ng-bind-html*="ctrl.article.body"] p',
     editButton: 'h1 + article-actions [ui-sref*="ctrl.article.slug"]',
-    deleteButton: 'h1 + article-actions .btn-outline-danger'
+    deleteButton: 'h1 + article-actions .btn-outline-danger',
+    tags: '.tag-list li',
+    comments: '[ng-repeat*=".comments"] .card-block',
+    commentField: '.card.comment-form textarea',
+    postCommentButton: '.card.comment-form .btn'
 }

cypress/selectors/editor.sel.js

@@ -3,5 +3,6 @@ module.exports = {
     aboutField: '[ng-model="$ctrl.article.description"]',
     bodyField: '[ng-model="$ctrl.article.body"]',
     tagsField: '[ng-model="$ctrl.tagField"]',
+    addedTags: '.tag-list span',
     publishButton: '[ng-click="$ctrl.submit()"]'
 }

cypress/support/article.cmd.js

@@ -10,7 +10,7 @@ Cypress.Commands.add('createArticle', () => {
                 title: 'My Cypress article',
                 description: 'https://github.com/helenanull/cypress-example',
                 body: 'This article is created by createArticle Cypress command',
-                tagList: []
+                tagList: ['cypress', 'test-automation', 'simple']
             }
         }
     })