From ad4b8093eff0c31315280648ab6be4a497d67e90 Mon Sep 17 00:00:00 2001
From: Thorben Denzer <denzer@atix.de>
Date: Wed, 13 Mar 2024 10:51:35 +0100
Subject: [PATCH] Fixes #37245 - 25 tests failing with "TypeError: Cannot read
 property 'perPage' of undefined"

---
 webpack/testHelper.js | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/webpack/testHelper.js b/webpack/testHelper.js
index d3391abfa..9a90114ff 100644
--- a/webpack/testHelper.js
+++ b/webpack/testHelper.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Provider } from 'react-redux';
 import thunk from 'redux-thunk';
 import { applyMiddleware, createStore, compose, combineReducers } from 'redux';
@@ -42,20 +42,21 @@ export const withReactRouter = Component => props => {
 };
 
 export const withMockedProvider = Component => props => {
-  const ForemanContext = getForemanContext(ctx);
-  // eslint-disable-next-line react/prop-types
-  const { mocks, ...rest } = props;
-
-  const ctx = {
+  const [context, setContext] = useState({
     metadata: {
       UISettings: {
         perPage: 20,
       },
     },
-  };
+  });
+  const contextData = { context, setContext };
+  const ForemanContext = getForemanContext(contextData);
+
+  // eslint-disable-next-line react/prop-types
+  const { mocks, ...rest } = props;
 
   return (
-    <ForemanContext.Provider value={ctx}>
+    <ForemanContext.Provider value={contextData}>
       <MockedProvider mocks={mocks}>
         <Component {...rest} />
       </MockedProvider>