bug: cypress test updates/bugs

Author: jakekohl

cypress/e2e/workflow/projects.cy.js

@@ -19,7 +19,7 @@ describe('Projects', () => {
     });
   });
 
-  it.skip('should show a list of completed projects', () => {
+  it('should show a list of completed projects', () => {
     const completedProjects = [];
 
     cy.getDataTest('completed-projects').should('be.visible').within(() => {

src/App.vue

@@ -4,7 +4,7 @@ import TopNav from './components/TopNav.vue';
 
 <template>
   <div id="app" class="min-h-screen">
-    <TopNav />
+    <TopNav data-test="nav-top-menubar" />
     <main>
       <RouterView />
     </main>

src/views/Projects.vue

@@ -188,7 +188,7 @@ const openLiveDemo = (demoUrl) => {
           <p class="section-subtitle">Finished projects and accomplishments</p>
         </div>
 
-        <div class="projects-grid">
+        <div class="projects-grid" data-test="completed-projects">
           <PrimeCard
             v-for="project in completedProjects"
             :key="project.title"
@@ -270,13 +270,15 @@ const openLiveDemo = (demoUrl) => {
                   label="View Code"
                   icon="pi pi-github"
                   variant="gradient"
+                  data-test="project-code-button"
                   @click="openGithubRepo(project.github)"
                 />
                 <CustomButton
                   v-if="project.demo"
                   label="Live Demo"
                   icon="pi pi-external-link"
                   variant="gradient"
+                  data-test="project-demo-button"
                   @click="openLiveDemo(project.demo)"
                 />
               </div>