static-class-names-order.js

/**
 * @fileoverview enforce ordering of classes
 * @author Maciej Chmurski
 */
'use strict'

const rule = require('../../../lib/rules/static-class-names-order')
const RuleTester = require('../../eslint-compat').RuleTester

const tester = new RuleTester({
  languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2015 }
})
tester.run('static-class-names-order', rule, {
  valid: [
    {
      filename: 'no-classes.vue',
      code: '<template><div></div></template>'
    },
    {
      filename: 'one-class.vue',
      code: '<template><div class="a"></div></template>'
    },
    {
      filename: 'single-space.vue',
      code: '<template><div class="a b c"></div></template>'
    },
    {
      filename: 'multiple-spaces.vue',
      code: '<template><div class="a       b       c"></div></template>'
    },
    {
      filename: 'tabs.vue',
      code: '<template><div class="a  b  c"></div></template>'
    }
  ],

  invalid: [
    {
      filename: 'two-classes.vue',
      code: '<template><div class="b a"></div></template>',
      output: '<template><div class="a b"></div></template>',
      errors: [
        {
          message: 'Classes should be ordered alphabetically.',
          type: 'VAttribute'
        }
      ]
    },
    {
      filename: 'three-classes.vue',
      code: `<template>
          <div class="c b a">
          </div>
        </template>`,
      output: `<template>
          <div class="a b c">
          </div>
        </template>`,
      errors: [
        {
          message: 'Classes should be ordered alphabetically.',
          type: 'VAttribute'
        }
      ]
    }
  ]
})