Absorb the matrix-react-sdk repository (#28192)
Co-authored-by: github-merge-queue <118344674+github-merge-queue@users.noreply.github.com> Co-authored-by: github-merge-queue <github-merge-queue@users.noreply.github.com> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Florian Duros <florian.duros@ormaz.fr> Co-authored-by: Kim Brose <kim.brose@nordeck.net> Co-authored-by: Florian Duros <florianduros@element.io> Co-authored-by: R Midhun Suresh <hi@midhun.dev> Co-authored-by: dbkr <986903+dbkr@users.noreply.github.com> Co-authored-by: ElementRobot <releases@riot.im> Co-authored-by: dbkr <dbkr@users.noreply.github.com> Co-authored-by: David Baker <dbkr@users.noreply.github.com> Co-authored-by: Michael Telatynski <7t3chguy@gmail.com> Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com> Co-authored-by: David Langley <davidl@element.io> Co-authored-by: Michael Weimann <michaelw@matrix.org> Co-authored-by: Timshel <Timshel@users.noreply.github.com> Co-authored-by: Sahil Silare <32628578+sahil9001@users.noreply.github.com> Co-authored-by: Will Hunt <will@half-shot.uk> Co-authored-by: Hubert Chathi <hubert@uhoreg.ca> Co-authored-by: Andrew Ferrazzutti <andrewf@element.io> Co-authored-by: Robin <robin@robin.town> Co-authored-by: Tulir Asokan <tulir@maunium.net>
This commit is contained in:
committed by
GitHub
parent
2b99496025
commit
c05c429803
40
test/unit-tests/components/views/typography/Caption-test.tsx
Normal file
40
test/unit-tests/components/views/typography/Caption-test.tsx
Normal file
@@ -0,0 +1,40 @@
|
||||
/*
|
||||
Copyright 2024 New Vector Ltd.
|
||||
Copyright 2022 The Matrix.org Foundation C.I.C.
|
||||
|
||||
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
||||
Please see LICENSE files in the repository root for full details.
|
||||
*/
|
||||
|
||||
import React from "react";
|
||||
import { render } from "jest-matrix-react";
|
||||
|
||||
import { Caption } from "../../../../../src/components/views/typography/Caption";
|
||||
|
||||
describe("<Caption />", () => {
|
||||
const defaultProps = {
|
||||
"children": "test",
|
||||
"data-testid": "test test id",
|
||||
};
|
||||
const getComponent = (props = {}) => <Caption {...defaultProps} {...props} />;
|
||||
|
||||
it("renders plain text children", () => {
|
||||
const { container } = render(getComponent());
|
||||
expect({ container }).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it("renders an error message", () => {
|
||||
const { container } = render(getComponent({ isError: true }));
|
||||
expect({ container }).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it("renders react children", () => {
|
||||
const children = (
|
||||
<>
|
||||
Test <b>test but bold</b>
|
||||
</>
|
||||
);
|
||||
const { container } = render(getComponent({ children }));
|
||||
expect({ container }).toMatchSnapshot();
|
||||
});
|
||||
});
|
||||
41
test/unit-tests/components/views/typography/Heading-test.tsx
Normal file
41
test/unit-tests/components/views/typography/Heading-test.tsx
Normal file
@@ -0,0 +1,41 @@
|
||||
/*
|
||||
Copyright 2024 New Vector Ltd.
|
||||
Copyright 2022 The Matrix.org Foundation C.I.C.
|
||||
|
||||
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
||||
Please see LICENSE files in the repository root for full details.
|
||||
*/
|
||||
|
||||
import { render } from "jest-matrix-react";
|
||||
import React from "react";
|
||||
|
||||
import Heading from "../../../../../src/components/views/typography/Heading";
|
||||
describe("<Heading />", () => {
|
||||
const defaultProps = {
|
||||
"size": "1",
|
||||
"children": <div>test</div>,
|
||||
"data-testid": "test",
|
||||
"className": "test",
|
||||
} as any;
|
||||
const getComponent = (props = {}) => {
|
||||
return render(<Heading {...defaultProps} {...props} />);
|
||||
};
|
||||
|
||||
it("renders h1 with correct attributes", () => {
|
||||
expect(getComponent({ size: "1" }).asFragment()).toMatchSnapshot();
|
||||
});
|
||||
it("renders h2 with correct attributes", () => {
|
||||
expect(getComponent({ size: "2" }).asFragment()).toMatchSnapshot();
|
||||
});
|
||||
it("renders h3 with correct attributes", () => {
|
||||
expect(getComponent({ size: "3" }).asFragment()).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it("renders h4 with correct attributes", () => {
|
||||
expect(getComponent({ size: "4" }).asFragment()).toMatchSnapshot();
|
||||
});
|
||||
|
||||
it("can have different appearance to its heading level", () => {
|
||||
expect(getComponent({ size: "4", as: "h1" }).asFragment()).toMatchSnapshot();
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,43 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`<Caption /> renders an error message 1`] = `
|
||||
{
|
||||
"container": <div>
|
||||
<span
|
||||
class="mx_Caption mx_Caption_error"
|
||||
data-testid="test test id"
|
||||
>
|
||||
test
|
||||
</span>
|
||||
</div>,
|
||||
}
|
||||
`;
|
||||
|
||||
exports[`<Caption /> renders plain text children 1`] = `
|
||||
{
|
||||
"container": <div>
|
||||
<span
|
||||
class="mx_Caption"
|
||||
data-testid="test test id"
|
||||
>
|
||||
test
|
||||
</span>
|
||||
</div>,
|
||||
}
|
||||
`;
|
||||
|
||||
exports[`<Caption /> renders react children 1`] = `
|
||||
{
|
||||
"container": <div>
|
||||
<span
|
||||
class="mx_Caption"
|
||||
data-testid="test test id"
|
||||
>
|
||||
Test
|
||||
<b>
|
||||
test but bold
|
||||
</b>
|
||||
</span>
|
||||
</div>,
|
||||
}
|
||||
`;
|
||||
@@ -0,0 +1,66 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`<Heading /> can have different appearance to its heading level 1`] = `
|
||||
<DocumentFragment>
|
||||
<h1
|
||||
class="mx_Heading_h4 test"
|
||||
data-testid="test"
|
||||
>
|
||||
<div>
|
||||
test
|
||||
</div>
|
||||
</h1>
|
||||
</DocumentFragment>
|
||||
`;
|
||||
|
||||
exports[`<Heading /> renders h1 with correct attributes 1`] = `
|
||||
<DocumentFragment>
|
||||
<h1
|
||||
class="mx_Heading_h1 test"
|
||||
data-testid="test"
|
||||
>
|
||||
<div>
|
||||
test
|
||||
</div>
|
||||
</h1>
|
||||
</DocumentFragment>
|
||||
`;
|
||||
|
||||
exports[`<Heading /> renders h2 with correct attributes 1`] = `
|
||||
<DocumentFragment>
|
||||
<h2
|
||||
class="mx_Heading_h2 test"
|
||||
data-testid="test"
|
||||
>
|
||||
<div>
|
||||
test
|
||||
</div>
|
||||
</h2>
|
||||
</DocumentFragment>
|
||||
`;
|
||||
|
||||
exports[`<Heading /> renders h3 with correct attributes 1`] = `
|
||||
<DocumentFragment>
|
||||
<h3
|
||||
class="mx_Heading_h3 test"
|
||||
data-testid="test"
|
||||
>
|
||||
<div>
|
||||
test
|
||||
</div>
|
||||
</h3>
|
||||
</DocumentFragment>
|
||||
`;
|
||||
|
||||
exports[`<Heading /> renders h4 with correct attributes 1`] = `
|
||||
<DocumentFragment>
|
||||
<h4
|
||||
class="mx_Heading_h4 test"
|
||||
data-testid="test"
|
||||
>
|
||||
<div>
|
||||
test
|
||||
</div>
|
||||
</h4>
|
||||
</DocumentFragment>
|
||||
`;
|
||||
Reference in New Issue
Block a user