Error: Snapshot `Combobox > Snapshot testing > should render with defaults 1` mismatched - Expected + Received @@ -24,11 +24,11 @@ <button aria-expanded="false" aria-haspopup="listbox" class="ds-select-none ds-rounded-r ds-border-y ds-border-r ds-border-border-gray ds-bg-white ds-p-5 ds-text-secondary-gray disabled:ds-text-inactive-gray" data-headlessui-state="" - id="headlessui-combobox-button-:r3:" + id="headlessui-combobox-button-:r4:" tabindex="-1" type="button" > <svg fill="currentColor" ❯ lib/components/Combobox/Combobox.test.tsx:19:36

Error: Snapshot `Combobox > Snapshot testing > should not show label 1` mismatched - Expected + Received @@ -8,22 +8,22 @@ aria-autocomplete="list" aria-expanded="false" aria-label="Label" class="ds-font-arial ds-w-full ds-rounded-l ds-border-y ds-border-l ds-border-border-gray ds-bg-white ds-p-5 ds-text-black ds-outline-none placeholder:ds-text-inactive-gray disabled:ds-text-inactive-gray disabled:ds-pointer-events-none" data-headlessui-state="" - id=":r5:" + id=":r8:" placeholder="(placeholder text)" role="combobox" type="text" value="Suomi" /> <button aria-expanded="false" aria-haspopup="listbox" class="ds-select-none ds-rounded-r ds-border-y ds-border-r ds-border-border-gray ds-bg-white ds-p-5 ds-text-secondary-gray disabled:ds-text-inactive-gray" data-headlessui-state="" - id="headlessui-combobox-button-:r8:" + id="headlessui-combobox-button-:rc:" tabindex="-1" type="button" > <svg fill="currentColor" ❯ lib/components/Combobox/Combobox.test.tsx:24:36

Error: Snapshot `Combobox > Snapshot testing > should render as disabled 1` mismatched - Expected + Received @@ -1,11 +1,11 @@ <div class="ds-flex ds-flex-col ds-relative" > <label class="ds-text-jod-black ds-text-form-label ds-font-arial ds-mb-4" - for=":ra:" + for=":rg:" > Label </label> <div class="ds-flex ds-flex-row relative" @@ -15,11 +15,11 @@ aria-expanded="false" class="ds-font-arial ds-w-full ds-rounded-l ds-border-y ds-border-l ds-border-border-gray ds-bg-white ds-p-5 ds-text-black ds-outline-none placeholder:ds-text-inactive-gray disabled:ds-text-inactive-gray disabled:ds-pointer-events-none" data-disabled="" data-headlessui-state="disabled" disabled="" - id=":ra:" + id=":rg:" placeholder="(placeholder text)" role="combobox" type="text" value="Suomi" /> @@ -28,11 +28,11 @@ aria-haspopup="listbox" class="ds-select-none ds-rounded-r ds-border-y ds-border-r ds-border-border-gray ds-bg-white ds-p-5 ds-text-secondary-gray disabled:ds-text-inactive-gray" data-disabled="" data-headlessui-state="disabled" disabled="" - id="headlessui-combobox-button-:rd:" + id="headlessui-combobox-button-:rk:" tabindex="-1" type="button" > <svg fill="currentColor" ❯ lib/components/Combobox/Combobox.test.tsx:29:36

Error: Snapshot `ConfirmDialog > renders dialog when showDialog is called 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ <div - aria-describedby="headlessui-description-:r3:" - aria-labelledby="headlessui-dialog-title-:r2:" + aria-describedby="headlessui-description-:r9:" + aria-labelledby="headlessui-dialog-title-:r8:" aria-modal="true" class="ds-relative ds-z-50" data-headlessui-state="open" data-open="" id="headlessui-dialog-:r0:" @@ -21,28 +21,28 @@ > <div class="ds-overflow-hidden ds-rounded-lg ds-bg-bg-gray" data-headlessui-state="open" data-open="" - id="headlessui-dialog-panel-:r1:" + id="headlessui-dialog-panel-:r7:" > <div class="ds-flex ds-max-w-[640px] ds-flex-col ds-p-9" > <h2 class="ds-mb-5 ds-text-heading-3" data-headlessui-state="open" data-open="" - id="headlessui-dialog-title-:r2:" + id="headlessui-dialog-title-:r8:" > ConfirmDialog rendered </h2> <p class="ds-text-body-sm ds-font-arial" data-headlessui-state="open" data-open="" - id="headlessui-description-:r3:" + id="headlessui-description-:r9:" > Are you sure? </p> </div> <div ❯ lib/components/ConfirmDialog/ConfirmDialog.test.tsx:26:61

Process completed with exit code 1.