import createTestEditor from '../../testing/createTestEditor';
import { EditorSelection } from '@codemirror/state';
import replaceLinks from './replaceLinks';
import visibleEditorText from '../../testing/visibleEditorText';

describe('replaceLinks', () => {
	it.each([
		{
			label: 'should not hide link Markdown when the label is empty',
			markup: 'test: [](https://example.com)',
			expectedText: 'test: [](https://example.com)',

			expectedSyntaxTags: ['URL', 'LinkMark', 'Link'],
		},
		{
			label: 'should not hide whitespace-only links',
			markup: 'test: [ ](https://example.com)',
			expectedText: 'test: [ ](https://example.com)',

			expectedSyntaxTags: ['URL', 'LinkMark', 'Link'],
		},
		{
			label: 'should hide link Markdown when a title is present',
			markup: 'test: [test](https://example.com)',
			expectedText: 'test: test',

			expectedSyntaxTags: ['URL', 'LinkMark', 'Link'],
		},
		{
			label: 'should not hide URLs with no label section',
			markup: 'test: https://example.com',
			expectedText: 'test: https://example.com',

			expectedSyntaxTags: ['URL'],
		},
	])('$label', async ({ markup, expectedText, expectedSyntaxTags }) => {
		const editor = await createTestEditor(markup, EditorSelection.cursor(0), expectedSyntaxTags, [replaceLinks]);
		expect(visibleEditorText(editor)).toBe(expectedText);
	});

	it('should not move cursor when URL is already visible', async () => {
		const markup = '[test](https://example.com/)';
		const initialCursor = markup.indexOf('test');
		const clickedCursor = markup.indexOf('example');
		const editor = await createTestEditor(markup, EditorSelection.cursor(initialCursor), ['URL', 'LinkMark', 'Link'], [replaceLinks]);

		expect(editor.contentDOM.textContent).toBe(markup);

		editor.contentDOM.dispatchEvent(new MouseEvent('mousedown', { button: 0, bubbles: true }));
		editor.dispatch({ selection: EditorSelection.cursor(clickedCursor) });
		editor.contentDOM.ownerDocument.dispatchEvent(new MouseEvent('mouseup', { button: 0 }));

		expect(editor.state.selection.main.anchor).toBe(clickedCursor);
	});
});