feat: changes to footer links (#898)

Author: melaniebmn

packages/vue/tests/e2e/app.spec.ts

@@ -16,7 +16,7 @@ test('Page has loaded and rendered', async ({ page }) => {
 
   // Footer has rendered
   const footerLinks = await page.locator('gcds-footer a').count();
-  await expect(footerLinks).toBe(26);
+  await expect(footerLinks).toBe(27);
 });
 
 test('Select component event handling', async ({ page }) => {

packages/web/src/components/gcds-footer/gcds-footer.css

@@ -69,7 +69,7 @@
     }
 
     h3 {
-      font: var( --gcds-footer-font-heading);
+      font: var(--gcds-footer-font-heading);
       margin: var(--gcds-footer-heading-margin);
     }
 
@@ -113,7 +113,7 @@
 
       &.main__themenav .themenav__list {
         display: grid;
-        grid-template-rows: repeat(18, 1fr);
+        grid-template-rows: repeat(19, 1fr);
         grid-auto-flow: column;
       }
     }
@@ -194,7 +194,7 @@
       }
 
       nav.main__themenav .themenav__list {
-        grid-template-rows: repeat(9, 1fr);
+        grid-template-rows: repeat(10, 1fr);
       }
     }
   }
@@ -224,7 +224,7 @@
       }
 
       nav.main__themenav .themenav__list {
-        grid-template-rows: repeat(6, 1fr);
+        grid-template-rows: repeat(7, 1fr);
       }
     }
   }

packages/web/src/components/gcds-footer/i18n/i18n.js

@@ -73,7 +73,7 @@ const I18N = {
           link: 'https://international.gc.ca/world-monde/index.aspx?lang=eng',
         },
         finance: {
-          text: 'Money and finance',
+          text: 'Money and finances',
           link: 'https://www.canada.ca/en/services/finance.html',
         },
         science: {
@@ -92,6 +92,10 @@ const I18N = {
           text: 'Youth',
           link: 'https://www.canada.ca/en/services/youth.html',
         },
+        life: {
+          text: 'Manage life events',
+          link: 'https://www.canada.ca/en/services/life-events.html',
+        },
       },
     },
     site: {
@@ -196,7 +200,7 @@ const I18N = {
           link: 'https://www.international.gc.ca/world-monde/index.aspx?lang=fra',
         },
         finance: {
-          text: 'Argent et finance',
+          text: 'Argent et finances',
           link: 'https://www.canada.ca/fr/services/finance.html',
         },
         science: {
@@ -215,6 +219,10 @@ const I18N = {
           text: 'Jeunesse',
           link: 'https://www.canada.ca/fr/services/jeunesse.html',
         },
+        life: {
+          text: 'Gérer les événements de la vie',
+          link: 'https://www.canada.ca/fr/services/evenements-vie.html',
+        },
       },
     },
     site: {

packages/web/src/components/gcds-footer/test/gcds-footer.spec.tsx

@@ -160,7 +160,7 @@ describe('gcds-footer', () => {
                   </li>
                   <li>
                     <gcds-link size="small" href="https://www.canada.ca/en/services/finance.html">
-                      Money and finance
+                      Money and finances
                     </gcds-link>
                   </li>
                   <li>
@@ -183,6 +183,11 @@ describe('gcds-footer', () => {
                       Youth
                     </gcds-link>
                   </li>
+                  <li>
+                    <gcds-link size="small" href="https://www.canada.ca/en/services/life-events.html">
+                      Manage life events
+                    </gcds-link>
+                  </li>
                 </ul>
               </nav>
             </div>
@@ -389,7 +394,7 @@ describe('gcds-footer', () => {
                   </li>
                   <li>
                     <gcds-link size="small" href="https://www.canada.ca/fr/services/finance.html">
-                      Argent et finance
+                      Argent et finances
                     </gcds-link>
                   </li>
                   <li>
@@ -412,6 +417,11 @@ describe('gcds-footer', () => {
                       Jeunesse
                     </gcds-link>
                   </li>
+                  <li>
+                    <gcds-link size="small" href="https://www.canada.ca/fr/services/evenements-vie.html">
+                      Gérer les événements de la vie
+                    </gcds-link>
+                  </li>
                 </ul>
               </nav>
             </div>
@@ -596,7 +606,7 @@ describe('gcds-footer', () => {
                   </li>
                   <li>
                     <gcds-link size="small" href="https://www.canada.ca/en/services/finance.html">
-                      Money and finance
+                      Money and finances
                     </gcds-link>
                   </li>
                   <li>
@@ -619,6 +629,11 @@ describe('gcds-footer', () => {
                       Youth
                     </gcds-link>
                   </li>
+                  <li>
+                    <gcds-link size="small" href="https://www.canada.ca/en/services/life-events.html">
+                      Manage life events
+                    </gcds-link>
+                  </li>
                 </ul>
               </nav>
             </div>