add tests for hedys choice

templates/macros/public-programs.html

@@ -1,5 +1,5 @@
 {% macro program_box(program, is_favorite, is_admin) %}
-    <div class="explore-program-box overflow-hidden">
+    <div class="explore-program-box overflow-hidden" data-cy="{{ program.id }}">
         <div class="flex flex-col h-full">
                 <div class="explore-program-box-title
                            {% if is_favorite %} bg-yellow-500

tests/cypress.config.js

@@ -41,5 +41,6 @@ module.exports = defineConfig({
     admin_achievements_page: '/admin/achievements',
     admin_classes_page: '/admin/classes',
     programs_page: '/programs',
+    explore_programs_page: '/explore',
   }
 });

tests/cypress/e2e/explore_programs_page/explore_programs.cy.js

@@ -0,0 +1,27 @@
+const { loginForAdmin } = require("../tools/login/login");
+const { goToExploreProgramsPage } = require("../tools/navigation/nav");
+
+describe('Explore programs page', () => {
+    beforeEach(() => {
+        loginForAdmin();
+        goToExploreProgramsPage();
+    });
+
+    it('When selecting a program as Hedys choice, it should be shown', ()=>{
+        // Get the id of the first program in the db
+        cy.get('#explore_page_programs')
+          .children()
+          .first()
+          .invoke('attr', 'data-cy')
+          .as('program_id');
+
+        cy.get('@program_id').then(program_id => {
+            // mark the program as Hedys choice
+            cy.get(`#${program_id}`).click();
+            cy.get('#modal-yes-button').click();
+            // reload the page to see the changes
+            cy.reload();
+            cy.get(`#explore_favourite_programs > [data-cy=${program_id}]`).should('be.visible');
+        });
+    });
+});

tests/cypress/e2e/tools/navigation/nav.js

@@ -105,4 +105,9 @@ export function goToEditAdventure()
       .click();
 }
 
+export function goToExploreProgramsPage()
+{
+   return goToPage(Cypress.env('explore_programs_page'));
+}
+
 export default {goToPage}