Merge pull request #1600 from skaut/frontend-eslint-v9

[frontend] Updated eslint to v9
skaut · Sep 2, 2024 · 59264c6 · 59264c6
2 parents 11614db + 4a2391c
commit 59264c6
Show file tree

Hide file tree

Showing 37 changed files with 3,833 additions and 2,645 deletions.
diff --git a/packages/frontend/.eslintrc.json b/packages/frontend/.eslintrc.json
diff --git a/packages/frontend/__tests__/App.test.tsx b/packages/frontend/__tests__/App.test.tsx
@@ -17,9 +17,9 @@ describe("App", () => {
     mocked(swr).default.mockReturnValue({
       data: testData,
       error: undefined,
-      mutate: jest.fn(),
-      isValidating: false,
       isLoading: false,
+      isValidating: false,
+      mutate: jest.fn(),
     });
     const { container } = render(
       <MemoryRouter>
@@ -33,9 +33,9 @@ describe("App", () => {
     mocked(swr).default.mockReturnValue({
       data: testData,
       error: undefined,
-      mutate: jest.fn(),
-      isValidating: false,
       isLoading: false,
+      isValidating: false,
+      mutate: jest.fn(),
     });
     const { container } = render(
       <MemoryRouter initialEntries={["/projekty"]}>
@@ -49,9 +49,9 @@ describe("App", () => {
     mocked(swr).default.mockReturnValue({
       data: testData,
       error: undefined,
-      mutate: jest.fn(),
-      isValidating: false,
       isLoading: false,
+      isValidating: false,
+      mutate: jest.fn(),
     });
     const { container } = render(
       <MemoryRouter initialEntries={["/skaut/skaut-google-drive-gallery"]}>
@@ -65,9 +65,9 @@ describe("App", () => {
     mocked(swr).default.mockReturnValue({
       data: testData,
       error: undefined,
-      mutate: jest.fn(),
-      isValidating: false,
       isLoading: false,
+      isValidating: false,
+      mutate: jest.fn(),
     });
     const { container } = render(
       <MemoryRouter initialEntries={["/skaut/skaut-google-drive-gallery/3"]}>
@@ -81,9 +81,9 @@ describe("App", () => {
     mocked(swr).default.mockReturnValue({
       data: undefined,
       error: true,
-      mutate: jest.fn(),
-      isValidating: false,
       isLoading: false,
+      isValidating: false,
+      mutate: jest.fn(),
     });
     const { container } = render(
       <MemoryRouter>

diff --git a/packages/frontend/__tests__/components/AppNavigation.test.tsx b/packages/frontend/__tests__/components/AppNavigation.test.tsx
@@ -0,0 +1,15 @@
+import { render } from "@testing-library/react";
+import { MemoryRouter } from "react-router-dom";
+
+import { AppNavigation } from "../../src/components/AppNavigation";
+
+describe("AppNavigation component", () => {
+  test("should render correctly", () => {
+    const { container } = render(
+      <MemoryRouter>
+        <AppNavigation />
+      </MemoryRouter>,
+    );
+    expect(container.firstChild).toMatchSnapshot();
+  });
+});
diff --git a/packages/frontend/__tests__/components/Navigation.test.tsx b/packages/frontend/__tests__/components/Navigation.test.tsx
@@ -10,12 +10,12 @@ describe("Navigation component", () => {
         <Navigation
           items={[
             {
-              title: "Poptávky",
               link: "/",
+              title: "Poptávky",
             },
             {
-              title: "Projekty",
               link: "/projekty",
+              title: "Projekty",
             },
           ]}
         />
@@ -29,13 +29,13 @@ describe("Navigation component", () => {
         <Navigation
           items={[
             {
-              title: "Poptávky",
               link: "/",
+              title: "Poptávky",
             },
             {
-              title: "Projekty",
-              link: "/projekty",
               isActive: true,
+              link: "/projekty",
+              title: "Projekty",
             },
           ]}
         />

diff --git a/packages/frontend/__tests__/components/__snapshots__/AppNavigation.test.tsx.snap b/packages/frontend/__tests__/components/__snapshots__/AppNavigation.test.tsx.snap
@@ -0,0 +1,49 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AppNavigation component should render correctly 1`] = `
+.emotion-0 {
+  list-style: none;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 24px;
+  padding: 0 16px;
+  border-bottom: 1px solid #294885;
+}
+
+.emotion-1 {
+  display: block;
+  padding: 0.2em 0.8em;
+  margin-bottom: -1px;
+  border: 1px solid transparent;
+  border-radius: 5px 5px 0 0;
+}
+
+.emotion-1.active {
+  border-top: 1px solid #294885;
+  border-right: 1px solid #294885;
+  border-left: 1px solid #294885;
+  background-color: #fff;
+}
+
+<nav>
+  <div
+    class="emotion-0"
+  >
+    <a
+      aria-current="page"
+      class="emotion-1 active"
+      href="/"
+    >
+      Poptávky
+    </a>
+    <a
+      class="emotion-1"
+      href="/projekty"
+    >
+      Projekty
+    </a>
+  </div>
+</nav>
+`;