import {ESLintUtils} from '@typescript-eslint/utils';
import rule from '../rules/use-gif-component';

const ruleTester = new ESLintUtils.RuleTester({
	parser: '@typescript-eslint/parser',
	parserOptions: {
		ecmaFeatures: {
			jsx: true,
		},
	},
});

ruleTester.run('use-gif-component', rule, {
	valid: [
		// Network image should be allowed
		`
import {Img} from 'remotion';

export const Re = () => {
  return (
    <Img src="https://google.com/favicon.png" />
  );
}
          `,
		`
import {Img, staticFile} from 'remotion';

export const Re = () => {
  return (
    <Img src={staticFile("image.png")} />
  );
}
          `,
		`
import {Img} from 'remotion';

export const Re = () => {
  return (
    <Img src="data:image/png;base64,
    iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP
    C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA
    AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J
    REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq
    ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0
    vr4MkhoXe0rZigAAAABJRU5ErkJggg==" />
  );
}
          `,
		`
import {Img} from 'remotion';
import img from './img.png';

export const Re = () => {
  return (
    <Img src={img} />
  );
}
                `,
		`
import {Gif} from '@remotion/gif';
import {staticFile} from 'remotion';

export const Re = () => {
  return (
    <Gif src={staticFile('gif.gif')} />
  );
}
                `,
	],
	invalid: [
		{
			code: `
import {Img} from 'remotion';

export const Re = () => {
  return (
    <Img src="https://reddit.com/image.gif" />
  );
}
      `,
			errors: [
				{
					messageId: 'UseGifComponent',
				},
			],
		},
	],
});