import rule from '../lib/rules/get-attribute.js'
import {RuleTester} from 'eslint'

const ruleTester = new RuleTester()

ruleTester.run('get-attribute', rule, {
  valid: [
    {code: "el.getAttribute('src')"},
    {code: "el.hasAttribute('src')"},
    {code: "el.setAttribute('src', 'https://github.com/')"},
    {code: "el.removeAttribute('src')"},
    {code: "el.getAttribute('data-foo')"},
    {code: "el.hasAttribute('data-foo')"},
    {code: "el.setAttribute('data-foo', 'bar')"},
    {code: "el.removeAttribute('data-foo')"},
    {code: "el.getAttribute('data-foo1')"},
    // some SVG attributes must preserve case
    {code: "el.getAttribute('preserveAspectRatio')"},
    {code: "el.getAttribute('viewBox')"},
  ],
  invalid: [
    {
      code: "el.getAttribute('SRC')",
      output: "el.getAttribute('src')",
      errors: [
        {
          message: 'Attributes should be lowercase and hyphen separated, or part of the SVG whitelist.',
          type: 'Literal',
        },
      ],
    },
    {
      code: "el.hasAttribute('SRC')",
      output: "el.hasAttribute('src')",
      errors: [
        {
          message: 'Attributes should be lowercase and hyphen separated, or part of the SVG whitelist.',
          type: 'Literal',
        },
      ],
    },
    {
      code: "el.getAttribute('onClick')",
      output: "el.getAttribute('onclick')",
      errors: [
        {
          message: 'Attributes should be lowercase and hyphen separated, or part of the SVG whitelist.',
          type: 'Literal',
        },
      ],
    },
    {
      code: "el.getAttribute('viewbox')",
      output: null,
      errors: [
        {
          message: 'Attributes should be lowercase and hyphen separated, or part of the SVG whitelist.',
          type: 'Literal',
        },
      ],
    },
    {
      code: "el.getAttribute('preserveaspectratio')",
      output: null,
      errors: [
        {
          message: 'Attributes should be lowercase and hyphen separated, or part of the SVG whitelist.',
          type: 'Literal',
        },
      ],
    },
  ],
})