Apply prettier formatting
This commit is contained in:
@@ -14,42 +14,45 @@ See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import { render } from '@testing-library/react';
|
||||
import React from "react";
|
||||
import { render } from "@testing-library/react";
|
||||
|
||||
import SettingsSubsection from '../../../../../src/components/views/settings/shared/SettingsSubsection';
|
||||
import SettingsSubsection from "../../../../../src/components/views/settings/shared/SettingsSubsection";
|
||||
|
||||
describe('<SettingsSubsection />', () => {
|
||||
describe("<SettingsSubsection />", () => {
|
||||
const defaultProps = {
|
||||
heading: 'Test',
|
||||
heading: "Test",
|
||||
children: <div>test settings content</div>,
|
||||
};
|
||||
const getComponent = (props = {}): React.ReactElement =>
|
||||
(<SettingsSubsection {...defaultProps} {...props} />);
|
||||
const getComponent = (props = {}): React.ReactElement => <SettingsSubsection {...defaultProps} {...props} />;
|
||||
|
||||
it('renders with plain text heading', () => {
|
||||
it("renders with plain text heading", () => {
|
||||
const { container } = render(getComponent());
|
||||
expect(container).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders with react element heading', () => {
|
||||
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', () => {
|
||||
it("renders without description", () => {
|
||||
const { container } = render(getComponent());
|
||||
expect(container).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders with plain text description', () => {
|
||||
const { container } = render(getComponent({ description: 'This describes the subsection' }));
|
||||
it("renders with plain text description", () => {
|
||||
const { container } = render(getComponent({ description: "This describes the subsection" }));
|
||||
expect(container).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders with react element description', () => {
|
||||
const description = <p>This describes the section <a href='/#'>link</a></p>;
|
||||
it("renders with react element description", () => {
|
||||
const description = (
|
||||
<p>
|
||||
This describes the section <a href="/#">link</a>
|
||||
</p>
|
||||
);
|
||||
const { container } = render(getComponent({ description }));
|
||||
expect(container).toMatchSnapshot();
|
||||
});
|
||||
|
||||
@@ -14,27 +14,24 @@ See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import { render } from '@testing-library/react';
|
||||
import React from 'react';
|
||||
import { render } from "@testing-library/react";
|
||||
import React from "react";
|
||||
|
||||
import {
|
||||
SettingsSubsectionHeading,
|
||||
} from '../../../../../src/components/views/settings/shared/SettingsSubsectionHeading';
|
||||
import { SettingsSubsectionHeading } from "../../../../../src/components/views/settings/shared/SettingsSubsectionHeading";
|
||||
|
||||
describe('<SettingsSubsectionHeading />', () => {
|
||||
describe("<SettingsSubsectionHeading />", () => {
|
||||
const defaultProps = {
|
||||
heading: 'test',
|
||||
heading: "test",
|
||||
};
|
||||
const getComponent = (props = {}) =>
|
||||
render(<SettingsSubsectionHeading {...defaultProps} {...props} />);
|
||||
const getComponent = (props = {}) => render(<SettingsSubsectionHeading {...defaultProps} {...props} />);
|
||||
|
||||
it('renders without children', () => {
|
||||
it("renders without children", () => {
|
||||
const { container } = getComponent();
|
||||
expect({ container }).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it('renders with children', () => {
|
||||
const children = <a href='/#'>test</a>;
|
||||
it("renders with children", () => {
|
||||
const children = <a href="/#">test</a>;
|
||||
const { container } = getComponent({ children });
|
||||
expect({ container }).toMatchSnapshot();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user