From b3db326171cf2332a9da557da76867dd80e66e30 Mon Sep 17 00:00:00 2001 From: Sian Loong Date: Sun, 23 Jan 2022 09:07:03 +0800 Subject: [PATCH] fix: code format in `__test__` --- components/docker/__test__/Docker.spec.ts | 2 +- components/dropdown/__test__/Dropdown.spec.ts | 25 +++++++++++-------- components/ellipsis/__test__/Ellipsis.spec.ts | 16 ++++++------ .../fab/__test__/FloatingActionButton.spec.ts | 6 ++--- components/hscroll/__test__/HScroll.spec.ts | 16 +++++++----- 5 files changed, 36 insertions(+), 29 deletions(-) diff --git a/components/docker/__test__/Docker.spec.ts b/components/docker/__test__/Docker.spec.ts index b56571a4..0b05424f 100644 --- a/components/docker/__test__/Docker.spec.ts +++ b/components/docker/__test__/Docker.spec.ts @@ -54,5 +54,5 @@ describe("Docker", () => { await fireEvent.click(container.querySelector(".resp-docker__overlay") as Element); //test if closed expect(docker.classList).toContain("resp-docker--close"); - }) + }); }); diff --git a/components/dropdown/__test__/Dropdown.spec.ts b/components/dropdown/__test__/Dropdown.spec.ts index 854a9b27..70b67069 100644 --- a/components/dropdown/__test__/Dropdown.spec.ts +++ b/components/dropdown/__test__/Dropdown.spec.ts @@ -1,4 +1,4 @@ -import {render, fireEvent} from "@testing-library/svelte"; +import { render, fireEvent } from "@testing-library/svelte"; import Dropdown from "../src/Dropdown.svelte"; import SlotTest from "../../../test/slot/SlotTest.svelte"; @@ -54,12 +54,14 @@ describe("Dropdown", () => { describe("click dropdown", () => { it("should render with click", () => { - const result = render(Dropdown, {propsClick}); + const result = render(Dropdown, { propsClick }); expect(() => result).not.toThrow(); }); it("slot test", () => { - const result = render(SlotTest, {props: {component: Dropdown, props: propsClick}}); + const result = render(SlotTest, { + props: { component: Dropdown, props: propsClick } + }); expect(() => result).not.toThrow(); }); @@ -71,32 +73,33 @@ describe("Dropdown", () => { // it("should perform correct action", () => { // }); - }); describe("hover dropdown", () => { it("should render with hover", () => { - const result = render(Dropdown, {propsHover}); + const result = render(Dropdown, { propsHover }); expect(() => result).not.toThrow(); }); it("slot test", () => { - const result = render(SlotTest, {props: {component: Dropdown, props: propsHover}}); + const result = render(SlotTest, { + props: { component: Dropdown, props: propsHover } + }); expect(() => result).not.toThrow(); }); - }); describe("hover context", () => { it("should render with context", () => { - const result = render(Dropdown, {propsContext}); + const result = render(Dropdown, { propsContext }); expect(() => result).not.toThrow(); }); it("slot test", () => { - const result = render(SlotTest, {props: {component: Dropdown, props: propsContext}}); + const result = render(SlotTest, { + props: { component: Dropdown, props: propsContext } + }); expect(() => result).not.toThrow(); }); - }); -}) \ No newline at end of file +}); diff --git a/components/ellipsis/__test__/Ellipsis.spec.ts b/components/ellipsis/__test__/Ellipsis.spec.ts index 39ef8ea3..94a85187 100644 --- a/components/ellipsis/__test__/Ellipsis.spec.ts +++ b/components/ellipsis/__test__/Ellipsis.spec.ts @@ -1,6 +1,6 @@ -import {render, fireEvent} from '@testing-library/svelte'; -import Ellipsis from '../src/Ellipsis.svelte'; -import SlotTest from '../../../test/slot/SlotTest.svelte'; +import { render, fireEvent } from "@testing-library/svelte"; +import Ellipsis from "../src/Ellipsis.svelte"; +import SlotTest from "../../../test/slot/SlotTest.svelte"; describe("Ellipsis", () => { const props = { @@ -11,22 +11,22 @@ describe("Ellipsis", () => { }; it("should render", () => { - const result = render(Ellipsis, {props}); + const result = render(Ellipsis, { props }); expect(() => result).not.toThrow(); }); it("should render slots", () => { - const result = render(SlotTest, {props: {component: Ellipsis, props}}); + const result = render(SlotTest, { props: { component: Ellipsis, props } }); expect(() => result).not.toThrow(); }); it("click event", async () => { - const {component, container} = render(Ellipsis, {props}); + const { component, container } = render(Ellipsis, { props }); const fn = jest.fn(); - component.$on('click', fn); + component.$on("click", fn); await fireEvent.click(container.querySelector("#id") as HTMLElement); expect(fn).toHaveBeenCalled(); }); -}); \ No newline at end of file +}); diff --git a/components/fab/__test__/FloatingActionButton.spec.ts b/components/fab/__test__/FloatingActionButton.spec.ts index d9e45976..895db697 100644 --- a/components/fab/__test__/FloatingActionButton.spec.ts +++ b/components/fab/__test__/FloatingActionButton.spec.ts @@ -16,7 +16,7 @@ describe("FAB", () => { }); it("props test", () => { - const {container} = render(FloatingActionButton, { props }); + const { container } = render(FloatingActionButton, { props }); const fab = container.querySelector("." + props.class) as HTMLElement; expect(fab.id).toEqual(props.id); //test id @@ -26,11 +26,11 @@ describe("FAB", () => { }); it("test click event", async () => { - const {container, component} = render(FloatingActionButton, { props }); + const { container, component } = render(FloatingActionButton, { props }); const fab = container.querySelector("." + props.class) as HTMLElement; const mock = jest.fn(); //test function - component.$on('click', mock); //set function onclick + component.$on("click", mock); //set function onclick //click await fireEvent.click(fab); diff --git a/components/hscroll/__test__/HScroll.spec.ts b/components/hscroll/__test__/HScroll.spec.ts index 6d254d5b..679f27b0 100644 --- a/components/hscroll/__test__/HScroll.spec.ts +++ b/components/hscroll/__test__/HScroll.spec.ts @@ -1,4 +1,4 @@ -import {render, fireEvent} from '@testing-library/svelte'; +import { render, fireEvent } from "@testing-library/svelte"; import HScroll from "../src/HScroll.svelte"; import SlotTest from "../../../test/slot/SlotTest.svelte"; @@ -23,7 +23,7 @@ describe("Horizontal Scroll", () => { }); it("should have correct props", () => { - const {container} = render(HScroll, { props }); + const { container } = render(HScroll, { props }); const hScroll = container.querySelector("." + props.class) as HTMLElement; expect(hScroll.id).toEqual(props.id); //id test @@ -32,12 +32,16 @@ describe("Horizontal Scroll", () => { }); it("click test", async () => { - const {container} = render(HScroll, { props }); + const { container } = render(HScroll, { props }); const hScroll = container.querySelector(".resp-scroll") as HTMLElement; //buttons - const prev = hScroll.querySelector(".resp-scroll__prev-icon > .resp-scroll__icon") as HTMLElement; - const next = hScroll.querySelector(".resp-scroll__next-icon > .resp-scroll__icon") as HTMLElement; + const prev = hScroll.querySelector( + ".resp-scroll__prev-icon > .resp-scroll__icon" + ) as HTMLElement; + const next = hScroll.querySelector( + ".resp-scroll__next-icon > .resp-scroll__icon" + ) as HTMLElement; //mock fns const mockPrev = jest.fn(() => { @@ -58,4 +62,4 @@ describe("Horizontal Scroll", () => { await fireEvent.click(next); expect(mockNext).toHaveBeenCalled(); }); -}); \ No newline at end of file +});