richie-education 2.34.1-dev2 → 2.34.1-dev4

package/js/components/ContractFrame/AbstractContractFrame.spec.tsx

@@ -204,12 +204,10 @@ describe('<AbstractContractFrame />', () => {
     await user.click(button);
 
     // The dummy interface should be loading
-    screen.getByRole('heading', { name: 'Signing the contract ...' });
+    await screen.findByRole('heading', { name: 'Signing the contract ...' });
 
     // Then the signature check polling should be started
-    await waitFor(() => {
-      expect(screen.getByRole('heading', { name: 'Verifying signature ...' })).toBeInTheDocument();
-    });
+    await screen.findByRole('heading', { name: 'Verifying signature ...' });
     expect(
       screen.getByText(
         'We are waiting for the signature to be validated from our signature platform. It can take up to few minutes. Do not close this page.',

package/js/hooks/useCreditCards/index.spec.tsx

@@ -208,8 +208,9 @@ describe('useCreditCards', () => {
     await act(async () => {
       responseDeferred.resolve({});
     });
-
-    expect(result.current.states.updating).toBe(false);
+    await waitFor(() => {
+      expect(result.current.states.updating).toBe(false);
+    });
     expect(result.current.states.isPending).toBe(false);
     expect(result.current.states.error).toBe(undefined);
   });

package/js/pages/DashboardCreditCardsManagement/DashboardEditCreditCard.spec.tsx

@@ -181,7 +181,7 @@ describe('<DahsboardEditCreditCard/>', () => {
     await screen.findByText('Credit cards');
 
     // The title is correctly updated.
-    screen.getByRole('heading', {
+    await screen.findByRole('heading', {
       level: 6,
       name: creditCardUpdated.title,
     });

package/js/widgets/SyllabusCourseRunsList/components/CourseProductItem/components/CourseProductCourseRuns/EnrollableCourseRunList.tsx

@@ -139,11 +139,12 @@ const EnrollableCourseRunList = ({ courseRuns, order }: Props) => {
         <ol className="course-runs-list">
           {Children.toArray(
             courseRuns.map((courseRun) => (
-              <li className="course-runs-item form-field">
+              <li key={`${order.id}|${courseRun.id}`} className="course-runs-item form-field">
                 <input
                   className="form-field__radio-input"
                   type="radio"
                   id={`${order.id}|${courseRun.id}`}
+                  data-testid={`radio-input-${order.id}-${courseRun.id}`}
                   name={order.id}
                   disabled={needsSignature}
                   aria-label={intl.formatMessage(messages.ariaSelectCourseRun, {

package/js/widgets/SyllabusCourseRunsList/components/CourseProductItem/components/CourseProductCourseRuns/index.spec.tsx

@@ -166,11 +166,13 @@ describe('CourseProductCourseRuns', () => {
         );
 
         // - A radio input
-        screen.getByRole('radio', {
-          name: `Select course run from ${dateFormatter.format(
+        const $input = screen.getByTestId(`radio-input-${order.id}-${courseRun.id}`);
+        expect($input).toHaveAttribute('type', 'radio');
+        expect($input).toHaveAccessibleName(
+          `Select course run from ${dateFormatter.format(
             new Date(courseRun.start),
           )} to ${dateFormatter.format(new Date(courseRun.end))}.`,
-        });
+        );
       });
 
       // A call to action should be displayed
@@ -215,7 +217,7 @@ describe('CourseProductCourseRuns', () => {
       });
 
       // A spinner should be displayed
-      screen.getByRole('status', { name: 'Enrolling...' });
+      await screen.findByRole('status', { name: 'Enrolling...' });
 
       await act(async () => {
         enrollmentDeferred.resolve(HttpStatusCode.OK);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "richie-education",
-  "version": "2.34.1-dev2",
+  "version": "2.34.1-dev4",
   "description": "A CMS to build learning portals for Open Education",
   "main": "sandbox/manage.py",
   "scripts": {
@@ -38,74 +38,74 @@
     "not dead"
   ],
   "dependencies": {
-    "@babel/core": "7.26.0",
+    "@babel/core": "7.26.9",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
     "@babel/plugin-transform-modules-commonjs": "7.26.3",
-    "@babel/preset-env": "7.26.0",
+    "@babel/preset-env": "7.26.9",
     "@babel/preset-react": "7.26.3",
     "@babel/preset-typescript": "7.26.0",
-    "@faker-js/faker": "9.3.0",
-    "@formatjs/cli": "6.3.14",
-    "@formatjs/intl-relativetimeformat": "11.4.8",
-    "@hookform/resolvers": "3.9.1",
+    "@faker-js/faker": "9.5.0",
+    "@formatjs/cli": "6.6.1",
+    "@formatjs/intl-relativetimeformat": "11.4.10",
+    "@hookform/resolvers": "4.1.0",
     "@lyracom/embedded-form-glue": "1.4.2",
     "@openfun/cunningham-react": "3.0.0",
     "@openfun/cunningham-tokens": "2.2.0",
-    "@sentry/browser": "8.42.0",
-    "@sentry/types": "8.42.0",
-    "@storybook/addon-actions": "8.4.7",
-    "@storybook/addon-essentials": "8.4.7",
-    "@storybook/addon-interactions": "8.4.7",
-    "@storybook/addon-links": "8.4.7",
-    "@storybook/react": "8.4.7",
-    "@storybook/react-webpack5": "8.4.7",
-    "@storybook/test": "8.4.7",
-    "@tanstack/query-core": "5.62.3",
-    "@tanstack/query-sync-storage-persister": "5.62.3",
-    "@tanstack/react-query": "5.62.3",
-    "@tanstack/react-query-devtools": "5.62.3",
-    "@tanstack/react-query-persist-client": "5.62.3",
+    "@sentry/browser": "9.1.0",
+    "@sentry/types": "9.1.0",
+    "@storybook/addon-actions": "8.5.6",
+    "@storybook/addon-essentials": "8.5.6",
+    "@storybook/addon-interactions": "8.5.6",
+    "@storybook/addon-links": "8.5.6",
+    "@storybook/react": "8.5.6",
+    "@storybook/react-webpack5": "8.5.6",
+    "@storybook/test": "8.5.6",
+    "@tanstack/query-core": "5.66.3",
+    "@tanstack/query-sync-storage-persister": "5.66.3",
+    "@tanstack/react-query": "5.66.3",
+    "@tanstack/react-query-devtools": "5.66.3",
+    "@tanstack/react-query-persist-client": "5.66.3",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.1.0",
-    "@testing-library/user-event": "14.5.2",
+    "@testing-library/react": "16.2.0",
+    "@testing-library/user-event": "14.6.1",
     "@types/fetch-mock": "7.3.8",
-    "@types/iframe-resizer": "3.5.13",
+    "@types/iframe-resizer": "4.0.0",
     "@types/jest": "29.5.14",
     "@types/js-cookie": "3.0.6",
     "@types/lodash-es": "4.17.12",
     "@types/node-fetch": "2.6.12",
     "@types/query-string": "6.3.0",
-    "@types/react": "19.0.1",
+    "@types/react": "19.0.10",
     "@types/react-autosuggest": "10.1.11",
-    "@types/react-dom": "19.0.1",
+    "@types/react-dom": "19.0.4",
     "@types/react-modal": "3.16.3",
-    "@typescript-eslint/eslint-plugin": "8.17.0",
-    "@typescript-eslint/parser": "8.17.0",
+    "@typescript-eslint/eslint-plugin": "8.24.0",
+    "@typescript-eslint/parser": "8.24.0",
     "babel-jest": "29.7.0",
     "babel-loader": "9.2.1",
     "babel-plugin-react-intl": "8.2.25",
     "bootstrap": ">=4.6.0 <5",
     "classnames": "2.5.1",
     "cljs-merge": "1.1.1",
-    "core-js": "3.39.0",
+    "core-js": "3.40.0",
     "downshift": "9.0.8",
     "eslint": ">=8.57.0 <9",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-typescript": "18.0.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-import-resolver-webpack": "0.13.9",
-    "eslint-plugin-compat": "6.0.1",
-    "eslint-plugin-formatjs": "5.2.8",
+    "eslint-config-prettier": "10.0.1",
+    "eslint-import-resolver-webpack": "0.13.10",
+    "eslint-plugin-compat": "6.0.2",
+    "eslint-plugin-formatjs": "5.2.14",
     "eslint-plugin-import": "2.31.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
-    "eslint-plugin-prettier": "5.2.1",
-    "eslint-plugin-react": "7.37.2",
+    "eslint-plugin-prettier": "5.2.3",
+    "eslint-plugin-react": "7.37.4",
     "eslint-plugin-react-hooks": "5.1.0",
-    "eslint-plugin-storybook": "0.11.1",
+    "eslint-plugin-storybook": "0.11.3",
     "fetch-mock": "<10",
     "file-loader": "6.2.0",
-    "glob": "11.0.0",
+    "glob": "11.0.1",
     "i18n-iso-countries": "7.13.0",
     "iframe-resizer": "<5",
     "intl-pluralrules": "2.0.1",
@@ -114,35 +114,35 @@
     "js-cookie": "3.0.5",
     "lodash-es": "4.17.21",
     "mdn-polyfills": "5.20.0",
-    "msw": "2.6.8",
+    "msw": "2.7.0",
     "node-fetch": ">2.6.6 <3",
-    "nodemon": "3.1.7",
-    "prettier": "3.4.2",
+    "nodemon": "3.1.9",
+    "prettier": "3.5.1",
     "query-string": "9.1.1",
     "react": "19.0.0",
     "react-autosuggest": "10.1.0",
     "react-dom": "19.0.0",
-    "react-hook-form": "7.54.0",
-    "react-intl": "7.0.4",
-    "react-modal": "3.16.1",
-    "react-router": "7.0.2",
-    "sass": "1.82.0",
+    "react-hook-form": "7.54.2",
+    "react-intl": "7.1.6",
+    "react-modal": "3.16.3",
+    "react-router": "7.1.5",
+    "sass": "1.85.0",
     "source-map-loader": "5.0.0",
-    "storybook": "8.4.7",
+    "storybook": "8.5.6",
     "tsconfig-paths-webpack-plugin": "4.2.0",
-    "typescript": "5.7.2",
-    "uuid": "11.0.3",
-    "webpack": "5.97.1",
-    "webpack-cli": "5.1.4",
+    "typescript": "5.7.3",
+    "uuid": "11.0.5",
+    "webpack": "5.98.0",
+    "webpack-cli": "6.0.1",
     "whatwg-fetch": "3.6.20",
     "xhr-mock": "2.5.1",
     "yargs": "17.7.2",
-    "yup": "1.5.0"
+    "yup": "1.6.1"
   },
   "resolutions": {
     "@testing-library/dom": "10.4.0",
-    "@types/react": "19.0.1",
-    "@types/react-dom": "19.0.1",
+    "@types/react": "19.0.10",
+    "@types/react-dom": "19.0.4",
     "react": "19.0.0",
     "react-dom": "19.0.0"
   },
@@ -154,7 +154,7 @@
     "yarn": "1.22.22"
   },
   "devDependencies": {
-    "@storybook/addon-mdx-gfm": "8.4.7",
-    "@storybook/addon-webpack5-compiler-babel": "3.0.3"
+    "@storybook/addon-mdx-gfm": "8.5.6",
+    "@storybook/addon-webpack5-compiler-babel": "3.0.5"
   }
 }

package/scss/components/_styleguide.scss

@@ -5,7 +5,8 @@
 // Draw a background grid in pure CSS
 @mixin draw-grid($line-color: null, $border-color: null) {
   @if $line-color {
-    background: linear-gradient(-90deg, $line-color $onepixel, transparent $onepixel),
+    background:
+      linear-gradient(-90deg, $line-color $onepixel, transparent $onepixel),
       linear-gradient($line-color $onepixel, transparent $onepixel),
       linear-gradient(-90deg, $line-color $onepixel, transparent $onepixel),
       linear-gradient($line-color $onepixel, transparent $onepixel),