test(contain): add zoomWithWheel to contain: outside demo

timmywil · Apr 5, 2020 · e13e984 · e13e984
1 parent 100eaae
commit e13e984
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/demo/examples/ContainOutside.tsx b/demo/examples/ContainOutside.tsx
@@ -13,6 +13,9 @@ export default function ContainOutside() {
   useEffect(() => {
     setTimeout(() => {
       panzoom = Panzoom(elem.current, { contain: 'outside', startScale: 1.5 })
+      elem.current.parentNode.addEventListener('wheel', (e) => {
+        panzoom.zoomWithWheel(e as WheelEvent)
+      })
     }, 1000)
   }, [])
   return (

diff --git a/test/unit/panzoom.test.ts b/test/unit/panzoom.test.ts
@@ -126,6 +126,7 @@ describe('Panzoom', () => {
       // Zoom needs to paint first
       await skipFrame()
       panzoom.pan(100, 100)
+      await skipFrame()
       // Should constrain to 25, 25
       let pan = panzoom.getPan()
       assert.equal(pan.x, 25)