Create stories for layout testing (#2722)

* Inject services with useContext

* Extract service for video settings

* Create mock factories for services

* Create test data for chat history

* Add story to visualize different layouts

* Fix renaming mistake

* Add landscape and portrait viewports

* Add landscape stories

---------

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
This commit is contained in:
Michael David Kuckuk
2023-02-27 01:54:28 +01:00
committed by GitHub
parent f0f9c2ced1
commit b38df2fbe3
14 changed files with 428 additions and 25 deletions

View File

@@ -1,7 +1,12 @@
import { createContext } from 'react';
import { ServerStatus } from '../interfaces/server-status.model';
const ENDPOINT = `/api/status`;
export interface ServerStatusStaticService {
getStatus(): Promise<ServerStatus>;
}
class ServerStatusService {
public static async getStatus(): Promise<ServerStatus> {
const response = await fetch(ENDPOINT);
@@ -10,4 +15,5 @@ class ServerStatusService {
}
}
export default ServerStatusService;
export const ServerStatusServiceContext =
createContext<ServerStatusStaticService>(ServerStatusService);