element-web/test/components/structures
kegsay e946674df3
Store refactor: use non-global stores in components (#9293)
* Add Stores and StoresContext and use it in MatrixChat and RoomView

Added a new kind of class:
- Add God object `Stores` which will hold refs to all known stores and the `MatrixClient`. This object is NOT a singleton.
- Add `StoresContext` to hold onto a ref of `Stores` for use inside components.

`StoresContext` is created via:
- Create `Stores` in `MatrixChat`, assigning the `MatrixClient` when we have one set. Currently sets the RVS to `RoomViewStore.instance`.
- Wrap `MatrixChat`s `render()` function in a `StoresContext.Provider` so it can be used anywhere.

`StoresContext` is currently only used in `RoomView` via the following changes:
- Remove the HOC, which redundantly set `mxClient` as a prop. We don't need this as `RoomView` was using the client from `this.context`.
- Change the type of context accepted from `MatrixClientContext` to `StoresContext`.
- Modify alllll the places where `this.context` is used to interact with the client and suffix `.client`.
- Modify places where we use `RoomViewStore.instance` and replace them with `this.context.roomViewStore`.

This makes `RoomView` use a non-global instance of RVS.

* Linting

* SDKContext and make client an optional constructor arg

* Move SDKContext to /src/contexts

* Inject all RVS deps

* Linting

* Remove reset calls; deep copy the INITIAL_STATE to avoid test pollution

* DI singletons used in RoomView; DI them in RoomView-test too

* Initial RoomViewStore.instance after all files are imported to avoid cyclical deps

* Lazily init stores to allow for circular dependencies

Rather than stores accepting a list of other stores in their constructors,
which doesn't work when A needs B and B needs A, make new-style stores simply
accept Stores. When a store needs another store, they access it via `Stores`
which then lazily constructs that store if it needs it. This breaks the
circular dependency at constructor time, without needing to introduce
wiring diagrams or any complex DI framework.

* Delete RoomViewStore.instance

Replaced with Stores.instance.roomViewStore

* Linting

* Move OverridableStores to test/TestStores

* Rejig how eager stores get made; don't automatically do it else tests break

* Linting

* Linting and review comments

* Fix new code to use Stores.instance

* s/Stores/SdkContextClass/g

* Update docs

* Remove unused imports

* Update src/stores/RoomViewStore.tsx

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>

* Remove empty c'tor to make sonar happy

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2022-10-19 13:07:03 +01:00
..
__snapshots__ New group call experience: Room header and PiP designs (#9351) 2022-10-07 02:27:28 +00:00
auth Fix crash on null idp for SSO buttons (#8650) 2022-05-20 10:08:57 +01:00
LargeLoader-test.tsx Start DM on first message (#8612) 2022-08-04 08:19:52 +02:00
LegacyCallEventGrouper-test.ts Prepare for Element Call integration (#9224) 2022-08-30 15:13:39 -04:00
MessagePanel-test.tsx Test typescriptification - MessagePanel (#8943) 2022-06-30 14:41:53 +02:00
RightPanel-test.tsx Update matrix-org/react (enzyme deprecation) (#9116) 2022-08-02 15:10:43 +02:00
RoomStatusBarUnsentMessages-test.tsx Extract RoomStatusBarUnsentMessages (#9080) 2022-07-20 14:41:43 +02:00
RoomView-test.tsx Store refactor: use non-global stores in components (#9293) 2022-10-19 13:07:03 +01:00
TabbedView-test.tsx use stable reference for active tab in tabbedView (#9145) 2022-08-08 14:28:02 +02:00
ThreadPanel-test.tsx Don't show feedback prompts when that UIFeature is disabled (#9305) 2022-09-22 15:08:14 +01:00
TimelinePanel-test.tsx Read receipts for threads (#9239) 2022-09-21 10:13:33 +01:00