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

* 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
@@ -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>
`;