test(vue-cli-plugin-eslint): Add missing tests

Author: michalsnik

packages/@vue/cli-plugin-eslint/__tests__/__snapshots__/ui.spec.js.snap

@@ -0,0 +1,82 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[` 1`] = `
+Array [
+  Object {
+    "choices": Array [
+      Object {
+        "name": "org.vue.eslint.config.eslint.setting.off",
+        "value": "\\"off\\"",
+      },
+      Object {
+        "name": "org.vue.eslint.config.eslint.setting.error",
+        "value": "\\"error\\"",
+      },
+      Object {
+        "name": "org.vue.eslint.config.eslint.setting.warning",
+        "value": "\\"warning\\"",
+      },
+    ],
+    "default": "\\"error\\"",
+    "description": "Dolor description",
+    "group": "org.vue.eslint.config.eslint.groups.base",
+    "link": "http://test.com/dolor",
+    "message": "vue/dolor",
+    "name": "vue/dolor",
+    "type": "list",
+    "value": undefined,
+  },
+  Object {
+    "choices": Array [
+      Object {
+        "name": "org.vue.eslint.config.eslint.setting.off",
+        "value": "\\"off\\"",
+      },
+      Object {
+        "name": "org.vue.eslint.config.eslint.setting.error",
+        "value": "\\"error\\"",
+      },
+      Object {
+        "name": "org.vue.eslint.config.eslint.setting.warning",
+        "value": "\\"warning\\"",
+      },
+    ],
+    "default": "\\"error\\"",
+    "description": "Ipsum description",
+    "group": "org.vue.eslint.config.eslint.groups.recommended",
+    "link": "http://test.com/ipsum",
+    "message": "vue/ipsum",
+    "name": "vue/ipsum",
+    "type": "list",
+    "value": "\\"warning\\"",
+  },
+  Object {
+    "choices": Array [
+      Object {
+        "name": "org.vue.eslint.config.eslint.setting.off",
+        "value": "\\"off\\"",
+      },
+      Object {
+        "name": "org.vue.eslint.config.eslint.setting.error",
+        "value": "\\"error\\"",
+      },
+      Object {
+        "name": "org.vue.eslint.config.eslint.setting.warning",
+        "value": "\\"warning\\"",
+      },
+      Object {
+        "name": "org.vue.eslint.config.eslint.setting.custom",
+        "value": "[\\"error\\",[\\"asd\\"]]",
+      },
+    ],
+    "default": "\\"off\\"",
+    "description": "Lorem description",
+    "group": "org.vue.eslint.config.eslint.groups.uncategorized",
+    "link": "http://test.com/lorem",
+    "message": "vue/lorem",
+    "name": "vue/lorem",
+    "type": "list",
+    "value": "[\\"error\\",[\\"asd\\"]]",
+  },
+]
+`;

packages/@vue/cli-plugin-eslint/__tests__/ui.spec.js

@@ -1,5 +1,5 @@
 const configDescriptor = require('../ui/configDescriptor')
-const { getEslintConfigName, getDefaultValue } = configDescriptor
+const { getEslintConfigName, getDefaultValue, getEslintPrompts } = configDescriptor
 
 describe('getEslintConfigName', () => {
   describe('for "extend" of string type', () => {
@@ -76,3 +76,84 @@ describe('getDefaultValue', () => {
     expect(getResult('plugin:vue/recommended', undefined)).toBe('off')
   })
 })
+
+describe('getEslintPrompts', () => {
+  // project configuration
+  const data = {
+    eslint: {
+      extends: 'plugin:vue/recommended',
+      rules: {
+        'vue/lorem': ['error', ['asd']], // custom setting
+        'vue/ipsum': 'warning'
+      }
+    }
+  }
+
+  // all rules
+  const rules = {
+    'lorem': {
+      meta: {
+        docs: {
+          category: undefined,
+          description: 'Lorem description',
+          url: 'http://test.com/lorem'
+        }
+      }
+    },
+    'ipsum': {
+      meta: {
+        docs: {
+          category: 'recommended',
+          description: 'Ipsum description',
+          url: 'http://test.com/ipsum'
+        }
+      }
+    },
+    'dolor': {
+      meta: {
+        docs: {
+          category: 'base',
+          description: 'Dolor description',
+          url: 'http://test.com/dolor'
+        }
+      }
+    }
+  }
+
+  const prompts = getEslintPrompts(data, rules)
+
+  it('generates an array', () => {
+    expect(prompts).toMatchSnapshot()
+  })
+
+  it('creates an array with three settings', () => {
+    expect(prompts).toHaveLength(3)
+  })
+
+  it('creates an array which order matches eslint categories', () => {
+    expect(prompts[0].name).toBe('vue/dolor')
+    expect(prompts[1].name).toBe('vue/ipsum')
+    expect(prompts[2].name).toBe('vue/lorem')
+  })
+
+  it('doesn\'t set value on prompt item, if the rule wasn\'t set in project\'s eslint config', () => {
+    expect(prompts[0].value).toBe(undefined)
+  })
+
+  it('sets value on prompt item, if the rule was set in project\'s eslint config', () => {
+    expect(prompts[1].value).toBe('"warning"')
+    expect(prompts[2].value).toBe('["error",["asd"]]')
+  })
+
+  it('generates an extra choice for rules that have a custom setting', () => {
+    expect(prompts[0].choices).toHaveLength(3)
+    expect(prompts[1].choices).toHaveLength(3)
+    expect(prompts[2].choices).toHaveLength(4)
+  })
+
+  it('sets a default value to "ERROR" for rule that belong to the choosen config', () => {
+    expect(prompts[0].default).toBe('"error"')
+    expect(prompts[1].default).toBe('"error"')
+    expect(prompts[2].default).toBe('"off"')
+  })
+})