From 0b369467d2b059251f7e2a26ff3ab4356a52bd2e Mon Sep 17 00:00:00 2001 From: Gilgard <Hjelljord.alida@gmail.com> Date: Fri, 29 Apr 2022 16:55:46 +0200 Subject: [PATCH] snapshot of child compnents is not helpful --- .../__snapshots__/color-button.spec.js.snap | 9 --- .../community-header.spec.js.snap | 62 ---------------- .../custom-footer-modal.spec.js.snap | 73 ------------------- .../__snapshots__/icon-button.spec.js.snap | 43 ----------- .../__snapshots__/nav-bar.spec.js.snap | 42 ----------- .../notification-modal.spec.js.snap | 60 --------------- .../base-component-tests/color-button.spec.js | 6 +- .../community-header.spec.js | 4 - .../custom-footer-modal.spec.js | 4 - .../base-component-tests/icon-button.spec.js | 4 - .../base-component-tests/nav-bar.spec.js | 4 - .../notification-modal.spec.js | 6 +- 12 files changed, 2 insertions(+), 315 deletions(-) delete mode 100644 tests/unit/component-tests/base-component-tests/__snapshots__/color-button.spec.js.snap delete mode 100644 tests/unit/component-tests/base-component-tests/__snapshots__/community-header.spec.js.snap delete mode 100644 tests/unit/component-tests/base-component-tests/__snapshots__/custom-footer-modal.spec.js.snap delete mode 100644 tests/unit/component-tests/base-component-tests/__snapshots__/icon-button.spec.js.snap delete mode 100644 tests/unit/component-tests/base-component-tests/__snapshots__/nav-bar.spec.js.snap delete mode 100644 tests/unit/component-tests/base-component-tests/__snapshots__/notification-modal.spec.js.snap diff --git a/tests/unit/component-tests/base-component-tests/__snapshots__/color-button.spec.js.snap b/tests/unit/component-tests/base-component-tests/__snapshots__/color-button.spec.js.snap deleted file mode 100644 index 4a8d637..0000000 --- a/tests/unit/component-tests/base-component-tests/__snapshots__/color-button.spec.js.snap +++ /dev/null @@ -1,9 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`ColoredButtonComponent renders correctly 1`] = ` -<button - class="block text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800" -> - hei -</button> -`; diff --git a/tests/unit/component-tests/base-component-tests/__snapshots__/community-header.spec.js.snap b/tests/unit/component-tests/base-component-tests/__snapshots__/community-header.spec.js.snap deleted file mode 100644 index 7384710..0000000 --- a/tests/unit/component-tests/base-component-tests/__snapshots__/community-header.spec.js.snap +++ /dev/null @@ -1,62 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`CommunityHeader component renders correctly 1`] = ` -<div - class="flex items-center justify-between mx-4" -> - <div - class="flex-1 min-w-0" - > - <h2 - class="text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:truncate" - > - String - </h2> - <div - class="mt-1 flex flex-col sm:flex-row sm:flex-wrap sm:mt-0 sm:space-x-6" - > - <div - class="mt-2 flex items-center text-sm text-gray-500" - > - <svg - aria-hidden="true" - class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" - fill="currentColor" - viewBox="0 0 20 20" - xmlns="http://www.w3.org/2000/svg" - > - <path - clip-rule="evenodd" - d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" - fill-rule="evenodd" - /> - </svg> - String - </div> - </div> - </div> - <div> - <span - class="hidden sm:block" - > - <!-- Legg dette til i button: v-if="adminStatus" --> - <svg - class="w-9 h-9 cursor-pointer" - fill="none" - stroke="currentColor" - viewBox="0 0 24 24" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M4 6h16M4 12h16M4 18h16" - stroke-linecap="round" - stroke-linejoin="round" - stroke-width="2" - /> - </svg> - <!--v-if--> - <!-- class="absolute" --> - </span> - </div> -</div> -`; diff --git a/tests/unit/component-tests/base-component-tests/__snapshots__/custom-footer-modal.spec.js.snap b/tests/unit/component-tests/base-component-tests/__snapshots__/custom-footer-modal.spec.js.snap deleted file mode 100644 index f178175..0000000 --- a/tests/unit/component-tests/base-component-tests/__snapshots__/custom-footer-modal.spec.js.snap +++ /dev/null @@ -1,73 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`IconButtonComponent renders correctly 1`] = ` -<div - data-v-app="" -> - - <!-- Main modal --> - <div - class="fixed grid place-items-center bg-gray-600 bg-opacity-50 top-0 left-0 right-0 z-50 w-full overflow-x-hidden overflow-y-auto md:inset-0 h-modal md:h-full" - > - <div - class="relative w-full h-full max-w-2xl p-4 md:h-auto" - > - <!-- Modal content --> - <div - class="relative bg-white rounded-lg shadow dark:bg-gray-700" - > - <!-- Modal header --> - <div - class="flex items-start justify-between p-4 border-b rounded-t dark:border-gray-600" - > - <h3 - class="text-xl font-semibold text-gray-900 dark:text-white" - > - String - </h3> - <button - class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white" - > - <svg - class="w-5 h-5" - fill="currentColor" - viewBox="0 0 20 20" - xmlns="http://www.w3.org/2000/svg" - > - <path - clip-rule="evenodd" - d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" - fill-rule="evenodd" - /> - </svg> - </button> - </div> - <!-- Modal body --> - <div - class="p-6 space-y-6" - > - <p - class="text-base leading-relaxed text-gray-500 dark:text-gray-400" - > - String - </p> - </div> - <!-- Modal footer --> - <div - class="rounded-b border-t border-gray-200 dark:border-gray-600" - > - <!-- Slot: Add any html you want here --> - - <div - class="fake-msg" - > - String - </div> - - </div> - </div> - </div> - </div> - -</div> -`; diff --git a/tests/unit/component-tests/base-component-tests/__snapshots__/icon-button.spec.js.snap b/tests/unit/component-tests/base-component-tests/__snapshots__/icon-button.spec.js.snap deleted file mode 100644 index 62007d4..0000000 --- a/tests/unit/component-tests/base-component-tests/__snapshots__/icon-button.spec.js.snap +++ /dev/null @@ -1,43 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`IconButtonComponent renders correctly 1`] = ` -<div - data-v-app="" -> - - <!-- Icon button --> - <button - class="block w-fit text-white text-base bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800" - > - <div - class="flex flex-row px-5 py-2.5 h-10" - > - <!-- Icon slot: Default content "Ban"-icon --> - <div - class="h-6 w-6" - > - - <svg - aria-hidden="true" - fill="none" - stroke="currentColor" - stroke-width="2" - viewBox="0 0 24 24" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636" - stroke-linecap="round" - stroke-linejoin="round" - /> - </svg> - - </div> - <p> - hei - </p> - </div> - </button> - -</div> -`; diff --git a/tests/unit/component-tests/base-component-tests/__snapshots__/nav-bar.spec.js.snap b/tests/unit/component-tests/base-component-tests/__snapshots__/nav-bar.spec.js.snap deleted file mode 100644 index 3929918..0000000 --- a/tests/unit/component-tests/base-component-tests/__snapshots__/nav-bar.spec.js.snap +++ /dev/null @@ -1,42 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`NavBar component renders correctly 1`] = ` -<nav - class="flex items-center justify-between bg-white h-14 border-1 border-b border-gray-300 border-solid sticky top-0 z-50" -> - <div - class="logo" - > - <img - alt="BoCo logo" - class="m-1 ml-4 cursor-pointer h-12" - src="" - /> - </div> - <ul - class="flex" - > - <li> - <img - alt="Legg til" - class="m-6 cursor-pointer h-7" - src="" - /> - </li> - <li> - <img - alt="Meldinger" - class="m-6 cursor-pointer h-7" - src="" - /> - </li> - <li> - <img - alt="Profil" - class="m-6 cursor-pointer h-7" - src="" - /> - </li> - </ul> -</nav> -`; diff --git a/tests/unit/component-tests/base-component-tests/__snapshots__/notification-modal.spec.js.snap b/tests/unit/component-tests/base-component-tests/__snapshots__/notification-modal.spec.js.snap deleted file mode 100644 index 6c2259b..0000000 --- a/tests/unit/component-tests/base-component-tests/__snapshots__/notification-modal.spec.js.snap +++ /dev/null @@ -1,60 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`NotificationModal component renders correctly 1`] = ` -<div - data-v-app="" -> - - <!-- Main modal --> - <div - class="fixed grid place-items-center bg-gray-600 bg-opacity-50 top-0 left-0 right-0 z-50 w-full overflow-x-hidden overflow-y-auto md:inset-0 h-modal md:h-full" - > - <div - class="relative w-full h-full max-w-2xl p-4 md:h-auto" - > - <!-- Modal content --> - <div - class="relative bg-white rounded-lg shadow dark:bg-gray-700" - > - <!-- Modal header --> - <div - class="flex items-start justify-between p-4 border-b rounded-t dark:border-gray-600" - > - <h3 - class="text-xl font-semibold text-gray-900 dark:text-white" - > - String - </h3> - <button - class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white" - > - <svg - class="w-5 h-5" - fill="currentColor" - viewBox="0 0 20 20" - xmlns="http://www.w3.org/2000/svg" - > - <path - clip-rule="evenodd" - d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" - fill-rule="evenodd" - /> - </svg> - </button> - </div> - <!-- Modal body --> - <div - class="p-6 space-y-6" - > - <p - class="text-base leading-relaxed text-gray-500 dark:text-gray-400" - > - String - </p> - </div> - </div> - </div> - </div> - -</div> -`; diff --git a/tests/unit/component-tests/base-component-tests/color-button.spec.js b/tests/unit/component-tests/base-component-tests/color-button.spec.js index f4e8a11..24d218c 100644 --- a/tests/unit/component-tests/base-component-tests/color-button.spec.js +++ b/tests/unit/component-tests/base-component-tests/color-button.spec.js @@ -12,11 +12,7 @@ describe("ColoredButtonComponent", () => { } }); }); - - it("renders correctly", () => { - expect(wrapper.element).toMatchSnapshot(); - }); - + it("is instantiated", () => { expect(wrapper.exists()).toBeTruthy(); }); diff --git a/tests/unit/component-tests/base-component-tests/community-header.spec.js b/tests/unit/component-tests/base-component-tests/community-header.spec.js index 2195ce3..11f8d76 100644 --- a/tests/unit/component-tests/base-component-tests/community-header.spec.js +++ b/tests/unit/component-tests/base-component-tests/community-header.spec.js @@ -21,10 +21,6 @@ describe("CommunityHeader component", () => { }); }); - it("renders correctly", () => { - expect(wrapper.element).toMatchSnapshot(); - }); - it("is instantiated", () => { expect(wrapper.exists()).toBeTruthy(); }); diff --git a/tests/unit/component-tests/base-component-tests/custom-footer-modal.spec.js b/tests/unit/component-tests/base-component-tests/custom-footer-modal.spec.js index 78af6ef..efc76b5 100644 --- a/tests/unit/component-tests/base-component-tests/custom-footer-modal.spec.js +++ b/tests/unit/component-tests/base-component-tests/custom-footer-modal.spec.js @@ -18,10 +18,6 @@ describe("IconButtonComponent", () => { }); }); - it("renders correctly", () => { - expect(wrapper.element).toMatchSnapshot(); - }); - it("is instantiated", () => { expect(wrapper.exists()).toBeTruthy(); }); diff --git a/tests/unit/component-tests/base-component-tests/icon-button.spec.js b/tests/unit/component-tests/base-component-tests/icon-button.spec.js index a45c915..8bef315 100644 --- a/tests/unit/component-tests/base-component-tests/icon-button.spec.js +++ b/tests/unit/component-tests/base-component-tests/icon-button.spec.js @@ -13,10 +13,6 @@ describe("IconButtonComponent", () => { }); }); - it("renders correctly", () => { - expect(wrapper.element).toMatchSnapshot(); - }); - it("is instantiated", () => { expect(wrapper.exists()).toBeTruthy(); }); diff --git a/tests/unit/component-tests/base-component-tests/nav-bar.spec.js b/tests/unit/component-tests/base-component-tests/nav-bar.spec.js index 0f36573..86ba7cd 100644 --- a/tests/unit/component-tests/base-component-tests/nav-bar.spec.js +++ b/tests/unit/component-tests/base-component-tests/nav-bar.spec.js @@ -8,10 +8,6 @@ describe("NavBar component", () => { wrapper = mount(NavBar); }); - it("renders correctly", () => { - expect(wrapper.element).toMatchSnapshot(); - }); - it("is instantiated", () => { expect(wrapper.exists()).toBeTruthy(); }); diff --git a/tests/unit/component-tests/base-component-tests/notification-modal.spec.js b/tests/unit/component-tests/base-component-tests/notification-modal.spec.js index 8db68ed..f048ce7 100644 --- a/tests/unit/component-tests/base-component-tests/notification-modal.spec.js +++ b/tests/unit/component-tests/base-component-tests/notification-modal.spec.js @@ -14,11 +14,7 @@ describe("NotificationModal component", () => { } }); }); - - it("renders correctly", () => { - expect(wrapper.element).toMatchSnapshot(); - }); - + it("is instantiated", () => { expect(wrapper.exists()).toBeTruthy(); }); -- GitLab