Replace `⏎··:width="300"⏎··aspect-ratio="16/9"⏎··cover⏎··:src=Logo⏎` with `·:width="300"·aspect-ratio="16/9"·cover·:src="Logo"`

Insert `·`

Replace `······<v-app-bar⏎··········color="teal-darken-4"⏎··········image="https://picsum.photos/1920/1080?random"⏎········` with `<v-app-bar·color="teal-darken-4"·image="https://picsum.photos/1920/1080?random"`

Delete `······`

Replace `······<v-img⏎··············gradient="to·top·right,·rgba(19,84,122,.8),·rgba(128,208,199,.8)"⏎············` with `<v-img·gradient="to·top·right,·rgba(19,84,122,.8),·rgba(128,208,199,.8)"`

Delete `······`

Delete `··`

Delete `······`

Replace `············` with `······`

Delete `······`

Process completed with exit code 1.

Error: Snapshot `LogoAvatar > renders 1` mismatched - Expected + Received <div - class="v-avatar v-theme--light v-avatar--density-default v-avatar--variant-flat ma-2 pa-1" - style="background-color: #333; color: #fff; caret-color: #fff; width: 48px; height: 48px;" - > - <div - aria-label="" - class="v-responsive v-img v-img--booting" + class="v-responsive v-img v-img--booting" - > + style="width: 300px;" + > - <div + <div - class="v-responsive__sizer" + class="v-responsive__sizer" - /> + /> - - + + - <transition-stub + <transition-stub - appear="true" + appear="true" - css="true" + css="true" - name="fade-transition" + name="fade-transition" - persisted="false" + persisted="false" - > + > - <img + <img - alt="" - class="v-img__img v-img__img--cover" + class="v-img__img v-img__img--cover" - src="/src/assets/it4c-logo2-clean-bg_alpha-128x128.png" + src="/src/assets/img/dreammall-logo.svg" - style="display: none;" + style="display: none;" - /> + /> - </transition-stub> + </transition-stub> - <transition-stub + <transition-stub - appear="false" + appear="false" - css="true" + css="true" - name="fade-transition" + name="fade-transition" - persisted="false" + persisted="false" - > + > - <!----> + <!----> - </transition-stub> + </transition-stub> - <!----> + <!----> - <!----> + <!----> - <!----> + <!----> - + - + - <!----> + <!----> - </div> - - <!----> - <span - class="v-avatar__underlay" - /> - </div> ❯ src/components/menu/LogoAvatar.test.ts:17:29

Error: Snapshot `TopMenu > renders 1` mismatched - Expected + Received @@ -23,56 +23,44 @@ > <div class="v-col" > <div - class="v-avatar v-theme--light v-avatar--density-default v-avatar--variant-flat ma-2 pa-1" - style="background-color: #333; color: #fff; caret-color: #fff; width: 48px; height: 48px;" - > - <div - aria-label="" - class="v-responsive v-img v-img--booting" - > - <div + class="v-responsive v-img v-img--booting" + style="width: 300px;" + > + <div - class="v-responsive__sizer" + class="v-responsive__sizer" - /> + /> - + - - <transition-stub + + <transition-stub - appear="true" + appear="true" - css="true" + css="true" - name="fade-transition" + name="fade-transition" - persisted="false" + persisted="false" - > - <img + > + <img - alt="" - class="v-img__img v-img__img--cover" + class="v-img__img v-img__img--cover" - src="/src/assets/it4c-logo2-clean-bg_alpha-128x128.png" + src="/src/assets/img/dreammall-logo.svg" - style="display: none;" + style="display: none;" - /> + /> - </transition-stub> + </transition-stub> - <transition-stub + <transition-stub - appear="false" + appear="false" - css="true" + css="true" - name="fade-transition" + name="fade-transition" - persisted="false" + persisted="false" - > + > - <!----> + <!----> - </transition-stub> + </transition-stub> - <!----> - <!----> + <!----> - <!----> + <!----> - - - <!----> + <!----> - </div> + <!----> - <span - class="v-avatar__underlay" - /> - </div> </div> <div class="v-col d-flex align-center justify-center grow" > ❯ src/components/menu/TopMenu.test.ts:16:29

Process completed with exit code 1.

Expected '#image' instead of 'v-slot:image'

Expected '#prepend' instead of 'v-slot:prepend'

raw text 'DreamMall' is used