matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-07 21:23:00 +03:00
Code Activity

Device manager - add settings subsection heading component (#9387)

Browse Source 
* add settings subsection heading component

* use named export

* newline
This commit is contained in:
Kerry
2022-10-11 20:12:02 +02:00
committed by GitHub
parent 51d5005efa
commit 03182d03be
10 changed files with 211 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
test/components/views/settings/shared/SettingsSubsection-test.tsx
View File

@@ -27,6 +27,17 @@ describe('<SettingsSubsection />', () => {
const getComponent = (props = {}): React.ReactElement =>
(<SettingsSubsection {...defaultProps} {...props} />);
it('renders with plain text heading', () => {
const { container } = render(getComponent());
expect(container).toMatchSnapshot();
});
it('renders with react element heading', () => {
const heading = <h3>This is the heading</h3>;
const { container } = render(getComponent({ heading }));
expect(container).toMatchSnapshot();
});
it('renders without description', () => {
const { container } = render(getComponent());
expect(container).toMatchSnapshot();

82
test/components/views/settings/shared/__snapshots__/SettingsSubsection-test.tsx.snap
View File

@@ -5,11 +5,15 @@ exports[`<SettingsSubsection /> renders with plain text description 1`] = `
<div
class="mx_SettingsSubsection"
>
<h3
class="mx_Heading_h3 mx_SettingsSubsection_heading"
<div
class="mx_SettingsSubsectionHeading"
>
Test
</h3>
<h3
class="mx_Heading_h3 mx_SettingsSubsectionHeading_heading"
>
Test
</h3>
</div>
<div
class="mx_SettingsSubsection_description"
>
@@ -26,16 +30,45 @@ exports[`<SettingsSubsection /> renders with plain text description 1`] = `
</div>
`;
exports[`<SettingsSubsection /> renders with plain text heading 1`] = `
<div>
<div
class="mx_SettingsSubsection"
>
<div
class="mx_SettingsSubsectionHeading"
>
<h3
class="mx_Heading_h3 mx_SettingsSubsectionHeading_heading"
>
Test
</h3>
</div>
<div
class="mx_SettingsSubsection_content"
>
<div>
test settings content
</div>
</div>
</div>
</div>
`;
exports[`<SettingsSubsection /> renders with react element description 1`] = `
<div>
<div
class="mx_SettingsSubsection"
>
<h3
class="mx_Heading_h3 mx_SettingsSubsection_heading"
<div
class="mx_SettingsSubsectionHeading"
>
Test
</h3>
<h3
class="mx_Heading_h3 mx_SettingsSubsectionHeading_heading"
>
Test
</h3>
</div>
<div
class="mx_SettingsSubsection_description"
>
@@ -59,15 +92,13 @@ exports[`<SettingsSubsection /> renders with react element description 1`] = `
</div>
`;
exports[`<SettingsSubsection /> renders without description 1`] = `
exports[`<SettingsSubsection /> renders with react element heading 1`] = `
<div>
<div
class="mx_SettingsSubsection"
>
<h3
class="mx_Heading_h3 mx_SettingsSubsection_heading"
>
Test
<h3>
This is the heading
</h3>
<div
class="mx_SettingsSubsection_content"
@@ -79,3 +110,28 @@ exports[`<SettingsSubsection /> renders without description 1`] = `
</div>
</div>
`;
exports[`<SettingsSubsection /> renders without description 1`] = `
<div>
<div
class="mx_SettingsSubsection"
>
<div
class="mx_SettingsSubsectionHeading"
>
<h3
class="mx_Heading_h3 mx_SettingsSubsectionHeading_heading"
>
Test
</h3>
</div>
<div
class="mx_SettingsSubsection_content"
>
<div>
test settings content
</div>
</div>
</div>
</div>
`;