Make font family test looser

diff --git a/docs/cypress/integration/base/generic.spec.js b/docs/cypress/integration/base/generic.spec.js
index a536295939be7accdfbd5117babb5d400d27d752..4809a01a1681634a74e2e3843a7e0c29427fd346 100644 (file)
--- a/docs/cypress/integration/base/generic.spec.js
+++ b/docs/cypress/integration/base/generic.spec.js
@@ -31,7 +31,11 @@ describe("Base/Generic", () => {
   it("has correct form elements", () => {
     cy.get("body, button, input, optgroup, select, textarea").then(($) => {
       const cs = window.getComputedStyle($[0]);
-      expect(cs.fontFamily).to.equal(familyPrimary);
+      expect(cs.fontFamily).to.contains("system-ui");
+      expect(cs.fontFamily).to.contains("-apple-system");
+      expect(cs.fontFamily).to.contains("Helvetica");
+      expect(cs.fontFamily).to.contains("Arial");
+      expect(cs.fontFamily).to.contains("sans-serif");
     });
   });
 
@@ -47,7 +51,11 @@ describe("Base/Generic", () => {
     cy.get("body").then(($) => {
       const cs = window.getComputedStyle($[0]);
       expect(cs.color).to.equal(Cypress.env("text"));
-      expect(cs.fontFamily).to.equal(familyPrimary);
+      expect(cs.fontFamily).to.contains("system-ui");
+      expect(cs.fontFamily).to.contains("-apple-system");
+      expect(cs.fontFamily).to.contains("Helvetica");
+      expect(cs.fontFamily).to.contains("Arial");
+      expect(cs.fontFamily).to.contains("sans-serif");
       expect(cs.fontSize).to.equal("16px");
       expect(cs.fontWeight).to.equal("400");
       expect(cs.lineHeight).to.equal("24px");