feat: added timeline icon to navbar

cypress/integration/ambianic-tests/navbar.spec.js

@@ -1,38 +1,48 @@
 /// <reference types="cypress" />
 
 context('Check Navbar Items', () => {
-    before(() => {
-      cy.visit('http://localhost:8080')
-      cy.get('[data-cy=timeline]').click()
-    })
+  before(() => {
+    cy.visit('http://localhost:8080')
+    cy.get('[data-cy=timeline]').click()
+  })
 
-    it('Should have a search bar', () => {
-        cy.get('[data-cy=container').find("#searchbar")
-    })
+  it('Should have a search bar', () => {
+      cy.get('[data-cy=container').find("#searchbar")
+  })
 
-    it('Should be a download off button', () => {
-      const t = cy.get('[data-cy=download-off]')
-      expect(t).to.exist
-    })
+  it('Should be a download off button', () => {
+    const t = cy.get('[data-cy=download-off]')
+    expect(t).to.exist
+  })
 
-    it('Should be a heart button', () => {
-      const t = cy.get('[data-cy=heart]')
-      expect(t).to.exist
-    })
+  it('Should be a heart button', () => {
+    const t = cy.get('[data-cy=heart]')
+    expect(t).to.exist
+  })
 
-    it('Should be a bell button', () => {
-      const t = cy.get('[data-cy=bell]')
-      expect(t).to.exist
-    })
+  it('Should be a bell button', () => {
+    const t = cy.get('[data-cy=bell]')
+    expect(t).to.exist
+  })
 
-    it('Should be an about button', () => {
-      const t = cy.get('[data-cy=about]')
-      expect(t).to.exist
-    })
+  it('Should be an about button', () => {
+    const t = cy.get('[data-cy=about]')
+    expect(t).to.exist
+  })
 
-    it('Should have a five links', () => {
-      cy.get('[data-cy=drawer]').then(($result) => { 
-        assert.equal($result.children().children()[0].childElementCount,5,'Five links in the drawer')
-      })
+  it('Should have a five links', () => {
+    cy.get('[data-cy=drawer]').then(($result) => { 
+      assert.equal($result.children().children()[0].childElementCount,5,'Five links in the drawer')
     })
+  })
+
+  it('Should have a clickable timeline icon', () => {
+    const icon =  cy.get('[data-cy=timeline-icon]')
+
+    icon.should("be.visible")
+
+    icon.click()
+
+    cy.url().should('include', '/timeline')
+  })
 })

src/components/NavBar.vue

@@ -29,6 +29,15 @@
       />
       <v-spacer />
 
+      <amb-button
+        data-cy="timeline-icon"
+        id="timeline-icon"
+        is-icon
+        icon="history"
+        btn-color="secondary"
+        to="timeline"
+      />
+
       <amb-button
         with-badge
         data-cy="download-off"

tests/unit/components/navbar/navbar.spec.js

@@ -57,7 +57,7 @@ describe('NavBar', () => {
 
   test('should load 5 buttons', () => {
     const btn = wrapper.findAll('.v-btn')
-    expect(btn.length).toBe(5)
+    expect(btn.length).toBe(6)
   })
 
   test('should load navigation drawer', () => {