fix: frontend-build 9.1.1

fix: add es5 check
fix: test without es5
2022-03-14 13:40:40 +05:00 · 2022-03-11 21:39:47 +05:00 · 2022-03-11 21:32:40 +05:00 · 2022-03-11 21:14:09 +05:00 · 2022-03-11 21:11:13 +05:00 · 2022-03-11 19:53:41 +05:00
8 changed files with 27760 additions and 7056 deletions
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -1,4 +1,3 @@
---
 name: ci
 on:
  push:
@@ -6,23 +5,22 @@ on:
    - master
  pull_request:
 jobs:
-  build:
+  tests:
    runs-on: ubuntu-latest
    strategy:
      matrix:
-        node-version:
-        - 12
        npm-test:
        - i18n_extract
        - is-es5
        - lint
        - test
+        node: [12, 14, 16]
    steps:
    - uses: actions/checkout@v2
    - uses: actions/setup-node@v2
      with:
-        node-version: ${{ matrix.node-version }}
-    - run: npm install -g npm@6
+        node-version: ${{ matrix.node }}
+    - run: npm install -g npm@8
    - run: make requirements
    - run: make test NPM_TESTS=build
    - run: make test NPM_TESTS=${{ matrix.npm-test }}
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -30,18 +30,18 @@
  ],
  "dependencies": {
    "@edx/brand": "npm:@edx/brand-openedx@1.1.0",
-    "@edx/frontend-component-footer": "10.1.6",
-    "@edx/frontend-component-header": "2.3.0",
-    "@edx/frontend-platform": "1.14.1",
-    "@edx/paragon": "16.1.0",
+    "@edx/frontend-component-footer": "10.2.1",
+    "@edx/frontend-component-header": "2.4.5",
+    "@edx/frontend-platform": "1.15.1",
+    "@edx/paragon": "19.6.0",
    "@fortawesome/fontawesome-svg-core": "1.2.36",
    "@fortawesome/free-brands-svg-icons": "5.15.4",
    "@fortawesome/free-regular-svg-icons": "5.15.4",
    "@fortawesome/free-solid-svg-icons": "5.15.4",
    "@fortawesome/react-fontawesome": "0.1.16",
    "@tensorflow-models/blazeface": "0.0.7",
-    "@tensorflow/tfjs-converter": "1.7.4",
-    "@tensorflow/tfjs-core": "1.7.4",
+    "@tensorflow/tfjs-converter": "3.1.0",
+    "@tensorflow/tfjs-core": "3.1.0",
    "bowser": "2.11.0",
    "classnames": "2.3.1",
    "core-js": "3.19.3",
@@ -80,7 +80,7 @@
    "universal-cookie": "4.0.4"
  },
  "devDependencies": {
-    "@edx/frontend-build": "8.1.6",
+    "@edx/frontend-build": "9.1.1",
    "@testing-library/jest-dom": "5.15.1",
    "@testing-library/react": "12.1.2",
    "codecov": "3.8.3",
--- a/src/account-settings/coaching/test/snapshots/CoachingConsent.test.jsx.snap
+++ b/src/account-settings/coaching/test/snapshots/CoachingConsent.test.jsx.snap
@@ -114,7 +114,7 @@ exports[`CoachingConsent disables name field on enterprise user 1`] = `
          className="mt-3"
        >
          <a
-            className="mt-3 text-dark btn-link small"
+            className="pgn__hyperlink default-link standalone-link mt-3 text-dark btn-link small"
            href="http://localhost:18000/dashboard/"
            onClick={[Function]}
            target="_self"
@@ -263,7 +263,7 @@ exports[`CoachingConsent should render 1`] = `
          className="mt-3"
        >
          <a
-            className="mt-3 text-dark btn-link small"
+            className="pgn__hyperlink default-link standalone-link mt-3 text-dark btn-link small"
            href="http://localhost:18000/dashboard/"
            onClick={[Function]}
            target="_self"
--- a/src/account-settings/delete-account/snapshots/ConfirmationModal.test.jsx.snap
+++ b/src/account-settings/delete-account/snapshots/ConfirmationModal.test.jsx.snap
@@ -16,21 +16,6 @@ Array [
      className=""
      role="dialog"
    >
-      <div
-        data-focus-guard={true}
-        style={
-          Object {
-            "height": "0px",
-            "left": "1px",
-            "overflow": "hidden",
-            "padding": 0,
-            "position": "fixed",
-            "top": "1px",
-            "width": "1px",
-          }
-        }
-        tabIndex={-1}
-      />
      <div
        data-focus-guard={true}
        style={
@@ -207,21 +192,6 @@ Array [
        }
        tabIndex={0}
      />
-      <div
-        data-focus-guard={true}
-        style={
-          Object {
-            "height": "0px",
-            "left": "1px",
-            "overflow": "hidden",
-            "padding": 0,
-            "position": "fixed",
-            "top": "1px",
-            "width": "1px",
-          }
-        }
-        tabIndex={1}
-      />
      <div
        data-focus-lock-disabled={false}
        onBlur={[Function]}
@@ -418,21 +388,6 @@ Array [
        }
        tabIndex={0}
      />
-      <div
-        data-focus-guard={true}
-        style={
-          Object {
-            "height": "0px",
-            "left": "1px",
-            "overflow": "hidden",
-            "padding": 0,
-            "position": "fixed",
-            "top": "1px",
-            "width": "1px",
-          }
-        }
-        tabIndex={1}
-      />
      <div
        data-focus-lock-disabled={false}
        onBlur={[Function]}
--- a/src/account-settings/delete-account/snapshots/DeleteAccount.test.jsx.snap
+++ b/src/account-settings/delete-account/snapshots/DeleteAccount.test.jsx.snap
@@ -28,7 +28,7 @@ exports[`DeleteAccount should match default section snapshot 1`] = `
  </p>
  <p>
    <a
-      className="default-link standalone-link"
+      className="pgn__hyperlink default-link standalone-link"
      href="https://support.edx.org/hc/en-us/sections/115004139268-Manage-Your-Account-Settings"
      onClick={[Function]}
      target="_self"
@@ -77,7 +77,7 @@ exports[`DeleteAccount should match unverified account section snapshot 1`] = `
  </p>
  <p>
    <a
-      className="default-link standalone-link"
+      className="pgn__hyperlink default-link standalone-link"
      href="https://support.edx.org/hc/en-us/sections/115004139268-Manage-Your-Account-Settings"
      onClick={[Function]}
      target="_self"
@@ -121,7 +121,7 @@ exports[`DeleteAccount should match unverified account section snapshot 1`] = `
      <span>
        Before proceeding, please 
        <a
-          className="default-link standalone-link"
+          className="pgn__hyperlink default-link standalone-link"
          href="https://support.edx.org/hc/en-us/articles/115000940568-How-do-I-confirm-my-email-"
          onClick={[Function]}
          target="_self"
@@ -163,7 +163,7 @@ exports[`DeleteAccount should match unverified account section snapshot 2`] = `
  </p>
  <p>
    <a
-      className="default-link standalone-link"
+      className="pgn__hyperlink default-link standalone-link"
      href="https://support.edx.org/hc/en-us/sections/115004139268-Manage-Your-Account-Settings"
      onClick={[Function]}
      target="_self"
@@ -207,7 +207,7 @@ exports[`DeleteAccount should match unverified account section snapshot 2`] = `
      <span>
        Before proceeding, please 
        <a
-          className="default-link standalone-link"
+          className="pgn__hyperlink default-link standalone-link"
          href="https://support.edx.org/hc/en-us/articles/207206067"
          onClick={[Function]}
          target="_self"
--- a/src/account-settings/delete-account/snapshots/SuccessModal.test.jsx.snap
+++ b/src/account-settings/delete-account/snapshots/SuccessModal.test.jsx.snap
@@ -16,21 +16,6 @@ Array [
      className=""
      role="dialog"
    >
-      <div
-        data-focus-guard={true}
-        style={
-          Object {
-            "height": "0px",
-            "left": "1px",
-            "overflow": "hidden",
-            "padding": 0,
-            "position": "fixed",
-            "top": "1px",
-            "width": "1px",
-          }
-        }
-        tabIndex={-1}
-      />
      <div
        data-focus-guard={true}
        style={
@@ -128,21 +113,6 @@ Array [
      className=""
      role="dialog"
    >
-      <div
-        data-focus-guard={true}
-        style={
-          Object {
-            "height": "0px",
-            "left": "1px",
-            "overflow": "hidden",
-            "padding": 0,
-            "position": "fixed",
-            "top": "1px",
-            "width": "1px",
-          }
-        }
-        tabIndex={-1}
-      />
      <div
        data-focus-guard={true}
        style={
@@ -240,21 +210,6 @@ Array [
      className=""
      role="dialog"
    >
-      <div
-        data-focus-guard={true}
-        style={
-          Object {
-            "height": "0px",
-            "left": "1px",
-            "overflow": "hidden",
-            "padding": 0,
-            "position": "fixed",
-            "top": "1px",
-            "width": "1px",
-          }
-        }
-        tabIndex={-1}
-      />
      <div
        data-focus-guard={true}
        style={
@@ -352,21 +307,6 @@ Array [
      className=""
      role="dialog"
    >
-      <div
-        data-focus-guard={true}
-        style={
-          Object {
-            "height": "0px",
-            "left": "1px",
-            "overflow": "hidden",
-            "padding": 0,
-            "position": "fixed",
-            "top": "1px",
-            "width": "1px",
-          }
-        }
-        tabIndex={-1}
-      />
      <div
        data-focus-guard={true}
        style={
@@ -479,21 +419,6 @@ Array [
        }
        tabIndex={0}
      />
-      <div
-        data-focus-guard={true}
-        style={
-          Object {
-            "height": "0px",
-            "left": "1px",
-            "overflow": "hidden",
-            "padding": 0,
-            "position": "fixed",
-            "top": "1px",
-            "width": "1px",
-          }
-        }
-        tabIndex={1}
-      />
      <div
        data-focus-lock-disabled={false}
        onBlur={[Function]}
--- a/src/account-settings/demographics/test/snapshots/DemographicsSection.test.jsx.snap
+++ b/src/account-settings/demographics/test/snapshots/DemographicsSection.test.jsx.snap
@@ -12,17 +12,17 @@ exports[`DemographicsSection should render 1`] = `
  </h2>
  <p>
    <a
-      className="default-link standalone-link"
+      className="pgn__hyperlink default-link standalone-link"
      href="http://localhost:5335/demographics"
      onClick={[Function]}
-      rel="noopener noopener noreferrer"
+      rel="noopener noreferrer"
      target="_blank"
    >
      Why does localhost collect this information?
      <span
-        className="d-inline-block align-text-top"
+        className="pgn__hyperlink__external-icon"
+        title="Opens in a new tab"
      >
-         
        <span
          className="pgn__icon"
          style={
@@ -34,7 +34,6 @@ exports[`DemographicsSection should render 1`] = `
        >
          <svg
            aria-hidden={true}
-            aria-label=""
            fill="none"
            focusable={false}
            height={24}
@@ -48,6 +47,11 @@ exports[`DemographicsSection should render 1`] = `
              fill="currentColor"
            />
          </svg>
+          <span
+            className="sr-only"
+          >
+            in a new tab
+          </span>
        </span>
      </span>
    </a>
@@ -654,17 +658,17 @@ exports[`DemographicsSection should render an Alert if an error occurs 1`] = `
  </h2>
  <p>
    <a
-      className="default-link standalone-link"
+      className="pgn__hyperlink default-link standalone-link"
      href="http://localhost:5335/demographics"
      onClick={[Function]}
-      rel="noopener noopener noreferrer"
+      rel="noopener noreferrer"
      target="_blank"
    >
      Why does localhost collect this information?
      <span
-        className="d-inline-block align-text-top"
+        className="pgn__hyperlink__external-icon"
+        title="Opens in a new tab"
      >
-         
        <span
          className="pgn__icon"
          style={
@@ -676,7 +680,6 @@ exports[`DemographicsSection should render an Alert if an error occurs 1`] = `
        >
          <svg
            aria-hidden={true}
-            aria-label=""
            fill="none"
            focusable={false}
            height={24}
@@ -690,6 +693,11 @@ exports[`DemographicsSection should render an Alert if an error occurs 1`] = `
              fill="currentColor"
            />
          </svg>
+          <span
+            className="sr-only"
+          >
+            in a new tab
+          </span>
        </span>
      </span>
    </a>
@@ -1310,17 +1318,17 @@ exports[`DemographicsSection should render an Alert when demographicsOptions pro
  </h2>
  <p>
    <a
-      className="default-link standalone-link"
+      className="pgn__hyperlink default-link standalone-link"
      href="http://localhost:5335/demographics"
      onClick={[Function]}
-      rel="noopener noopener noreferrer"
+      rel="noopener noreferrer"
      target="_blank"
    >
      Why does localhost collect this information?
      <span
-        className="d-inline-block align-text-top"
+        className="pgn__hyperlink__external-icon"
+        title="Opens in a new tab"
      >
-         
        <span
          className="pgn__icon"
          style={
@@ -1332,7 +1340,6 @@ exports[`DemographicsSection should render an Alert when demographicsOptions pro
        >
          <svg
            aria-hidden={true}
-            aria-label=""
            fill="none"
            focusable={false}
            height={24}
@@ -1346,6 +1353,11 @@ exports[`DemographicsSection should render an Alert when demographicsOptions pro
              fill="currentColor"
            />
          </svg>
+          <span
+            className="sr-only"
+          >
+            in a new tab
+          </span>
        </span>
      </span>
    </a>
@@ -1379,17 +1391,17 @@ exports[`DemographicsSection should render ethnicity correctly when multiple opt
  </h2>
  <p>
    <a
-      className="default-link standalone-link"
+      className="pgn__hyperlink default-link standalone-link"
      href="http://localhost:5335/demographics"
      onClick={[Function]}
-      rel="noopener noopener noreferrer"
+      rel="noopener noreferrer"
      target="_blank"
    >
      Why does localhost collect this information?
      <span
-        className="d-inline-block align-text-top"
+        className="pgn__hyperlink__external-icon"
+        title="Opens in a new tab"
      >
-         
        <span
          className="pgn__icon"
          style={
@@ -1401,7 +1413,6 @@ exports[`DemographicsSection should render ethnicity correctly when multiple opt
        >
          <svg
            aria-hidden={true}
-            aria-label=""
            fill="none"
            focusable={false}
            height={24}
@@ -1415,6 +1426,11 @@ exports[`DemographicsSection should render ethnicity correctly when multiple opt
              fill="currentColor"
            />
          </svg>
+          <span
+            className="sr-only"
+          >
+            in a new tab
+          </span>
        </span>
      </span>
    </a>
@@ -2014,17 +2030,17 @@ exports[`DemographicsSection should render ethnicity text correctly 1`] = `
  </h2>
  <p>
    <a
-      className="default-link standalone-link"
+      className="pgn__hyperlink default-link standalone-link"
      href="http://localhost:5335/demographics"
      onClick={[Function]}
-      rel="noopener noopener noreferrer"
+      rel="noopener noreferrer"
      target="_blank"
    >
      Why does localhost collect this information?
      <span
-        className="d-inline-block align-text-top"
+        className="pgn__hyperlink__external-icon"
+        title="Opens in a new tab"
      >
-         
        <span
          className="pgn__icon"
          style={
@@ -2036,7 +2052,6 @@ exports[`DemographicsSection should render ethnicity text correctly 1`] = `
        >
          <svg
            aria-hidden={true}
-            aria-label=""
            fill="none"
            focusable={false}
            height={24}
@@ -2050,6 +2065,11 @@ exports[`DemographicsSection should render ethnicity text correctly 1`] = `
              fill="currentColor"
            />
          </svg>
+          <span
+            className="sr-only"
+          >
+            in a new tab
+          </span>
        </span>
      </span>
    </a>
@@ -2649,17 +2669,17 @@ exports[`DemographicsSection should set user input correctly when user provides
  </h2>
  <p>
    <a
-      className="default-link standalone-link"
+      className="pgn__hyperlink default-link standalone-link"
      href="http://localhost:5335/demographics"
      onClick={[Function]}
-      rel="noopener noopener noreferrer"
+      rel="noopener noreferrer"
      target="_blank"
    >
      Why does localhost collect this information?
      <span
-        className="d-inline-block align-text-top"
+        className="pgn__hyperlink__external-icon"
+        title="Opens in a new tab"
      >
-         
        <span
          className="pgn__icon"
          style={
@@ -2671,7 +2691,6 @@ exports[`DemographicsSection should set user input correctly when user provides
        >
          <svg
            aria-hidden={true}
-            aria-label=""
            fill="none"
            focusable={false}
            height={24}
@@ -2685,6 +2704,11 @@ exports[`DemographicsSection should set user input correctly when user provides
              fill="currentColor"
            />
          </svg>
+          <span
+            className="sr-only"
+          >
+            in a new tab
+          </span>
        </span>
      </span>
    </a>
@@ -3291,17 +3315,17 @@ exports[`DemographicsSection should set user input correctly when user provides
  </h2>
  <p>
    <a
-      className="default-link standalone-link"
+      className="pgn__hyperlink default-link standalone-link"
      href="http://localhost:5335/demographics"
      onClick={[Function]}
-      rel="noopener noopener noreferrer"
+      rel="noopener noreferrer"
      target="_blank"
    >
      Why does localhost collect this information?
      <span
-        className="d-inline-block align-text-top"
+        className="pgn__hyperlink__external-icon"
+        title="Opens in a new tab"
      >
-         
        <span
          className="pgn__icon"
          style={
@@ -3313,7 +3337,6 @@ exports[`DemographicsSection should set user input correctly when user provides
        >
          <svg
            aria-hidden={true}
-            aria-label=""
            fill="none"
            focusable={false}
            height={24}
@@ -3327,6 +3350,11 @@ exports[`DemographicsSection should set user input correctly when user provides
              fill="currentColor"
            />
          </svg>
+          <span
+            className="sr-only"
+          >
+            in a new tab
+          </span>
        </span>
      </span>
    </a>
Author	SHA1	Message	Date
Jawayria	299080df67	fix: frontend-build 9.1.1	2022-03-14 13:40:40 +05:00
Jawayria	ece6d7c065	fix: add es5 check	2022-03-11 21:39:47 +05:00
Jawayria	59c55a5f33	fix: test without es5	2022-03-11 21:32:40 +05:00
Jawayria	a7fb1c1c10	fix: Updated ci workflow	2022-03-11 21:14:09 +05:00
Jawayria	369e022358	fix: fixed browserslist error	2022-03-11 21:11:13 +05:00
Jawayria	3565a5b6fd	fix: ran npm update and updated snapshots	2022-03-11 19:53:41 +05:00
edX requirements bot	2b082d7f61	build: Added support for node v16	2022-02-10 02:52:30 -05:00