@ongov/ontario-design-system-component-library 5.0.0-alpha.3 → 5.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/cjs/ontario-accordion_44.cjs.entry.js.map +1 -1
  2. package/dist/collection/components/ontario-footer/test/ontario-footer.spec.js +4 -4
  3. package/dist/collection/components/ontario-footer/test/ontario-footer.spec.js.map +1 -1
  4. package/dist/components/ontario-header.js.map +1 -1
  5. package/dist/esm/ontario-accordion_44.entry.js.map +1 -1
  6. package/dist/ontario-design-system-components/p-ac4e76b2.entry.js.map +1 -1
  7. package/package.json +2 -2
  8. package/src/components/ontario-footer/test/ontario-footer.spec.tsx +4 -4
  9. package/src/components/ontario-header/ontario-header.scss +4 -4
  10. package/www/build/p-ac4e76b2.entry.js.map +1 -1
package/dist/collection/components/ontario-footer/test/ontario-footer.spec.js CHANGED
@@ -56,7 +56,7 @@ describe('ontario-footer', () => {
56
56
  <li><a class="ontario-footer__link" href="https://www.ontario.ca/feedback/contact-us">Contact</a></li>
57
57
  </ul>
58
58
  <div class="ontario-footer__copyright">
59
- <a class="ontario-footer__link" href="https://www.ontario.ca/page/copyright-information">© King's Printer for Ontario, <span class="ontario-nbsp">2012–24</span></a>
59
+ <a class="ontario-footer__link" href="https://www.ontario.ca/page/copyright-information">© King's Printer for Ontario, <span class="ontario-nbsp">2012–25</span></a>
60
60
  </div>
61
61
  </div>
62
62
  </div>
@@ -198,7 +198,7 @@ describe('ontario-footer', () => {
198
198
  <li><a class="ontario-footer__link" href="https://www.ontario.ca/feedback/contact-us">Contact</a></li>
199
199
  </ul>
200
200
  <div class="ontario-footer__copyright">
201
- <a class="ontario-footer__link" href="https://www.ontario.ca/page/copyright-information">© King's Printer for Ontario, <span class="ontario-nbsp">2012–24</span></a>
201
+ <a class="ontario-footer__link" href="https://www.ontario.ca/page/copyright-information">© King's Printer for Ontario, <span class="ontario-nbsp">2012–25</span></a>
202
202
  </div>
203
203
  </div>
204
204
  </div>
@@ -366,7 +366,7 @@ describe('ontario-footer', () => {
366
366
  <li><a class="ontario-footer__link" href="https://www.ontario.ca/feedback/contact-us">Contact</a></li>
367
367
  </ul>
368
368
  <div class="ontario-footer__copyright">
369
- <a class="ontario-footer__link" href="https://www.ontario.ca/page/copyright-information">© King's Printer for Ontario, <span class="ontario-nbsp">2012–24</span></a>
369
+ <a class="ontario-footer__link" href="https://www.ontario.ca/page/copyright-information">© King's Printer for Ontario, <span class="ontario-nbsp">2012–25</span></a>
370
370
  </div>
371
371
  </div>
372
372
  </div>
@@ -544,7 +544,7 @@ describe('ontario-footer', () => {
544
544
  <li><a class="ontario-footer__link" href="https://www.ontario.ca/feedback/contact-us">Contact</a></li>
545
545
  </ul>
546
546
  <div class="ontario-footer__copyright">
547
- <a class="ontario-footer__link" href="https://www.ontario.ca/page/copyright-information">© King's Printer for Ontario, <span class="ontario-nbsp">2012–24</span></a>
547
+ <a class="ontario-footer__link" href="https://www.ontario.ca/page/copyright-information">© King's Printer for Ontario, <span class="ontario-nbsp">2012–25</span></a>
548
548
  </div>
549
549
  </div>
550
550
  </div>
package/dist/collection/components/ontario-footer/test/ontario-footer.spec.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ontario-footer.spec.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/test/ontario-footer.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;OAoBF;SACJ,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqC3B,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAiDF;SACJ,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsF3B,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAuDF;SACJ,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0G3B,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACtE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2DF;SACJ,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgH3B,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { OntarioFooter } from '../ontario-footer';\n\ndescribe('ontario-footer', () => {\n\tit('renders default ontario-footer', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioFooter],\n\t\t\thtml: `\n <ontario-footer\n type=\"default\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n ></ontario-footer>\n `,\n\t\t});\n\n\t\texpect(page.root).toEqualHtml(`\n <ontario-footer\n type=\"default\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n >\n <mock:shadow-root>\n <footer class=\"ontario-footer ontario-footer--default\" style=\"--imagePath: url(/assets/footer-default-supergraphic-logo.svg);\">\n <div class=\"ontario-row\">\n <div class=\"ontario-columns ontario-small-12\">\n <ul class=\"ontario-footer__links-container ontario-footer__links-container--inline\">\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/accessibility\">Accessibility</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/privacy-statement\">Privacy</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/feedback/contact-us\">Contact</a></li>\n </ul>\n <div class=\"ontario-footer__copyright\">\n <a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/copyright-information\">© King's Printer for Ontario, <span class=\"ontario-nbsp\">2012–24</span></a>\n </div>\n </div>\n </div>\n </footer>\n </mock:shadow-root>\n </ontario-footer>\n `);\n\t});\n\n\tit('renders twoColoumn ontario-footer', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioFooter],\n\t\t\thtml: `\n <ontario-footer\n type=\"twoColumn\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n two-column-options='{\n \"column1\": {\n \"title\": \"Ontario Design System\",\n \"content\": [\n {\n \"type\": \"text\",\n \"text\": \"The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.\"\n },\n {\n \"type\": \"list\",\n \"heading\": \"Latest release\",\n \"list\": [\"Built on: June 3, 2022\", \"Distribution package version 0.12.10\"]\n }\n ]\n },\n \"column2\": {\n \"title\": \"Help us improve the design system\",\n \"content\": [\n {\n \"type\": \"html\",\n \"html\": \"You can check our <a href=#>help and feedback page</a> if you don&#8217;t see the component you need.\"\n }\n ],\n \"button\": {\n \"text\": \"Send us an email\",\n \"link\": \"#\"\n }\n }\n }'\n ></ontario-footer>\n `,\n\t\t});\n\t\texpect(page.root).toEqualHtml(`\n <ontario-footer\n type=\"twoColumn\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n two-column-options='{\n \"column1\": {\n \"title\": \"Ontario Design System\",\n \"content\": [\n {\n \"type\": \"text\",\n \"text\": \"The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.\"\n },\n {\n \"type\": \"list\",\n \"heading\": \"Latest release\",\n \"list\": [\"Built on: June 3, 2022\", \"Distribution package version 0.12.10\"]\n }\n ]\n },\n \"column2\": {\n \"title\": \"Help us improve the design system\",\n \"content\": [\n {\n \"type\": \"html\",\n \"html\": \"You can check our <a href=#>help and feedback page</a> if you don&#8217;t see the component you need.\"\n }\n ],\n \"button\": {\n \"text\": \"Send us an email\",\n \"link\": \"#\"\n }\n }\n }'\n >\n <mock:shadow-root>\n <footer class=\"ontario-footer ontario-footer--expanded\" style=\"--imagePath: url(/assets/footer-expanded-supergraphic-logo.svg);\">\n <div class=\"ontario-footer__expanded-top-section\">\n <div class=\"ontario-row\">\n <div class=\"ontario-columns ontario-small-12 ontario-medium-6\">\n <h2 class=\"ontario-h4\">Ontario Design System</h2>\n <p>The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.</p>\n <h3 class=\"ontario-h5\">Latest release</h3>\n <ul>\n <li class=\"ontario-footer__list_item\">Built on: June 3, 2022</li>\n <li class=\"ontario-footer__list_item\">Distribution package version 0.12.10</li>\n </ul>\n </div>\n <div class=\"ontario-columns ontario-small-12 ontario-medium-6\">\n <h2 class=\"ontario-h4\">Help us improve the design system</h2>\n <div class=\"ontario-footer__paragraph\">You can check our <a href=\"#\">help and feedback page</a> if you don’t see the component you need.</div>\n <a class=\"ontario-button ontario-footer__button ontario-margin-bottom-0-!\" href=\"#\">\n Send us an email\n </a>\n </div>\n </div>\n </div>\n <div class=\"ontario-row ontario-footer__expanded-bottom-section\">\n <div class=\"ontario-columns ontario-small-12\">\n <ul class=\"ontario-footer__links-container ontario-footer__links-container--inline\">\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/accessibility\">Accessibility</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/privacy-statement\">Privacy</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/feedback/contact-us\">Contact</a></li>\n </ul>\n <div class=\"ontario-footer__copyright\">\n <a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/copyright-information\">© King's Printer for Ontario, <span class=\"ontario-nbsp\">2012–24</span></a>\n </div>\n </div>\n </div>\n </footer>\n </mock:shadow-root>\n </ontario-footer>\n `);\n\t});\n\n\tit('renders twoColoumn ontario-footer with social links', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioFooter],\n\t\t\thtml: `\n <ontario-footer\n type=\"twoColumn\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n social-links='{\n \"facebook\": \"https://www.facebook.com/ONgov\",\n \"instagram\": \"https://www.instagram.com/ongov\",\n \"twitter\": \"https://twitter.com/ONgov\",\n \"youtube\": \"https://www.youtube.com/ongov\"\n }'\n two-column-options='{\n \"column1\": {\n \"title\": \"Ontario Design System\",\n \"content\": [\n {\n \"type\": \"text\",\n \"text\": \"The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.\"\n },\n {\n \"type\": \"list\",\n \"heading\": \"Latest release\",\n \"list\": [\"Built on: June 3, 2022\", \"Distribution package version 0.12.10\"]\n }\n ]\n },\n \"column2\": {\n \"title\": \"Help us improve the design system\",\n \"content\": [\n {\n \"type\": \"html\",\n \"html\": \"You can check our <a href=#>help and feedback page</a> if you don&#8217;t see the component you need.\"\n }\n ],\n \"button\": {\n \"text\": \"Send us an email\",\n \"link\": \"#\"\n }\n }\n }'\n ></ontario-footer>\n `,\n\t\t});\n\t\texpect(page.root).toEqualHtml(`\n <ontario-footer\n type=\"twoColumn\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n social-links='{\n \"facebook\": \"https://www.facebook.com/ONgov\",\n \"instagram\": \"https://www.instagram.com/ongov\",\n \"twitter\": \"https://twitter.com/ONgov\",\n \"youtube\": \"https://www.youtube.com/ongov\"\n }'\n two-column-options='{\n \"column1\": {\n \"title\": \"Ontario Design System\",\n \"content\": [\n {\n \"type\": \"text\",\n \"text\": \"The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.\"\n },\n {\n \"type\": \"list\",\n \"heading\": \"Latest release\",\n \"list\": [\"Built on: June 3, 2022\", \"Distribution package version 0.12.10\"]\n }\n ]\n },\n \"column2\": {\n \"title\": \"Help us improve the design system\",\n \"content\": [\n {\n \"type\": \"html\",\n \"html\": \"You can check our <a href=#>help and feedback page</a> if you don&#8217;t see the component you need.\"\n }\n ],\n \"button\": {\n \"text\": \"Send us an email\",\n \"link\": \"#\"\n }\n }\n }'\n >\n <mock:shadow-root>\n <footer class=\"ontario-footer ontario-footer--expanded\" style=\"--imagePath: url(/assets/footer-expanded-supergraphic-logo.svg);\">\n <div class=\"ontario-footer__expanded-top-section\">\n <div class=\"ontario-row\">\n <div class=\"ontario-columns ontario-small-12 ontario-medium-6\">\n <h2 class=\"ontario-h4\">Ontario Design System</h2>\n <p>The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.</p>\n <h3 class=\"ontario-h5\">Latest release</h3>\n <ul>\n <li class=\"ontario-footer__list_item\">Built on: June 3, 2022</li>\n <li class=\"ontario-footer__list_item\">Distribution package version 0.12.10</li>\n </ul>\n </div>\n <div class=\"ontario-columns ontario-small-12 ontario-medium-6\">\n <h2 class=\"ontario-h4\">Help us improve the design system</h2>\n <div class=\"ontario-footer__paragraph\">You can check our <a href=\"#\">help and feedback page</a> if you don’t see the component you need.</div>\n <a class=\"ontario-button ontario-footer__button ontario-margin-bottom-0-!\" href=\"#\">\n Send us an email\n </a>\n <ul class=\"ontario-footer__links-container ontario-footer__links-container--social\">\n <li>\n <a class=\"ontario-footer__link\" href=\"https://www.facebook.com/ONgov\" aria-label=\"Facebook\"><ontario-icon-facebook colour=\"white\" icon-width=\"32\"></ontario-icon-facebook></a>\n </li>\n <li>\n <a class=\"ontario-footer__link\" href=\"https://twitter.com/ONgov\" aria-label=\"Twitter\"><ontario-icon-twitter colour=\"white\" icon-width=\"32\"></ontario-icon-twitter></a>\n </li>\n <li>\n <a class=\"ontario-footer__link\" href=\"https://www.instagram.com/ongov\" aria-label=\"Instagram\"><ontario-icon-instagram colour=\"white\" icon-width=\"32\"></ontario-icon-instagram></a>\n </li>\n <li>\n <a class=\"ontario-footer__link\" href=\"https://www.youtube.com/ongov\" aria-label=\"Youtube\"><ontario-icon-youtube colour=\"white\" icon-width=\"32\"></ontario-icon-youtube></a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n <div class=\"ontario-row ontario-footer__expanded-bottom-section\">\n <div class=\"ontario-columns ontario-small-12\">\n <ul class=\"ontario-footer__links-container ontario-footer__links-container--inline\">\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/accessibility\">Accessibility</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/privacy-statement\">Privacy</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/feedback/contact-us\">Contact</a></li>\n </ul>\n <div class=\"ontario-footer__copyright\">\n <a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/copyright-information\">© King's Printer for Ontario, <span class=\"ontario-nbsp\">2012–24</span></a>\n </div>\n </div>\n </div>\n </footer>\n </mock:shadow-root>\n </ontario-footer>\n `);\n\t});\n\n\tit('renders threeColoumn ontario-footer with social links', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioFooter],\n\t\t\thtml: `\n <ontario-footer\n type=\"threeColumn\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n social-links='{\n \"facebook\": \"https://www.facebook.com/ONgov\",\n \"instagram\": \"https://www.instagram.com/ongov\",\n \"twitter\": \"https://twitter.com/ONgov\",\n \"youtube\": \"https://www.youtube.com/ongov\"\n }'\n three-column-options='{\n \"column1\": {\n \"title\": \"Ontario Design System\",\n \"content\": [\n {\n \"type\": \"text\",\n \"text\": \"The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.\"\n }\n ]\n },\n \"column2\": {\n \"title\": \"Latest release\",\n \"content\": [\n {\n \"type\": \"list\",\n \"list\": [\"Built on: June 3, 2022\", \"Distribution package version 0.12.10\"]\n }\n ]\n },\n \"column3\": {\n \"title\": \"Help us improve the design system\",\n \"content\": [\n {\n \"type\": \"html\",\n \"html\": \"You can check our <a href=#>help and feedback page</a> if you don&#8217;t see the component you need.\"\n }\n ],\n \"button\": {\n \"text\": \"Send us an email\",\n \"link\": \"#\"\n }\n }\n }'\n ></ontario-footer>\n `,\n\t\t});\n\t\texpect(page.root).toEqualHtml(`\n <ontario-footer\n type=\"threeColumn\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n social-links='{\n \"facebook\": \"https://www.facebook.com/ONgov\",\n \"instagram\": \"https://www.instagram.com/ongov\",\n \"twitter\": \"https://twitter.com/ONgov\",\n \"youtube\": \"https://www.youtube.com/ongov\"\n }'\n three-column-options='{\n \"column1\": {\n \"title\": \"Ontario Design System\",\n \"content\": [\n {\n \"type\": \"text\",\n \"text\": \"The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.\"\n }\n ]\n },\n \"column2\": {\n \"title\": \"Latest release\",\n \"content\": [\n {\n \"type\": \"list\",\n \"list\": [\"Built on: June 3, 2022\", \"Distribution package version 0.12.10\"]\n }\n ]\n },\n \"column3\": {\n \"title\": \"Help us improve the design system\",\n \"content\": [\n {\n \"type\": \"html\",\n \"html\": \"You can check our <a href=#>help and feedback page</a> if you don&#8217;t see the component you need.\"\n }\n ],\n \"button\": {\n \"text\": \"Send us an email\",\n \"link\": \"#\"\n }\n }\n }'\n >\n <mock:shadow-root>\n <footer class=\"ontario-footer ontario-footer--expanded\" style=\"--imagePath: url(/assets/footer-expanded-supergraphic-logo.svg);\">\n <div class=\"ontario-footer__expanded-top-section\">\n <div class=\"ontario-row\">\n <div class=\"ontario-columns ontario-small-12 ontario-medium-12 ontario-large-4 ontario-expanded-footer__one-third-block\">\n <h2 class=\"ontario-h4\">Ontario Design System</h2>\n <p>The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.</p>\n </div>\n <div class=\"ontario-columns ontario-small-12 ontario-medium-6 ontario-large-4 ontario-expanded-footer__one-third-block\">\n <h2 class=\"ontario-h4\">Latest release</h2>\n <ul>\n <li class=\"ontario-footer__list_item\">Built on: June 3, 2022</li>\n <li class=\"ontario-footer__list_item\">Distribution package version 0.12.10</li>\n </ul>\n </div>\n <div class=\"ontario-columns ontario-small-12 ontario-medium-6 ontario-large-4 ontario-expanded-footer__one-third-block\">\n <h2 class=\"ontario-h4\">Help us improve the design system</h2>\n <div class=\"ontario-footer__paragraph\">You can check our <a href=\"#\">help and feedback page</a> if you don’t see the component you need.</div>\n <a class=\"ontario-button ontario-footer__button ontario-margin-bottom-0-!\" href=\"#\">\n Send us an email\n </a>\n <ul class=\"ontario-footer__links-container ontario-footer__links-container--social\">\n <li>\n <a class=\"ontario-footer__link\" href=\"https://www.facebook.com/ONgov\" aria-label=\"Facebook\"><ontario-icon-facebook colour=\"white\" icon-width=\"32\"></ontario-icon-facebook></a>\n </li>\n <li>\n <a class=\"ontario-footer__link\" href=\"https://twitter.com/ONgov\" aria-label=\"Twitter\"><ontario-icon-twitter colour=\"white\" icon-width=\"32\"></ontario-icon-twitter></a>\n </li>\n <li>\n <a class=\"ontario-footer__link\" href=\"https://www.instagram.com/ongov\" aria-label=\"Instagram\"><ontario-icon-instagram colour=\"white\" icon-width=\"32\"></ontario-icon-instagram></a>\n </li>\n <li>\n <a class=\"ontario-footer__link\" href=\"https://www.youtube.com/ongov\" aria-label=\"Youtube\"><ontario-icon-youtube colour=\"white\" icon-width=\"32\"></ontario-icon-youtube></a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n <div class=\"ontario-row ontario-footer__expanded-bottom-section\">\n <div class=\"ontario-columns ontario-small-12\">\n <ul class=\"ontario-footer__links-container ontario-footer__links-container--inline\">\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/accessibility\">Accessibility</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/privacy-statement\">Privacy</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/feedback/contact-us\">Contact</a></li>\n </ul>\n <div class=\"ontario-footer__copyright\">\n <a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/copyright-information\">© King's Printer for Ontario, <span class=\"ontario-nbsp\">2012–24</span></a>\n </div>\n </div>\n </div>\n </footer>\n </mock:shadow-root>\n </ontario-footer>\n `);\n\t});\n});\n"]}
1
+ {"version":3,"file":"ontario-footer.spec.js","sourceRoot":"","sources":["../../../../src/components/ontario-footer/test/ontario-footer.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;OAoBF;SACJ,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqC3B,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAiDF;SACJ,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsF3B,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAuDF;SACJ,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0G3B,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACtE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC9B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2DF;SACJ,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgH3B,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { OntarioFooter } from '../ontario-footer';\n\ndescribe('ontario-footer', () => {\n\tit('renders default ontario-footer', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioFooter],\n\t\t\thtml: `\n <ontario-footer\n type=\"default\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n ></ontario-footer>\n `,\n\t\t});\n\n\t\texpect(page.root).toEqualHtml(`\n <ontario-footer\n type=\"default\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n >\n <mock:shadow-root>\n <footer class=\"ontario-footer ontario-footer--default\" style=\"--imagePath: url(/assets/footer-default-supergraphic-logo.svg);\">\n <div class=\"ontario-row\">\n <div class=\"ontario-columns ontario-small-12\">\n <ul class=\"ontario-footer__links-container ontario-footer__links-container--inline\">\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/accessibility\">Accessibility</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/privacy-statement\">Privacy</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/feedback/contact-us\">Contact</a></li>\n </ul>\n <div class=\"ontario-footer__copyright\">\n <a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/copyright-information\">© King's Printer for Ontario, <span class=\"ontario-nbsp\">2012–25</span></a>\n </div>\n </div>\n </div>\n </footer>\n </mock:shadow-root>\n </ontario-footer>\n `);\n\t});\n\n\tit('renders twoColoumn ontario-footer', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioFooter],\n\t\t\thtml: `\n <ontario-footer\n type=\"twoColumn\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n two-column-options='{\n \"column1\": {\n \"title\": \"Ontario Design System\",\n \"content\": [\n {\n \"type\": \"text\",\n \"text\": \"The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.\"\n },\n {\n \"type\": \"list\",\n \"heading\": \"Latest release\",\n \"list\": [\"Built on: June 3, 2022\", \"Distribution package version 0.12.10\"]\n }\n ]\n },\n \"column2\": {\n \"title\": \"Help us improve the design system\",\n \"content\": [\n {\n \"type\": \"html\",\n \"html\": \"You can check our <a href=#>help and feedback page</a> if you don&#8217;t see the component you need.\"\n }\n ],\n \"button\": {\n \"text\": \"Send us an email\",\n \"link\": \"#\"\n }\n }\n }'\n ></ontario-footer>\n `,\n\t\t});\n\t\texpect(page.root).toEqualHtml(`\n <ontario-footer\n type=\"twoColumn\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n two-column-options='{\n \"column1\": {\n \"title\": \"Ontario Design System\",\n \"content\": [\n {\n \"type\": \"text\",\n \"text\": \"The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.\"\n },\n {\n \"type\": \"list\",\n \"heading\": \"Latest release\",\n \"list\": [\"Built on: June 3, 2022\", \"Distribution package version 0.12.10\"]\n }\n ]\n },\n \"column2\": {\n \"title\": \"Help us improve the design system\",\n \"content\": [\n {\n \"type\": \"html\",\n \"html\": \"You can check our <a href=#>help and feedback page</a> if you don&#8217;t see the component you need.\"\n }\n ],\n \"button\": {\n \"text\": \"Send us an email\",\n \"link\": \"#\"\n }\n }\n }'\n >\n <mock:shadow-root>\n <footer class=\"ontario-footer ontario-footer--expanded\" style=\"--imagePath: url(/assets/footer-expanded-supergraphic-logo.svg);\">\n <div class=\"ontario-footer__expanded-top-section\">\n <div class=\"ontario-row\">\n <div class=\"ontario-columns ontario-small-12 ontario-medium-6\">\n <h2 class=\"ontario-h4\">Ontario Design System</h2>\n <p>The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.</p>\n <h3 class=\"ontario-h5\">Latest release</h3>\n <ul>\n <li class=\"ontario-footer__list_item\">Built on: June 3, 2022</li>\n <li class=\"ontario-footer__list_item\">Distribution package version 0.12.10</li>\n </ul>\n </div>\n <div class=\"ontario-columns ontario-small-12 ontario-medium-6\">\n <h2 class=\"ontario-h4\">Help us improve the design system</h2>\n <div class=\"ontario-footer__paragraph\">You can check our <a href=\"#\">help and feedback page</a> if you don’t see the component you need.</div>\n <a class=\"ontario-button ontario-footer__button ontario-margin-bottom-0-!\" href=\"#\">\n Send us an email\n </a>\n </div>\n </div>\n </div>\n <div class=\"ontario-row ontario-footer__expanded-bottom-section\">\n <div class=\"ontario-columns ontario-small-12\">\n <ul class=\"ontario-footer__links-container ontario-footer__links-container--inline\">\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/accessibility\">Accessibility</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/privacy-statement\">Privacy</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/feedback/contact-us\">Contact</a></li>\n </ul>\n <div class=\"ontario-footer__copyright\">\n <a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/copyright-information\">© King's Printer for Ontario, <span class=\"ontario-nbsp\">2012–25</span></a>\n </div>\n </div>\n </div>\n </footer>\n </mock:shadow-root>\n </ontario-footer>\n `);\n\t});\n\n\tit('renders twoColoumn ontario-footer with social links', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioFooter],\n\t\t\thtml: `\n <ontario-footer\n type=\"twoColumn\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n social-links='{\n \"facebook\": \"https://www.facebook.com/ONgov\",\n \"instagram\": \"https://www.instagram.com/ongov\",\n \"twitter\": \"https://twitter.com/ONgov\",\n \"youtube\": \"https://www.youtube.com/ongov\"\n }'\n two-column-options='{\n \"column1\": {\n \"title\": \"Ontario Design System\",\n \"content\": [\n {\n \"type\": \"text\",\n \"text\": \"The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.\"\n },\n {\n \"type\": \"list\",\n \"heading\": \"Latest release\",\n \"list\": [\"Built on: June 3, 2022\", \"Distribution package version 0.12.10\"]\n }\n ]\n },\n \"column2\": {\n \"title\": \"Help us improve the design system\",\n \"content\": [\n {\n \"type\": \"html\",\n \"html\": \"You can check our <a href=#>help and feedback page</a> if you don&#8217;t see the component you need.\"\n }\n ],\n \"button\": {\n \"text\": \"Send us an email\",\n \"link\": \"#\"\n }\n }\n }'\n ></ontario-footer>\n `,\n\t\t});\n\t\texpect(page.root).toEqualHtml(`\n <ontario-footer\n type=\"twoColumn\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n social-links='{\n \"facebook\": \"https://www.facebook.com/ONgov\",\n \"instagram\": \"https://www.instagram.com/ongov\",\n \"twitter\": \"https://twitter.com/ONgov\",\n \"youtube\": \"https://www.youtube.com/ongov\"\n }'\n two-column-options='{\n \"column1\": {\n \"title\": \"Ontario Design System\",\n \"content\": [\n {\n \"type\": \"text\",\n \"text\": \"The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.\"\n },\n {\n \"type\": \"list\",\n \"heading\": \"Latest release\",\n \"list\": [\"Built on: June 3, 2022\", \"Distribution package version 0.12.10\"]\n }\n ]\n },\n \"column2\": {\n \"title\": \"Help us improve the design system\",\n \"content\": [\n {\n \"type\": \"html\",\n \"html\": \"You can check our <a href=#>help and feedback page</a> if you don&#8217;t see the component you need.\"\n }\n ],\n \"button\": {\n \"text\": \"Send us an email\",\n \"link\": \"#\"\n }\n }\n }'\n >\n <mock:shadow-root>\n <footer class=\"ontario-footer ontario-footer--expanded\" style=\"--imagePath: url(/assets/footer-expanded-supergraphic-logo.svg);\">\n <div class=\"ontario-footer__expanded-top-section\">\n <div class=\"ontario-row\">\n <div class=\"ontario-columns ontario-small-12 ontario-medium-6\">\n <h2 class=\"ontario-h4\">Ontario Design System</h2>\n <p>The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.</p>\n <h3 class=\"ontario-h5\">Latest release</h3>\n <ul>\n <li class=\"ontario-footer__list_item\">Built on: June 3, 2022</li>\n <li class=\"ontario-footer__list_item\">Distribution package version 0.12.10</li>\n </ul>\n </div>\n <div class=\"ontario-columns ontario-small-12 ontario-medium-6\">\n <h2 class=\"ontario-h4\">Help us improve the design system</h2>\n <div class=\"ontario-footer__paragraph\">You can check our <a href=\"#\">help and feedback page</a> if you don’t see the component you need.</div>\n <a class=\"ontario-button ontario-footer__button ontario-margin-bottom-0-!\" href=\"#\">\n Send us an email\n </a>\n <ul class=\"ontario-footer__links-container ontario-footer__links-container--social\">\n <li>\n <a class=\"ontario-footer__link\" href=\"https://www.facebook.com/ONgov\" aria-label=\"Facebook\"><ontario-icon-facebook colour=\"white\" icon-width=\"32\"></ontario-icon-facebook></a>\n </li>\n <li>\n <a class=\"ontario-footer__link\" href=\"https://twitter.com/ONgov\" aria-label=\"Twitter\"><ontario-icon-twitter colour=\"white\" icon-width=\"32\"></ontario-icon-twitter></a>\n </li>\n <li>\n <a class=\"ontario-footer__link\" href=\"https://www.instagram.com/ongov\" aria-label=\"Instagram\"><ontario-icon-instagram colour=\"white\" icon-width=\"32\"></ontario-icon-instagram></a>\n </li>\n <li>\n <a class=\"ontario-footer__link\" href=\"https://www.youtube.com/ongov\" aria-label=\"Youtube\"><ontario-icon-youtube colour=\"white\" icon-width=\"32\"></ontario-icon-youtube></a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n <div class=\"ontario-row ontario-footer__expanded-bottom-section\">\n <div class=\"ontario-columns ontario-small-12\">\n <ul class=\"ontario-footer__links-container ontario-footer__links-container--inline\">\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/accessibility\">Accessibility</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/privacy-statement\">Privacy</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/feedback/contact-us\">Contact</a></li>\n </ul>\n <div class=\"ontario-footer__copyright\">\n <a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/copyright-information\">© King's Printer for Ontario, <span class=\"ontario-nbsp\">2012–25</span></a>\n </div>\n </div>\n </div>\n </footer>\n </mock:shadow-root>\n </ontario-footer>\n `);\n\t});\n\n\tit('renders threeColoumn ontario-footer with social links', async () => {\n\t\tconst page = await newSpecPage({\n\t\t\tcomponents: [OntarioFooter],\n\t\t\thtml: `\n <ontario-footer\n type=\"threeColumn\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n social-links='{\n \"facebook\": \"https://www.facebook.com/ONgov\",\n \"instagram\": \"https://www.instagram.com/ongov\",\n \"twitter\": \"https://twitter.com/ONgov\",\n \"youtube\": \"https://www.youtube.com/ongov\"\n }'\n three-column-options='{\n \"column1\": {\n \"title\": \"Ontario Design System\",\n \"content\": [\n {\n \"type\": \"text\",\n \"text\": \"The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.\"\n }\n ]\n },\n \"column2\": {\n \"title\": \"Latest release\",\n \"content\": [\n {\n \"type\": \"list\",\n \"list\": [\"Built on: June 3, 2022\", \"Distribution package version 0.12.10\"]\n }\n ]\n },\n \"column3\": {\n \"title\": \"Help us improve the design system\",\n \"content\": [\n {\n \"type\": \"html\",\n \"html\": \"You can check our <a href=#>help and feedback page</a> if you don&#8217;t see the component you need.\"\n }\n ],\n \"button\": {\n \"text\": \"Send us an email\",\n \"link\": \"#\"\n }\n }\n }'\n ></ontario-footer>\n `,\n\t\t});\n\t\texpect(page.root).toEqualHtml(`\n <ontario-footer\n type=\"threeColumn\"\n footer-links='{\n \"accessibilityLink\": {\n \"text\": \"Accessibility\",\n \"href\": \"https://www.ontario.ca/page/accessibility\"\n },\n \"privacyLink\": {\n \"href\": \"https://www.ontario.ca/page/privacy-statement\"\n },\n \"contactLink\": {\n \"text\": \"Contact\",\n \"href\": \"https://www.ontario.ca/feedback/contact-us\"\n },\n \"printerLink\": {\n \"href\": \"https://www.ontario.ca/page/copyright-information\"\n }\n }'\n social-links='{\n \"facebook\": \"https://www.facebook.com/ONgov\",\n \"instagram\": \"https://www.instagram.com/ongov\",\n \"twitter\": \"https://twitter.com/ONgov\",\n \"youtube\": \"https://www.youtube.com/ongov\"\n }'\n three-column-options='{\n \"column1\": {\n \"title\": \"Ontario Design System\",\n \"content\": [\n {\n \"type\": \"text\",\n \"text\": \"The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.\"\n }\n ]\n },\n \"column2\": {\n \"title\": \"Latest release\",\n \"content\": [\n {\n \"type\": \"list\",\n \"list\": [\"Built on: June 3, 2022\", \"Distribution package version 0.12.10\"]\n }\n ]\n },\n \"column3\": {\n \"title\": \"Help us improve the design system\",\n \"content\": [\n {\n \"type\": \"html\",\n \"html\": \"You can check our <a href=#>help and feedback page</a> if you don&#8217;t see the component you need.\"\n }\n ],\n \"button\": {\n \"text\": \"Send us an email\",\n \"link\": \"#\"\n }\n }\n }'\n >\n <mock:shadow-root>\n <footer class=\"ontario-footer ontario-footer--expanded\" style=\"--imagePath: url(/assets/footer-expanded-supergraphic-logo.svg);\">\n <div class=\"ontario-footer__expanded-top-section\">\n <div class=\"ontario-row\">\n <div class=\"ontario-columns ontario-small-12 ontario-medium-12 ontario-large-4 ontario-expanded-footer__one-third-block\">\n <h2 class=\"ontario-h4\">Ontario Design System</h2>\n <p>The Ontario Design System provides principles, guidance and code to help teams design and build accessible, mobile-friendly government websites and digital services.</p>\n </div>\n <div class=\"ontario-columns ontario-small-12 ontario-medium-6 ontario-large-4 ontario-expanded-footer__one-third-block\">\n <h2 class=\"ontario-h4\">Latest release</h2>\n <ul>\n <li class=\"ontario-footer__list_item\">Built on: June 3, 2022</li>\n <li class=\"ontario-footer__list_item\">Distribution package version 0.12.10</li>\n </ul>\n </div>\n <div class=\"ontario-columns ontario-small-12 ontario-medium-6 ontario-large-4 ontario-expanded-footer__one-third-block\">\n <h2 class=\"ontario-h4\">Help us improve the design system</h2>\n <div class=\"ontario-footer__paragraph\">You can check our <a href=\"#\">help and feedback page</a> if you don’t see the component you need.</div>\n <a class=\"ontario-button ontario-footer__button ontario-margin-bottom-0-!\" href=\"#\">\n Send us an email\n </a>\n <ul class=\"ontario-footer__links-container ontario-footer__links-container--social\">\n <li>\n <a class=\"ontario-footer__link\" href=\"https://www.facebook.com/ONgov\" aria-label=\"Facebook\"><ontario-icon-facebook colour=\"white\" icon-width=\"32\"></ontario-icon-facebook></a>\n </li>\n <li>\n <a class=\"ontario-footer__link\" href=\"https://twitter.com/ONgov\" aria-label=\"Twitter\"><ontario-icon-twitter colour=\"white\" icon-width=\"32\"></ontario-icon-twitter></a>\n </li>\n <li>\n <a class=\"ontario-footer__link\" href=\"https://www.instagram.com/ongov\" aria-label=\"Instagram\"><ontario-icon-instagram colour=\"white\" icon-width=\"32\"></ontario-icon-instagram></a>\n </li>\n <li>\n <a class=\"ontario-footer__link\" href=\"https://www.youtube.com/ongov\" aria-label=\"Youtube\"><ontario-icon-youtube colour=\"white\" icon-width=\"32\"></ontario-icon-youtube></a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n <div class=\"ontario-row ontario-footer__expanded-bottom-section\">\n <div class=\"ontario-columns ontario-small-12\">\n <ul class=\"ontario-footer__links-container ontario-footer__links-container--inline\">\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/accessibility\">Accessibility</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/privacy-statement\">Privacy</a></li>\n <li><a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/feedback/contact-us\">Contact</a></li>\n </ul>\n <div class=\"ontario-footer__copyright\">\n <a class=\"ontario-footer__link\" href=\"https://www.ontario.ca/page/copyright-information\">© King's Printer for Ontario, <span class=\"ontario-nbsp\">2012–25</span></a>\n </div>\n </div>\n </div>\n </footer>\n </mock:shadow-root>\n </ontario-footer>\n `);\n\t});\n});\n"]}