import { createDefaultShapes, defaultShapesIds, TestEditor } from './TestEditor'

let editor: TestEditor

beforeEach(() => {
	editor = new TestEditor()
	editor.createShapes(createDefaultShapes())
	editor.reparentShapesById([defaultShapesIds.ellipse1], editor.currentPageId)
})

describe('Editor.props', () => {
	it('should return props', () => {
		editor.selectNone()
		expect(editor.props).toEqual({
			color: 'black',
			dash: 'draw',
			fill: 'none',
			size: 'm',
		})
	})

	it('should return props for a single shape', () => {
		editor.select(defaultShapesIds.box1)
		expect(editor.props).toEqual({
			align: 'middle',
			labelColor: 'black',
			color: 'black',
			dash: 'draw',
			fill: 'none',
			size: 'm',
			font: 'draw',
			geo: 'rectangle',
			verticalAlign: 'middle',
		})
	})

	it('should return props for two matching shapes', () => {
		editor.select(defaultShapesIds.box1, defaultShapesIds.box2)
		expect(editor.props).toEqual({
			align: 'middle',
			color: 'black',
			labelColor: 'black',
			dash: 'draw',
			fill: 'none',
			size: 'm',
			font: 'draw',
			geo: 'rectangle',
			verticalAlign: 'middle',
		})
	})

	it('should return mixed props for shapes that have mixed values', () => {
		editor.updateShapes([
			{
				id: defaultShapesIds.box1,
				type: 'geo',
				props: { h: 200, w: 200, color: 'red', dash: 'solid' },
			},
		])

		editor.select(defaultShapesIds.box1, defaultShapesIds.box2)

		expect(editor.props).toEqual({
			align: 'middle',
			labelColor: 'black',
			color: null, // mixed!
			dash: null, // mixed!
			fill: 'none',
			size: 'm',
			font: 'draw',
			geo: 'rectangle',
			verticalAlign: 'middle',
		})
	})

	it('should return null for all mixed props', () => {
		editor.updateShapes([
			{
				id: defaultShapesIds.box1,
				type: 'geo',
				props: { h: 200, w: 200, color: 'red', dash: 'solid' },
			},
			{
				id: defaultShapesIds.box2,
				type: 'geo',
				props: { size: 'l', fill: 'pattern', font: 'mono' },
			},
			{
				id: defaultShapesIds.ellipse1,
				type: 'geo',
				props: {
					align: 'start',
					text: 'hello world this is a long sentence that should wrap',
					w: 100,
					url: 'https://aol.com',
					verticalAlign: 'start',
				},
			},
		])

		editor.selectAll()
		expect(editor.props).toEqual({
			align: null,
			labelColor: 'black',
			color: null,
			dash: null,
			fill: null,
			geo: null,
			size: null,
			font: null,
			verticalAlign: null,
		})
	})
})