improvements and header spec

cypress/integration/header.spec.js

@@ -0,0 +1,26 @@
+import header from '../selectors/header.sel'
+
+describe('Header', () => {
+    it('contains correct elements when logged out', () => {
+        // when visit is empty, it will visit baseUrl
+        cy.visit('')
+        cy.get(header.navbarLinks).should('be.visible')
+            .and('have.length', 3)
+            .and('contain', 'Home')
+            .and('contain', 'Sign in')
+            .and('contain', 'Sign up')
+    })
+
+    it('contains correct elements when logged in', () => {
+        cy.register().then((email) => {
+            cy.login(email)
+        })
+        cy.visit('')
+        cy.get(header.navbarLinks).should('be.visible')
+            .and('have.length', 4)
+            .and('contain', 'Home')
+            .and('contain', 'New Article')
+            .and('contain', 'Settings')
+            .and('contain', 'cy')
+    })
+})

cypress/integration/register.spec.js

@@ -2,7 +2,7 @@ import registration from '../selectors/register.sel'
 import header from '../selectors/header.sel'
 
 describe('Register', () => {
-    // actually we should not use let here, check register_aliases.spec
+    // actually we should not use let here, check register_better.spec for a better solution
     // https://docs.cypress.io/guides/core-concepts/variables-and-aliases.html#Aliases
     let username
     let email

cypress/integration/register_better.spec.js

@@ -1,7 +1,7 @@
 import registration from '../selectors/register.sel'
 import header from '../selectors/header.sel'
 
-describe('Register', () => {
+describe('Register - duplicate of register.spec', () => {
     beforeEach(() => {
         // we need random username and email each test
         const random = `cy${Math.random().toString().slice(2, 8)}`

cypress/selectors/header.sel.js

@@ -1,3 +1,4 @@
 module.exports = {
-    settingsLink: '[ui-sref*=settings]'
+    settingsLink: '[ui-sref*=settings]',
+    navbarLinks: '.navbar ul > li:visible'
 }