kopia lustrzana https://github.com/Tldraw/Tldraw
68 wiersze
2.1 KiB
TypeScript
68 wiersze
2.1 KiB
TypeScript
import { editorConstants } from '@tldraw/editor'
|
|
import { TestEditor } from '../TestEditor'
|
|
|
|
const { ZOOMS } = editorConstants
|
|
|
|
let editor: TestEditor
|
|
|
|
beforeEach(() => {
|
|
editor = new TestEditor()
|
|
})
|
|
|
|
it('zooms by increments', () => {
|
|
// Starts at 1
|
|
expect(editor.getZoomLevel()).toBe(1)
|
|
expect(editor.getZoomLevel()).toBe(ZOOMS[3])
|
|
// zooms in
|
|
expect(editor.getZoomLevel()).toBe(ZOOMS[3])
|
|
editor.zoomIn()
|
|
expect(editor.getZoomLevel()).toBe(ZOOMS[4])
|
|
editor.zoomIn()
|
|
expect(editor.getZoomLevel()).toBe(ZOOMS[5])
|
|
editor.zoomIn()
|
|
expect(editor.getZoomLevel()).toBe(ZOOMS[6])
|
|
|
|
// does not zoom in past max
|
|
editor.zoomIn()
|
|
expect(editor.getZoomLevel()).toBe(ZOOMS[6])
|
|
})
|
|
|
|
it('preserves the screen center', () => {
|
|
const viewportCenter = editor.getViewportPageCenter().toJson()
|
|
const screenCenter = editor.getViewportScreenCenter().toJson()
|
|
|
|
editor.zoomIn()
|
|
|
|
expect(editor.getViewportPageCenter().toJson()).toCloselyMatchObject(viewportCenter)
|
|
expect(editor.getViewportScreenCenter().toJson()).toCloselyMatchObject(screenCenter)
|
|
})
|
|
|
|
it('preserves the screen center when offset', () => {
|
|
editor.setScreenBounds({ x: 100, y: 100, w: 1000, h: 1000 })
|
|
|
|
const viewportCenter = editor.getViewportPageCenter().toJson()
|
|
const screenCenter = editor.getViewportScreenCenter().toJson()
|
|
|
|
editor.zoomIn()
|
|
|
|
expect(editor.getViewportPageCenter().toJson()).toCloselyMatchObject(viewportCenter)
|
|
expect(editor.getViewportScreenCenter().toJson()).toCloselyMatchObject(screenCenter)
|
|
})
|
|
|
|
it('zooms to from B to D when B >= (C - A)/2, else zooms from B to C', () => {
|
|
editor.setCamera({ x: 0, y: 0, z: (ZOOMS[2] + ZOOMS[3]) / 2 })
|
|
editor.zoomIn()
|
|
expect(editor.getZoomLevel()).toBe(ZOOMS[4])
|
|
editor.setCamera({ x: 0, y: 0, z: (ZOOMS[2] + ZOOMS[3]) / 2 - 0.1 })
|
|
editor.zoomIn()
|
|
expect(editor.getZoomLevel()).toBe(ZOOMS[3])
|
|
})
|
|
|
|
it('does not zoom when camera is frozen', () => {
|
|
editor.setCamera({ x: 0, y: 0, z: 1 })
|
|
expect(editor.getCamera()).toMatchObject({ x: 0, y: 0, z: 1 })
|
|
editor.updateInstanceState({ canMoveCamera: false })
|
|
editor.zoomIn()
|
|
expect(editor.getCamera()).toMatchObject({ x: 0, y: 0, z: 1 })
|
|
})
|