From 682b674809c2105283ba6896690454735f0a149a Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Wed, 31 May 2023 22:06:42 +0100
Subject: [PATCH] test: add unit test for correct crop sizing

---
 test/unit/image.test.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/test/unit/image.test.ts b/test/unit/image.test.ts
index 329c1fbe2..f8559d3bb 100644
--- a/test/unit/image.test.ts
+++ b/test/unit/image.test.ts
@@ -54,4 +54,16 @@ describe('Renders simple image', () => {
     })
     expect(img.html()).toMatchInlineSnapshot('"<img src=\\"/_ipx/s_900x900/%E6%B1%89%E5%AD%97.png\\" width=\\"200\\" height=\\"200\\" data-nuxt-img=\\"\\" sizes=\\"(max-width: 500px) 500px, 900px\\" srcset=\\"/_ipx/s_500x500/%E6%B1%89%E5%AD%97.png 500w, /_ipx/s_900x900/%E6%B1%89%E5%AD%97.png 900w\\">"')
   })
+
+  it('correctly sets crop', () => {
+    const img = mount(NuxtImg, {
+      propsData: {
+        src: '/image.png',
+        width: 1000,
+        height: 2000,
+        sizes: 'xs:100vw sm:100vw md:300px lg:350px xl:350px 2xl:350px'
+      }
+    })
+    expect(img.html()).toMatchInlineSnapshot('"<img src=\\"/_ipx/s_350x700/image.png\\" width=\\"1000\\" height=\\"2000\\" data-nuxt-img=\\"\\" sizes=\\"(max-width: 320px) 100vw, (max-width: 640px) 100vw, (max-width: 768px) 300px, (max-width: 1024px) 350px, (max-width: 1280px) 350px, 350px\\" srcset=\\"/_ipx/s_320x640/image.png 320w, /_ipx/s_640x1280/image.png 640w, /_ipx/s_300x600/image.png 300w, /_ipx/s_350x700/image.png 350w, /_ipx/s_350x700/image.png 350w, /_ipx/s_350x700/image.png 350w\\">"')
+  })
 })