feat: support webp format (#343)

add the `webp` property to the `mimes` object re #326
bubkoo · Dec 5, 2022 · 09d4810 · 09d4810
1 parent d9971a7
commit 09d4810
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 0 deletions.
diff --git a/src/mimes.ts b/src/mimes.ts
@@ -11,6 +11,7 @@ const mimes: { [key: string]: string } = {
   gif: 'image/gif',
   tiff: 'image/tiff',
   svg: 'image/svg+xml',
+  webp: 'image/webp',
 }
 
 function getExtension(url: string): string {

diff --git a/test/resources/webp/image.webp b/test/resources/webp/image.webp
diff --git a/test/resources/webp/node.html b/test/resources/webp/node.html
@@ -0,0 +1,3 @@
+<div>
+  <img src="/base/test/resources/webp/image.webp" />
+</div>
diff --git a/test/resources/webp/style.css b/test/resources/webp/style.css
@@ -0,0 +1,5 @@
+#dom-node {
+  width: 300px;
+  height: 300px;
+  background-color: white;
+}
diff --git a/test/spec/basic.spec.ts b/test/spec/basic.spec.ts
@@ -183,6 +183,14 @@ describe('basic usage', () => {
       .catch(done)
   })
 
+  it('should render webp images', (done) => {
+    bootstrap('webp/node.html', 'webp/style.css')
+      .then(delay(500))
+      .then(assertTextRendered(['PNG']))
+      .then(done)
+      .catch(done)
+  })
+
   it('should render background images', (done) => {
     bootstrap('css-bg/node.html', 'css-bg/style.css')
       .then(assertTextRendered(['JPG']))