Fix style #227
Annotations
5 errors
src/components/Card/WCard.spec.ts > WCard > base:
src/components/Card/WCard.spec.ts#L18
Error: Snapshot `WCard > base 1` mismatched
- Expected
+ Received
<div
- data-v-app=""
+ class="card border-2 bg-white-50 border-black-950 rounded-lg px-xl py-xl mr-sm mb-sm w-full h-full"
+ data-v-42578349=""
+ data-v-47e965dc=""
>
-
- <!--v-if-->
<div
- data-v-47e965dc=""
+ class="text-xl text-black-950 font-semibold"
+ data-v-42578349=""
>
- <div
- class="card border rounded-lg px-xl py-xl mr-sm mb-sm max-w-md h-full"
- data-v-42578349=""
- data-v-47e965dc=""
- >
- <div
- class="text-xl text-black-950 font-semibold"
- data-v-42578349=""
- >
-
-
- </div>
- <hr
- class="hr my-md"
- data-v-42578349=""
- />
- <div
- class="text-sm text-black-950"
- data-v-42578349=""
- >
-
-
- </div>
- </div>
+
+
+ </div>
+ <hr
+ class="hr my-md"
+ data-v-42578349=""
+ />
+ <div
+ class="text-sm text-black-950"
+ data-v-42578349=""
+ >
+
+
</div>
- <!--v-if-->
-
</div>
❯ src/components/Card/WCard.spec.ts:18:29
|
src/components/Card/WCard.spec.ts > WCard > icon:
src/components/Card/WCard.spec.ts#L36
Error: Snapshot `WCard > icon 1` mismatched
- Expected
+ Received
<div
- data-v-app=""
+ class="h-full w-auto out-of-boundaries card border-2 border-black-950 bg-white-50 rounded-lg px-xl py-xl max-w-sm"
+ data-v-47e965dc=""
>
-
- <!--v-if-->
- <!--v-if-->
<div
- class="h-full w-auto out-of-boundaries card border-2 border-black-950 bg-white-50 rounded-lg px-xl py-xl max-w-sm"
+ class="min-h-[70px] min-w-[70px] border border-black-950 w-min rounded-full bg-wit-blue-500 flex justify-center items-center big-size rounded-icon"
+ data-v-1216bb64=""
data-v-47e965dc=""
>
- <div
- class="icon-container border border-black-950 w-min rounded-full bg-wit-blue-500 flex justify-center items-center rounded-icon"
- data-v-1216bb64=""
+
+
+ WIcon
+
+
+ </div>
+ <div
+ class="ml-xl px-sm"
+ data-v-47e965dc=""
+ >
+ <h3
+ class="text-2xl text-black-950 font-semibold leading-4 pl-14"
data-v-47e965dc=""
>
-
-
- WIcon
-
-
- </div>
- <div
- class="ml-xl px-sm"
+ Lorem ipsum
+ </h3>
+ <hr
+ class="hr my-md ml-14"
data-v-47e965dc=""
- >
- <h3
- class="text-2xl text-black-950 font-semibold leading-4 pl-14"
- data-v-47e965dc=""
- >
- Lorem ipsum
- </h3>
- <hr
- class="hr my-md ml-14"
- data-v-47e965dc=""
- />
- </div>
- <p
- class="text text-black-950 mb-lg"
- data-v-47e965dc=""
- >
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
- </p>
- <svg
- class="slashes w-2xl sm:hidden"
+ />
+ </div>
+ <p
+ class="text text-black-950 mb-lg"
+ data-v-47e965dc=""
+ >
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
+ </p>
+ <svg
+ class="slashes w-2xl sm:hidden"
+ data-v-47e965dc=""
+ fill="none"
+ height="22"
+ viewBox="0 0 119 22"
+ width="119"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M18.976.684.4 19.259l2.192 2.192L21.168 2.876zM35.164.686 16.588 19.26l2.192 2.192L37.357 2.878zM51.362.687 32.787 19.263l2.192 2.192L53.554 2.88zM67.557.682 48.981 19.258l2.192 2.192L69.75 2.874zM83.746.684 65.17 19.26l2.192 2.192L85.938 2.876zM99.934.686 81.358 19.262l2.192 2.192 18.576-18.576zM116.131.688 97.556 19.264l2.192 2.192L118.323 2.88z"
+ fill="#00E2ED"
+ />
+ </svg>
+ <a
+ aria-label="Link to"
+ data-v-47e965dc=""
+ href="#url"
+ target="_blank"
+ >
+ <button
+ class="btn w-fit flex items-center btn-secondary action"
data-v-47e965dc=""
- fill="none"
- height="22"
- viewBox="0 0 119 22"
- width="119"
- xmlns="http://www.w3.org/2000/svg"
- >
- <path
- d="M18.976.684.4 19.259l2.192 2.192L21.168 2.876zM35.164.686 16.588 19.26l2.192 2.192L37.357 2.878zM51.362.687 32.787 19.263l2.192 2.192L53.554 2.88zM67.557.682 48.981 19.258l2.192 2.192L69.75 2.874zM83.746.684 65.17 19.26l2.192 2.192L85.938 2.876zM99.934.686 81.358 19.262l2.192 2.192 18.576-18.576zM116.131.688 97.556 19.264l2.192 2.192L118.323 2.88z"
- fill="#00E2ED"
- />
- </svg>
- <a
- aria-label="Link to"
- data-v-47e965dc=""
- href="#url"
- target="_blank"
+ data-v-870c3481=""
>
- <button
- class="btn w-fit flex items-center btn-secondary action"
- data-v-47e965dc=""
+
+ Link to
+
+ <div
data-v-870c3481=""
>
-
- Link to
-
- <div
- data-v-870c3481=""
+ <svg
+ class="color arrow ml-md h-[14px] arrow ml-md h-[14px]"
+ data-v-c15836e8=""
+ fill=
|
src/components/IconRounded/WIconRounded.spec.ts > WIconRounded > renders properly:
src/components/IconRounded/WIconRounded.spec.ts#L26
Error: Snapshot `WIconRounded > renders properly 1` mismatched
- Expected
+ Received
@@ -1,7 +1,7 @@
<div
- class="hover-effect icon-container border border-black-950 w-min rounded-full bg-wit-blue-500 flex justify-center items-center"
+ class="min-h-[70px] min-w-[70px] border border-black-950 w-min rounded-full bg-wit-blue-500 flex justify-center items-center hover-effect"
data-v-1216bb64=""
>
<wiconrounded>
<svg
❯ src/components/IconRounded/WIconRounded.spec.ts:26:29
|
src/components/IconText/WIconText.spec.ts > WIconText > renders properly ROUNDED RIGHT:
src/components/IconText/WIconText.spec.ts#L60
Error: Snapshot `WIconText > renders properly ROUNDED RIGHT 1` mismatched
- Expected
+ Received
@@ -3,11 +3,11 @@
class="flex items-center icon-container w-fit"
href="#"
target="_blank"
>
<div
- class="hover-effect icon-container border border-black-950 w-min rounded-full bg-wit-blue-500 flex justify-center items-center rounded-icon mr-md"
+ class="min-h-[70px] min-w-[70px] border border-black-950 w-min rounded-full bg-wit-blue-500 flex justify-center items-center hover-effect rounded-icon mr-md"
data-v-1216bb64=""
>
<svg
@@ -27,10 +27,10 @@
</svg>
</div>
<p
- class="text-link text-black-950 font-fold"
+ class="text-link font-bold text-black-950"
>
Text
</p>
</a>
❯ src/components/IconText/WIconText.spec.ts:60:29
|
cache-and-install
Process completed with exit code 1.
|