Dev See merge request turris/reforis/foris-js!210feature/ws-included v5.6.0
Aleksandr Gumroian
1 year ago
commit
efb3fa80ce
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,57 @@ |
||||
/* |
||||
* Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
|
||||
* |
||||
* This is free software, licensed under the GNU General Public License v3. |
||||
* See /LICENSE for more information. |
||||
*/ |
||||
|
||||
import React, { useContext, useEffect } from "react"; |
||||
import PropTypes from "prop-types"; |
||||
|
||||
import { useAPIGet } from "../../api/hooks"; |
||||
import { ForisURLs } from "../../utils/forisUrls"; |
||||
|
||||
import { Spinner } from "../../bootstrap/Spinner"; |
||||
|
||||
CustomizationContextProvider.propTypes = { |
||||
children: PropTypes.oneOfType([ |
||||
PropTypes.arrayOf(PropTypes.node), |
||||
PropTypes.node, |
||||
]), |
||||
}; |
||||
|
||||
function CustomizationContextProvider({ children }) { |
||||
const { CustomizationContext } = window; |
||||
const [getCustomizationResponse, getCustomization] = useAPIGet( |
||||
ForisURLs.about |
||||
); |
||||
|
||||
useEffect(() => { |
||||
getCustomization(); |
||||
}, [getCustomization]); |
||||
|
||||
if (getCustomizationResponse.state !== "success") { |
||||
return <Spinner fullScreen />; |
||||
} |
||||
|
||||
const deviceDetails = getCustomizationResponse.data || {}; |
||||
|
||||
const isCustomized = !!( |
||||
deviceDetails && |
||||
deviceDetails.customization !== undefined && |
||||
deviceDetails.customization === "shield" |
||||
); |
||||
|
||||
return ( |
||||
<CustomizationContext.Provider value={{ deviceDetails, isCustomized }}> |
||||
{children} |
||||
</CustomizationContext.Provider> |
||||
); |
||||
} |
||||
|
||||
function useCustomizationContext() { |
||||
const { CustomizationContext } = window; |
||||
return useContext(CustomizationContext); |
||||
} |
||||
|
||||
export { CustomizationContextProvider, useCustomizationContext }; |
||||
@ -0,0 +1,3 @@ |
||||
It provides customization context to the children. `CustomizationContext` allows |
||||
using `useCustomizationContext` in components to check if the reForis UI is |
||||
customized or not for specific devices. |
||||
@ -0,0 +1,53 @@ |
||||
/* |
||||
* Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
|
||||
* |
||||
* This is free software, licensed under the GNU General Public License v3. |
||||
* See /LICENSE for more information. |
||||
*/ |
||||
|
||||
import React from "react"; |
||||
|
||||
import { render, wait, getByText } from "customTestRender"; |
||||
import mockAxios from "jest-mock-axios"; |
||||
|
||||
import { |
||||
useCustomizationContext, |
||||
CustomizationContextProvider, |
||||
} from "../CustomizationContext"; |
||||
|
||||
const CUSTOM = "Description / component for customized reForis (Shield)"; |
||||
const ORIGINAL = "Description / component for original reForis (other devices)"; |
||||
|
||||
const CustomizationTest = () => { |
||||
const { isCustomized } = useCustomizationContext(); |
||||
|
||||
return <p>{isCustomized ? CUSTOM : ORIGINAL}</p>; |
||||
}; |
||||
|
||||
describe("CustomizationContext", () => { |
||||
let componentContainer; |
||||
beforeEach(() => { |
||||
const { container } = render( |
||||
<CustomizationContextProvider> |
||||
<CustomizationTest /> |
||||
</CustomizationContextProvider> |
||||
); |
||||
componentContainer = container; |
||||
}); |
||||
|
||||
it("should render component without customization", async () => { |
||||
mockAxios.mockResponse({ data: {} }); |
||||
|
||||
await wait(() => getByText(componentContainer, ORIGINAL)); |
||||
|
||||
expect(componentContainer).toMatchSnapshot(); |
||||
}); |
||||
|
||||
it("should render customized component", async () => { |
||||
mockAxios.mockResponse({ data: { customization: "shield" } }); |
||||
|
||||
await wait(() => getByText(componentContainer, CUSTOM)); |
||||
|
||||
expect(componentContainer).toMatchSnapshot(); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,17 @@ |
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`CustomizationContext should render component without customization 1`] = ` |
||||
<div> |
||||
<p> |
||||
Description / component for original reForis (other devices) |
||||
</p> |
||||
</div> |
||||
`; |
||||
|
||||
exports[`CustomizationContext should render customized component 1`] = ` |
||||
<div> |
||||
<p> |
||||
Description / component for customized reForis (Shield) |
||||
</p> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,34 @@ |
||||
/* |
||||
* Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
|
||||
* |
||||
* This is free software, licensed under the GNU General Public License v3. |
||||
* See /LICENSE for more information. |
||||
*/ |
||||
|
||||
import React from "react"; |
||||
|
||||
window.CustomizationContext = React.createContext(); |
||||
|
||||
const deviceDetails = { |
||||
kernel: "5.x.x", |
||||
model: "Turris Omnia", |
||||
os_branch: { |
||||
mode: "branch", |
||||
value: "hbs", |
||||
}, |
||||
os_version: "6.x.x", |
||||
reforis_version: "1.x.x", |
||||
serial: 123456789, |
||||
}; |
||||
|
||||
const isCustomized = false; |
||||
|
||||
function CustomizationContextMock({ children }) { |
||||
return ( |
||||
<CustomizationContext.Provider value={{ deviceDetails, isCustomized }}> |
||||
{children} |
||||
</CustomizationContext.Provider> |
||||
); |
||||
} |
||||
|
||||
export { CustomizationContextMock }; |
||||
Loading…
Reference in new issue