improved config and added tests

cypress.json

@@ -4,6 +4,7 @@
     "defaultCommandTimeout": 10000,
     "experimentalFetchPolyfill": true,
     "env": {
+        "apiUrl": "https://conduit.productionready.io/api",
         "device": "desktop",
         "email": "test@test.com",
         "password": "Testtest1"

cypress/integration/article.spec.js

@@ -1,11 +1,13 @@
 import editor from '../selectors/editor.sel'
 import article from '../selectors/article.sel'
+import home from '../selectors/home.sel'
 
 describe('Article', () => {
     const articleLink = 'https://github.com/helenanull/cypress-example'
 
     beforeEach(() => {
         cy.register().then((email) => {
+            cy.wrap(email.split('@')[0]).as('username')
             cy.login(email)
         })
     })
@@ -79,4 +81,27 @@ describe('Article', () => {
         })
         cy.url().should('eq', `${Cypress.config('baseUrl')}/`)
     })
+
+    it('can favourite an article', function () {
+        const apiUrl = Cypress.env('apiUrl')
+        let slug = ''
+
+        cy.intercept('POST', '/api/articles/*/favorite').as('addFavoriteReq')
+        cy.visit('')
+        cy.get(home.globalFeedTab).click()
+        // articles are always changing on home page
+        // we want to make sure we favourited the correct article
+        // so we save the first article slug to compare later
+        cy.get(home.readMoreLink).should('have.attr', 'href').then((link) => {
+            slug = link.split('/')[2]
+        })
+        cy.get(home.firstFavoriteButton).click()
+            .should('have.css', 'background-color', 'rgb(92, 184, 92)')
+        cy.wait('@addFavoriteReq')
+
+        // verify article was actually favourited
+        cy.request(`${apiUrl}/articles?favorited=${this.username}&limit=5&offset=0`).then((resp) => {
+            expect(resp.body.articles[0].slug).to.eq(slug)
+        })
+    })
 })

cypress/integration/home.spec.js

@@ -15,8 +15,10 @@ describe('Home page', () => {
     })
 
     it('contains correct elements when logged in', () => {
+        const apiUrl = Cypress.env('apiUrl')
+
         // mock my feed data
-        cy.intercept('https://conduit.productionready.io/api/articles/feed?limit=10*', {
+        cy.intercept(`${apiUrl}/articles/feed?limit=10*`, {
             fixture: 'my_feed'
         })
         cy.register().then((email) => {

cypress/integration/login.spec.js

@@ -25,7 +25,9 @@ describe('Login', () => {
         })
 
         it('can see error message when API responds with 500', () => {
-            cy.intercept('https://conduit.productionready.io/api/users/login', {
+            const apiUrl = Cypress.env('apiUrl')
+
+            cy.intercept(`${apiUrl}/users/login`, {
                 method: 'POST',
                 statusCode: 500,
                 fixture: 'login_error'

cypress/selectors/home.sel.js

@@ -3,5 +3,7 @@ module.exports = {
     globalFeedTab: '[ng-class*=all]',
     articles: 'article-list [ng-repeat*="ctrl.list"] .article-preview',
     sidebar: '.sidebar',
-    sidebarTags: '.sidebar .tag-default'
+    sidebarTags: '.sidebar .tag-default',
+    firstFavoriteButton: 'article-list > article-preview:nth-child(1) button',
+    readMoreLink: 'article-list > article-preview:nth-child(1) .preview-link'
 }

cypress/support/article.cmd.js

@@ -1,6 +1,8 @@
 Cypress.Commands.add('createArticle', () => {
+    const apiUrl = Cypress.env('apiUrl')
+
     cy.request({
-        url: 'https://conduit.productionready.io/api/articles',
+        url: `${apiUrl}/articles`,
         method: 'POST',
         headers: {
             authorization: `Token ${window.localStorage.getItem('jwtToken')}`

cypress/support/login.cmd.js

@@ -1,8 +1,10 @@
 Cypress.Commands.add('login', (email = Cypress.env('email'), password = Cypress.env('password')) => {
+    const apiUrl = Cypress.env('apiUrl')
+
     cy.request({
         // here we can't use just '/api/users/login' because baseUrl is different than API url
         // if they are the same, then we can just use url: '/api/users/login' like in visit()
-        url: 'https://conduit.productionready.io/api/users/login',
+        url: `${apiUrl}/users/login`,
         method: 'POST',
         body: {
             user: {

cypress/support/register.cmd.js

@@ -1,8 +1,10 @@
 Cypress.Commands.add('register', () => {
+    const apiUrl = Cypress.env('apiUrl')
     const username = `cy${Math.random().toString().slice(2, 11)}`
     const email = `${username}@mailinator.com`
+
     cy.request({
-        url: 'https://conduit.productionready.io/api/users',
+        url: `${apiUrl}/users`,
         method: 'POST',
         body: {
             user: {