import * as someModule from “../SomeModule”; test(“xxx”, ()=>{ const mockedModule = someModule as jest.Mocked < typeof someModule > ; mockedModule.someFunction = jest.fn(); … //reference the mocked function expect(mockedModule.someFunction.mock.calls.length).toBe(1); });
Some say you should use the jsx-global-plugin like “@global body{fontFamily:’someFont’}” , but it doesn’t work in my project. The global CSS still has the lower CSS speciality than MUI components’ CSS because this global CSS is using a type selector. You should use a theme instead //create a theme const myTheme = createMuiTheme({ typography: { …
Change the font family globally in Material-UI 3.x Read More »
You can get the type of the state from the root reducer // the reducer const appReducer = combineReducers({ global: globalStateReducer, example: exampleReducer }); type AppState = ReturnType<typeof appReducer> However the redux state can be cleared in some scenarios, so it should be undefinable //See https://stackoverflow.com/a/35641992/301447 for “undefined redux state” type RootState = AppState | …
You want the actions to be typed. You should use interface or class. Class is better than interface because in interfaces you cannot define the action "type" as a constant, but in classes you can: class LoadingStartedAction implements Action{ readonly type = LOADING_STARTED } However a class instance is not a plain object, but Redux …
The following will cause an infinite loop. The render() method will be called again and again. class ToDoItemEditComponentContainer extends React.Component { componentDidMount() { this.props.loadItem(); //load item remotely and put it in the local redux store } componentWillUnmount() { this.props.clearItemLocally(); //remove item from local redux store } render() { throw “some error” } } Here is …
It will just return “{}”, no matter if the Set is empty. This also means deep clone based on JSON won’t work. If JSON.stringify() matters to you, use Array instead of Set
Just use seperate Radios The problem with RadioGroup with nested elements under Radios is that it messes up with your layout. RadioGroup is a child of FormGroup, which does a lot of styling itself. If you use it, you will lose a lot of freedom of doing the layout by yourself
The user experience it should have When you go to a detail page from the list page or with a direct URL, the detail page should show the up-to-date data When you go to the list page with a direct URL, the list page should show the up-to-date data When you RETURN to the list …
My practice of fetching data for List/Detail components in React/Redux Read More »
It will go away, and then be initialised. If you have this question, it means you have no exact idea of the lifespan of client-side state in a browser. First of all, a document is created under current tab of the browser when a url is first requested from the server side. The client-side state’s …
What happens to the redux store if I refresh the browser? Read More »
It only aligh the “items” to the center axis. Text inside each item is not aligned in center Here is an example provided by w3schools . You can see “1” is not in the center of the pink box.