11import { jsx , Canvas } from '../../../src' ;
22import { Renderer } from '@antv/g-mobile-svg' ;
3- import { delay , gestureSimulator } from '../../util' ;
43
54const container = document . createElement ( 'div' ) ;
65container . style . width = '300px' ;
@@ -10,24 +9,14 @@ document.body.appendChild(container);
109describe ( 'svg' , ( ) => {
1110 it ( 'svg renderer' , async ( ) => {
1211 const renderer = new Renderer ( ) ;
13- const onPan = jest . fn ( ) ;
14- const onClick = jest . fn ( ) ;
1512 const { props } = (
16- < Canvas
17- renderer = { renderer }
18- container = { container }
19- width = { 300 }
20- height = { 200 }
21- isTouchEvent = { ( e ) => e . type . startsWith ( 'touch' ) }
22- >
13+ < Canvas renderer = { renderer } container = { container } width = { 300 } height = { 200 } >
2314 < rect
2415 style = { {
2516 width : '200px' ,
2617 height : '200px' ,
2718 fill : 'red' ,
2819 } }
29- onPan = { onPan }
30- onClick = { onClick }
3120 />
3221 </ Canvas >
3322 ) ;
@@ -39,22 +28,5 @@ describe('svg', () => {
3928 expect ( dataURL ) . toBe (
4029 'data:image/svg+xml;charset=utf8,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22200%22%20color-interpolation-filters%3D%22sRGB%22%20style%3D%22background%3A%20transparent%3B%22%3E%3Cdefs%2F%3E%3Cg%20id%3D%22g-svg-camera%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%3E%3Cg%20id%3D%22g-root%22%20fill%3D%22none%22%20stroke%3D%22none%22%20visibility%3D%22visible%22%20font-size%3D%2212px%22%20font-family%3D%22%26quot%3BHelvetica%20Neue%26quot%3B%2C%20Helvetica%2C%20%26quot%3BPingFang%20SC%26quot%3B%2C%20%26quot%3BHiragino%20Sans%20GB%26quot%3B%2C%20%26quot%3BMicrosoft%20YaHei%26quot%3B%2C%20Arial%2C%20sans-serif%22%20font-style%3D%22normal%22%20font-weight%3D%22normal%22%20font-variant%3D%22normal%22%20text-anchor%3D%22left%22%20stroke-dashoffset%3D%220px%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%3E%3Cg%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%3E%3Cpath%20id%3D%22g-svg-1%22%20fill%3D%22rgba(255%2C0%2C0%2C1)%22%20d%3D%22M%200%2C0%20l%20100%2C0%20l%200%2C100%20l-100%200%20z%22%20stroke%3D%22none%22%20width%3D%22100px%22%20height%3D%22100px%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E' ,
4130 ) ;
42-
43- // @ts -ignore
44- const svgDomElement = canvas . canvas . getContextService ( ) . getDomElement ( ) ;
45-
46- await delay ( 200 ) ;
47- await gestureSimulator ( svgDomElement , 'touchstart' , { x : 60 , y : 60 } ) ;
48- await gestureSimulator ( svgDomElement , 'touchmove' , { x : 62 , y : 80 } ) ;
49- await gestureSimulator ( svgDomElement , 'touchend' , { x : 62 , y : 80 } ) ;
50- await delay ( 500 ) ;
51-
52- expect ( onPan . mock . calls . length ) . toBe ( 1 ) ;
53- // move不触发click事件
54- expect ( onClick . mock . calls . length ) . toBe ( 0 ) ;
55-
56- await delay ( 100 ) ;
57- gestureSimulator ( svgDomElement , 'click' , { x : 60 , y : 60 } ) ;
58- expect ( onClick . mock . calls . length ) . toBe ( 1 ) ;
5931 } ) ;
6032} ) ;
0 commit comments