Skip to content

Commit

Permalink
update tests
Browse files Browse the repository at this point in the history
  • Loading branch information
jecr committed Dec 12, 2023
1 parent 7317cca commit 399ff73
Show file tree
Hide file tree
Showing 27 changed files with 362 additions and 337 deletions.
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Destructive Button Component 1`] = `"<button class=\\"MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation MuiButtonBase-root css-isysuj-MuiButtonBase-root-MuiButton-root\\" tabindex=\\"0\\" type=\\"button\\" palette=\\"[object Object]\\">test</button>"`;
exports[`Destructive Button Component 1`] = `"<button class=\\"MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation MuiButtonBase-root css-1i6z5sh-MuiButtonBase-root-MuiButton-root\\" tabindex=\\"0\\" type=\\"button\\" palette=\\"[object Object]\\">test</button>"`;
exports[`Large Button Component 1`] = `"<button class=\\"MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-disableElevation MuiButtonBase-root css-c4376u-MuiButtonBase-root-MuiButton-root\\" tabindex=\\"0\\" type=\\"button\\" palette=\\"[object Object]\\">test</button>"`;
exports[`Large Button Component 1`] = `"<button class=\\"MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-disableElevation MuiButtonBase-root css-1iem8dm-MuiButtonBase-root-MuiButton-root\\" tabindex=\\"0\\" type=\\"button\\" palette=\\"[object Object]\\">test</button>"`;
exports[`Neutral Button Component 1`] = `"<button class=\\"MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation MuiButtonBase-root css-1ws459s-MuiButtonBase-root-MuiButton-root\\" tabindex=\\"0\\" type=\\"button\\" palette=\\"[object Object]\\">test</button>"`;
exports[`Neutral Button Component 1`] = `"<button class=\\"MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation MuiButtonBase-root css-a936ov-MuiButtonBase-root-MuiButton-root\\" tabindex=\\"0\\" type=\\"button\\" palette=\\"[object Object]\\">test</button>"`;
exports[`Primary Button Component 1`] = `"<button class=\\"MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation MuiButtonBase-root css-1dz42b0-MuiButtonBase-root-MuiButton-root\\" tabindex=\\"0\\" type=\\"button\\" palette=\\"[object Object]\\">test</button>"`;
exports[`Primary Button Component 1`] = `"<button class=\\"MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-disableElevation MuiButtonBase-root css-ekjam5-MuiButtonBase-root-MuiButton-root\\" tabindex=\\"0\\" type=\\"button\\" palette=\\"[object Object]\\">test</button>"`;
exports[`Small Button Component 1`] = `"<button class=\\"MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-disableElevation MuiButtonBase-root css-14bv4b3-MuiButtonBase-root-MuiButton-root\\" tabindex=\\"0\\" type=\\"button\\" palette=\\"[object Object]\\">test</button>"`;
exports[`Small Button Component 1`] = `"<button class=\\"MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-disableElevation MuiButtonBase-root css-1wxlbdb-MuiButtonBase-root-MuiButton-root\\" tabindex=\\"0\\" type=\\"button\\" palette=\\"[object Object]\\">test</button>"`;
36 changes: 31 additions & 5 deletions frontend/packages/core/src/tests/button.test.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import { render, unmountComponentAtNode } from "react-dom";
import "@testing-library/jest-dom";

import { Button } from "../button";
import { ThemeProvider } from "../Theme";

let container: HTMLElement;
beforeEach(() => {
Expand All @@ -19,31 +20,56 @@ afterEach(() => {
});

test("Primary Button Component", () => {
render(<Button text="test" />, container);
render(
<ThemeProvider>
<Button text="test" />
</ThemeProvider>,
container
);

expect(container.innerHTML).toMatchSnapshot();
});

test("Neutral Button Component", () => {
render(<Button variant="neutral" text="test" />, container);
render(
<ThemeProvider>
<Button variant="neutral" text="test" />
</ThemeProvider>,
container
);

expect(container.innerHTML).toMatchSnapshot();
});

test("Destructive Button Component", () => {
render(<Button variant="destructive" text="test" />, container);
render(
<ThemeProvider>
<Button variant="destructive" text="test" />
</ThemeProvider>,
container
);

expect(container.innerHTML).toMatchSnapshot();
});

test("Small Button Component", () => {
render(<Button size="small" text="test" />, container);
render(
<ThemeProvider>
<Button size="small" text="test" />
</ThemeProvider>,
container
);

expect(container.innerHTML).toMatchSnapshot();
});

test("Large Button Component", () => {
render(<Button size="large" text="test" />, container);
render(
<ThemeProvider>
<Button size="large" text="test" />
</ThemeProvider>,
container
);

expect(container.innerHTML).toMatchSnapshot();
});
11 changes: 7 additions & 4 deletions frontend/packages/core/src/tests/tab.test.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,13 +4,16 @@ import { render, screen } from "@testing-library/react";
import "@testing-library/jest-dom";

import { Tab, Tabs } from "../tab";
import { ThemeProvider } from "../Theme";

beforeEach(() => {
render(
<Tabs value={1}>
<Tab label="meow" />
<Tab label="mix" />
</Tabs>
<ThemeProvider>
<Tabs value={1}>
<Tab label="meow" />
<Tab label="mix" />
</Tabs>
</ThemeProvider>
);
});

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ exports[`renders correctly 1`] = `
class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
>
<div
class="css-7an8u1"
class="css-x0oqiv"
>
<div
class="MuiStepper-root MuiStepper-horizontal MuiStepper-alternativeLabel css-10mg1vw-MuiStepper-root"
Expand All @@ -28,7 +28,7 @@ exports[`renders correctly 1`] = `
class="MuiStepLabel-iconContainer MuiStepLabel-alternativeLabel css-vnkopk-MuiStepLabel-iconContainer"
>
<div
class="css-pu8aqe"
class="css-1t41j0i"
>
<div
class="css-h5bkmw"
Expand All @@ -38,10 +38,10 @@ exports[`renders correctly 1`] = `
</div>
</span>
<span
class="MuiStepLabel-labelContainer css-16ubnlw-MuiStepLabel-labelContainer"
class="MuiStepLabel-labelContainer css-17kxmxq-MuiStepLabel-labelContainer"
>
<span
class="MuiStepLabel-label Mui-active MuiStepLabel-alternativeLabel css-qivjh0-MuiStepLabel-label"
class="MuiStepLabel-label Mui-active MuiStepLabel-alternativeLabel css-15exmdl-MuiStepLabel-label"
>
Lookup
</span>
Expand All @@ -55,7 +55,7 @@ exports[`renders correctly 1`] = `
class="MuiStepConnector-root MuiStepConnector-horizontal MuiStepConnector-alternativeLabel Mui-disabled css-zpcwqm-MuiStepConnector-root"
>
<span
class="MuiStepConnector-line MuiStepConnector-lineHorizontal css-z7uhs0-MuiStepConnector-line"
class="MuiStepConnector-line MuiStepConnector-lineHorizontal css-w01xna-MuiStepConnector-line"
/>
</div>
<span
Expand All @@ -65,7 +65,7 @@ exports[`renders correctly 1`] = `
class="MuiStepLabel-iconContainer MuiStepLabel-alternativeLabel css-vnkopk-MuiStepLabel-iconContainer"
>
<div
class="css-1od1op4"
class="css-ih7ad3"
>
<div
class="css-1c0nvhn"
Expand All @@ -75,10 +75,10 @@ exports[`renders correctly 1`] = `
</div>
</span>
<span
class="MuiStepLabel-labelContainer css-16ubnlw-MuiStepLabel-labelContainer"
class="MuiStepLabel-labelContainer css-17kxmxq-MuiStepLabel-labelContainer"
>
<span
class="MuiStepLabel-label Mui-disabled MuiStepLabel-alternativeLabel css-qivjh0-MuiStepLabel-label"
class="MuiStepLabel-label Mui-disabled MuiStepLabel-alternativeLabel css-15exmdl-MuiStepLabel-label"
>
Verify
</span>
Expand All @@ -92,7 +92,7 @@ exports[`renders correctly 1`] = `
class="MuiStepConnector-root MuiStepConnector-horizontal MuiStepConnector-alternativeLabel Mui-disabled css-zpcwqm-MuiStepConnector-root"
>
<span
class="MuiStepConnector-line MuiStepConnector-lineHorizontal css-z7uhs0-MuiStepConnector-line"
class="MuiStepConnector-line MuiStepConnector-lineHorizontal css-w01xna-MuiStepConnector-line"
/>
</div>
<span
Expand All @@ -102,7 +102,7 @@ exports[`renders correctly 1`] = `
class="MuiStepLabel-iconContainer MuiStepLabel-alternativeLabel css-vnkopk-MuiStepLabel-iconContainer"
>
<div
class="css-1od1op4"
class="css-ih7ad3"
>
<div
class="css-1c0nvhn"
Expand All @@ -112,10 +112,10 @@ exports[`renders correctly 1`] = `
</div>
</span>
<span
class="MuiStepLabel-labelContainer css-16ubnlw-MuiStepLabel-labelContainer"
class="MuiStepLabel-labelContainer css-17kxmxq-MuiStepLabel-labelContainer"
>
<span
class="MuiStepLabel-label Mui-disabled MuiStepLabel-alternativeLabel css-qivjh0-MuiStepLabel-label"
class="MuiStepLabel-label Mui-disabled MuiStepLabel-alternativeLabel css-15exmdl-MuiStepLabel-label"
>
Result
</span>
Expand All @@ -125,13 +125,13 @@ exports[`renders correctly 1`] = `
</div>
</div>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 css-1w31snl-MuiPaper-root"
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 css-1uy7iyx-MuiPaper-root"
>
<div
class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column css-1ewlecp-MuiGrid-root"
>
<span
class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary css-jc2eav-MuiCircularProgress-root"
class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary css-vzjh3v-MuiCircularProgress-root"
role="progressbar"
style="width: 40px; height: 40px;"
>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ exports[`renders correctly 1`] = `
class="MuiGrid-root MuiGrid-item css-13i4rnv-MuiGrid-root"
>
<div
class="css-7an8u1"
class="css-x0oqiv"
>
<div
class="MuiStepper-root MuiStepper-horizontal MuiStepper-alternativeLabel css-10mg1vw-MuiStepper-root"
Expand All @@ -28,7 +28,7 @@ exports[`renders correctly 1`] = `
class="MuiStepLabel-iconContainer MuiStepLabel-alternativeLabel css-vnkopk-MuiStepLabel-iconContainer"
>
<div
class="css-pu8aqe"
class="css-1t41j0i"
>
<div
class="css-h5bkmw"
Expand All @@ -38,10 +38,10 @@ exports[`renders correctly 1`] = `
</div>
</span>
<span
class="MuiStepLabel-labelContainer css-16ubnlw-MuiStepLabel-labelContainer"
class="MuiStepLabel-labelContainer css-17kxmxq-MuiStepLabel-labelContainer"
>
<span
class="MuiStepLabel-label Mui-active MuiStepLabel-alternativeLabel css-qivjh0-MuiStepLabel-label"
class="MuiStepLabel-label Mui-active MuiStepLabel-alternativeLabel css-15exmdl-MuiStepLabel-label"
>
Lookup
</span>
Expand All @@ -55,7 +55,7 @@ exports[`renders correctly 1`] = `
class="MuiStepConnector-root MuiStepConnector-horizontal MuiStepConnector-alternativeLabel Mui-disabled css-zpcwqm-MuiStepConnector-root"
>
<span
class="MuiStepConnector-line MuiStepConnector-lineHorizontal css-z7uhs0-MuiStepConnector-line"
class="MuiStepConnector-line MuiStepConnector-lineHorizontal css-w01xna-MuiStepConnector-line"
/>
</div>
<span
Expand All @@ -65,7 +65,7 @@ exports[`renders correctly 1`] = `
class="MuiStepLabel-iconContainer MuiStepLabel-alternativeLabel css-vnkopk-MuiStepLabel-iconContainer"
>
<div
class="css-1od1op4"
class="css-ih7ad3"
>
<div
class="css-1c0nvhn"
Expand All @@ -75,10 +75,10 @@ exports[`renders correctly 1`] = `
</div>
</span>
<span
class="MuiStepLabel-labelContainer css-16ubnlw-MuiStepLabel-labelContainer"
class="MuiStepLabel-labelContainer css-17kxmxq-MuiStepLabel-labelContainer"
>
<span
class="MuiStepLabel-label Mui-disabled MuiStepLabel-alternativeLabel css-qivjh0-MuiStepLabel-label"
class="MuiStepLabel-label Mui-disabled MuiStepLabel-alternativeLabel css-15exmdl-MuiStepLabel-label"
>
Modify
</span>
Expand All @@ -92,7 +92,7 @@ exports[`renders correctly 1`] = `
class="MuiStepConnector-root MuiStepConnector-horizontal MuiStepConnector-alternativeLabel Mui-disabled css-zpcwqm-MuiStepConnector-root"
>
<span
class="MuiStepConnector-line MuiStepConnector-lineHorizontal css-z7uhs0-MuiStepConnector-line"
class="MuiStepConnector-line MuiStepConnector-lineHorizontal css-w01xna-MuiStepConnector-line"
/>
</div>
<span
Expand All @@ -102,7 +102,7 @@ exports[`renders correctly 1`] = `
class="MuiStepLabel-iconContainer MuiStepLabel-alternativeLabel css-vnkopk-MuiStepLabel-iconContainer"
>
<div
class="css-1od1op4"
class="css-ih7ad3"
>
<div
class="css-1c0nvhn"
Expand All @@ -112,10 +112,10 @@ exports[`renders correctly 1`] = `
</div>
</span>
<span
class="MuiStepLabel-labelContainer css-16ubnlw-MuiStepLabel-labelContainer"
class="MuiStepLabel-labelContainer css-17kxmxq-MuiStepLabel-labelContainer"
>
<span
class="MuiStepLabel-label Mui-disabled MuiStepLabel-alternativeLabel css-qivjh0-MuiStepLabel-label"
class="MuiStepLabel-label Mui-disabled MuiStepLabel-alternativeLabel css-15exmdl-MuiStepLabel-label"
>
Result
</span>
Expand All @@ -125,13 +125,13 @@ exports[`renders correctly 1`] = `
</div>
</div>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 css-1w31snl-MuiPaper-root"
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 css-1uy7iyx-MuiPaper-root"
>
<div
class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column css-1ewlecp-MuiGrid-root"
>
<span
class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary css-jc2eav-MuiCircularProgress-root"
class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary css-vzjh3v-MuiCircularProgress-root"
role="progressbar"
style="width: 40px; height: 40px;"
>
Expand Down
Loading

0 comments on commit 399ff73

Please sign in to comment.