test: add a bbox test with stroke

__test__/index.spec.ts

@@ -501,7 +501,7 @@ test('should render `<use xlink:href>` to an `<defs>` element', async (t) => {
   t.is(result.getHeight(), 900)
 })
 
-test('should get svg bbox', (t) => {
+test('should get svg innerBBox', (t) => {
   const svg = `<svg viewBox="-40 0 150 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <g fill="red" transform="rotate(-10 50 100) translate(-36 45.5) skewX(40) scale(1 0.5)">
       <path id="heart" d="M 10,30 A 20,20 0,0,1 50,30 A 20,20 0,0,1 90,30 Q 90,60 50,90 Q 10,60 10,30 z" />
@@ -524,7 +524,35 @@ test('should get svg bbox', (t) => {
   }
 })
 
-test('should get svg bbox(rect)', async (t) => {
+test('should get svg bbox with stroke', (t) => {
+  const svg = `<svg viewBox="-40 0 180 260" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g fill="green" transform="rotate(-10 50 100) translate(-36 45.5) skewX(40) scale(1 0.5)">
+    <path id="heart" d="M 10,30 A 20,20 0,0,1 50,30 A 20,20 0,0,1 90,30 Q 90,60 50,90 Q 10,60 10,30 z" />
+  </g>
+  <use xlink:href="#heart" fill="none" stroke="red" stroke-width="10" />
+</svg>`
+
+  const resvg = new Resvg(svg)
+  const bbox = resvg.getBBox()
+  t.not(bbox, undefined)
+  if (bbox) {
+    t.is(bbox.width, 116.70712280273438)
+    t.is(bbox.height, 90)
+    t.is(bbox.x, -21.707120895385742)
+    t.is(bbox.y, 5)
+  }
+
+  const innerBBox = resvg.innerBBox()
+  t.not(innerBBox, undefined)
+  if (innerBBox) {
+    t.is(innerBBox.width, 125)
+    t.is(innerBBox.height, 93)
+    t.is(innerBBox.x, -30)
+    t.is(innerBBox.y, 5)
+  }
+})
+
+test('should get svg bbox(rect) and cropByBBox', async (t) => {
   const svg = `<svg width="300px" height="300px" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg">
   <rect fill="#5283E8" x="50.4" y="60.8" width="200" height="100"></rect>
 </svg>`

__test__/wasm.spec.ts

@@ -419,7 +419,35 @@ test('should render `<use xlink:href>` to an `<defs>` element', async (t) => {
   t.is(result.getHeight(), 900)
 })
 
-test('should get svg bbox(rect)', async (t) => {
+test('should get svg bbox with stroke', (t) => {
+  const svg = `<svg viewBox="-40 0 180 260" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g fill="green" transform="rotate(-10 50 100) translate(-36 45.5) skewX(40) scale(1 0.5)">
+    <path id="heart" d="M 10,30 A 20,20 0,0,1 50,30 A 20,20 0,0,1 90,30 Q 90,60 50,90 Q 10,60 10,30 z" />
+  </g>
+  <use xlink:href="#heart" fill="none" stroke="red" stroke-width="10" />
+</svg>`
+
+  const resvg = new Resvg(svg)
+  const bbox = resvg.getBBox()
+  t.not(bbox, undefined)
+  if (bbox) {
+    t.is(bbox.width, 116.70712280273438)
+    t.is(bbox.height, 90)
+    t.is(bbox.x, -21.707120895385742)
+    t.is(bbox.y, 5)
+  }
+
+  const innerBBox = resvg.innerBBox()
+  t.not(innerBBox, undefined)
+  if (innerBBox) {
+    t.is(innerBBox.width, 125)
+    t.is(innerBBox.height, 93)
+    t.is(innerBBox.x, -30)
+    t.is(innerBBox.y, 5)
+  }
+})
+
+test('should get svg bbox(rect) and cropByBBox', async (t) => {
   const svg = `<svg width="300px" height="300px" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg">
   <rect fill="#5283E8" x="50.4" y="60.8" width="200" height="100"></rect>
 </svg>`