From 868b32e76a3260df141e6973cbf40a2d91b572ac Mon Sep 17 00:00:00 2001
From: helenanull <helena.github@gmail.com>
Date: Wed, 17 Mar 2021 21:45:55 +0200
Subject: [PATCH] added homepage tests

---
 cypress/fixtures/my_feed.json     | 26 ++++++++++++++++++++++++
 cypress/integration/home.spec.js  | 33 +++++++++++++++++++++++++++++++
 cypress/integration/login.spec.js |  2 +-
 cypress/selectors/home.sel.js     |  7 +++++++
 4 files changed, 67 insertions(+), 1 deletion(-)
 create mode 100644 cypress/fixtures/my_feed.json
 create mode 100644 cypress/integration/home.spec.js
 create mode 100644 cypress/selectors/home.sel.js

diff --git a/cypress/fixtures/my_feed.json b/cypress/fixtures/my_feed.json
new file mode 100644
index 0000000..037bd48
--- /dev/null
+++ b/cypress/fixtures/my_feed.json
@@ -0,0 +1,26 @@
+{
+    "articles": [
+        {
+            "title": "Hello",
+            "slug": "kkk-y2bee3",
+            "body": "oiojojoj",
+            "createdAt": "2021-01-15T09:41:26.527Z",
+            "updatedAt": "2021-01-15T09:41:26.527Z",
+            "tagList": [
+                "cypress",
+                "is",
+                "great"
+            ],
+            "description": "description of the article",
+            "author": {
+                "username": "cypress",
+                "bio": null,
+                "image": "https://static.productionready.io/images/smiley-cyrus.jpg",
+                "following": true
+            },
+            "favorited": false,
+            "favoritesCount": 15
+        }
+    ],
+    "articlesCount": 1
+}
diff --git a/cypress/integration/home.spec.js b/cypress/integration/home.spec.js
new file mode 100644
index 0000000..6710bb8
--- /dev/null
+++ b/cypress/integration/home.spec.js
@@ -0,0 +1,33 @@
+import home from '../selectors/home.sel'
+
+describe('Home page', () => {
+    it('contains correct elements when logged out', () => {
+        cy.visit('')
+        cy.get(home.globalFeedTab).should('be.visible')
+            .and('contain', 'Global Feed')
+            .and('have.css', 'color', 'rgb(92, 184, 92)')
+        cy.get(home.yourFeedTab).should('not.be.visible')
+        cy.get(home.articles).should('be.visible')
+            .and('have.length', 10)
+        cy.get(home.sidebar).should('be.visible')
+        cy.get(home.sidebarTags).should('be.visible')
+            .and('have.length', 20)
+    })
+
+    it('contains correct elements when logged in', () => {
+        // mock my feed data
+        cy.intercept('https://conduit.productionready.io/api/articles/feed?limit=10*', {
+            fixture: 'my_feed'
+        })
+        cy.register().then((email) => {
+            cy.login(email)
+        })
+        cy.visit('')
+        cy.get(home.yourFeedTab).should('be.visible')
+        cy.get(home.globalFeedTab).should('be.visible')
+        cy.get(home.articles).should('be.visible')
+            .and('have.length', 1)
+        cy.get(home.sidebarTags).should('be.visible')
+            .and('have.length', 20)
+    })
+})
diff --git a/cypress/integration/login.spec.js b/cypress/integration/login.spec.js
index 78621c5..2f2658c 100644
--- a/cypress/integration/login.spec.js
+++ b/cypress/integration/login.spec.js
@@ -25,7 +25,7 @@ describe('Login', () => {
         })
 
         it('can see error message when API responds with 500', () => {
-            cy.intercept('POST', 'https://conduit.productionready.io/api/users/login', {
+            cy.intercept('https://conduit.productionready.io/api/users/login', {
                 method: 'POST',
                 statusCode: 500,
                 fixture: 'login_error'
diff --git a/cypress/selectors/home.sel.js b/cypress/selectors/home.sel.js
new file mode 100644
index 0000000..1e889ec
--- /dev/null
+++ b/cypress/selectors/home.sel.js
@@ -0,0 +1,7 @@
+module.exports = {
+    yourFeedTab: '[ng-class*=feed]',
+    globalFeedTab: '[ng-class*=all]',
+    articles: 'article-list [ng-repeat*="ctrl.list"] .article-preview',
+    sidebar: '.sidebar',
+    sidebarTags: '.sidebar .tag-default'
+}