import { describe, expect, it } from 'vitest'
import deepFreeze from 'deep-freeze';
import { toggleFormat } from '../toggle-format';
import { getSparseArrayLength } from './helpers';

describe( 'toggleFormat', () => {
	const strong = { type: 'strong' };
	const em = { type: 'em' };

	it( 'should remove format if it is active', () => {
		const record = {
			formats: [
				,
				,
				,
				// In reality, formats at a different index are never the same
				// value. Only formats that create the same tag are the same
				// value.
				[ { type: 'strong' } ],
				[ em, strong ],
				[ em, strong ],
				[ em ],
				,
				,
				,
				,
				,
				,
			],
			text: 'one two three',
			start: 3,
			end: 6,
		};
		const expected = {
			formats: [ , , , , [ em ], [ em ], [ em ], , , , , , , ],
			activeFormats: [],
			text: 'one two three',
			start: 3,
			end: 6,
		};
		const result = toggleFormat( deepFreeze( record ), strong );

		expect( result ).toEqual( expected );
		expect( result ).not.toBe( record );
		expect( getSparseArrayLength( result.formats ) ).toBe( 3 );
	} );

	it( "should apply format if it doesn't exist at start of selection", () => {
		const record = {
			formats: [ , , , , [ em, strong ], [ em ], [ em ], , , , , , , ],
			text: 'one two three',
			start: 3,
			end: 6,
		};
		const expected = {
			formats: [
				,
				,
				,
				[ strong ],
				[ strong, em ],
				[ strong, em ],
				[ em ],
				,
				,
				,
				,
				,
				,
			],
			activeFormats: [ strong ],
			text: 'one two three',
			start: 3,
			end: 6,
		};
		const result = toggleFormat( deepFreeze( record ), strong );

		expect( result ).toEqual( expected );
		expect( result ).not.toBe( record );
		expect( getSparseArrayLength( result.formats ) ).toBe( 4 );
	} );
} );