From b1939320167a2388b847ca9efcaad96545046ba0 Mon Sep 17 00:00:00 2001 From: Blake Newman Date: Tue, 7 Nov 2017 12:30:18 +0000 Subject: [PATCH] fix: indentation issues (#1) - Fix issues with indentation - If using two spaces / complex structures indentation is broken - Use pretty which solves these issues - Update dependencies - Add missing dev dependencies - Use vue-jest - Use npm version for vue-test-utils --- index.js | 4 +- package.json | 30 +- test/ListSpaced.spec.js | 14 + test/__snapshots__/ListSpaced.spec.js.snap | 18 + test/components/List.vue | 4 +- test/components/ListSpaced.vue | 30 + yarn.lock | 887 ++++++++++++++------- 7 files changed, 682 insertions(+), 305 deletions(-) create mode 100644 test/ListSpaced.spec.js create mode 100644 test/__snapshots__/ListSpaced.spec.js.snap create mode 100644 test/components/ListSpaced.vue diff --git a/index.js b/index.js index 8b14590..4796895 100644 --- a/index.js +++ b/index.js @@ -1,4 +1,4 @@ -const beautify = require('js-beautify').html +const beautify = require('pretty') module.exports = { test (object) { @@ -6,6 +6,6 @@ module.exports = { }, print (val) { const removedServerRenderedText = val.replace(/ data-server-rendered="true"/, '') - return beautify(removedServerRenderedText, {}) + return beautify(removedServerRenderedText, { indent_size: 4 }) } } diff --git a/package.json b/package.json index 82e9fc8..15da916 100644 --- a/package.json +++ b/package.json @@ -28,20 +28,22 @@ }, "homepage": "https://github.com/eddyerburgh/jest-serializer-vue#readme", "devDependencies": { - "babel-jest": "^21.0.0", - "conventional-changelog": "^1.1.5", - "eslint": "^4.6.1", - "eslint-config-standard": "^10.2.1", - "eslint-plugin-import": "^2.7.0", - "eslint-plugin-node": "^5.1.1", - "eslint-plugin-promise": "^3.5.0", + "babel-jest": "21.2.0", + "babel-preset-es2015": "6.24.1", + "conventional-changelog": "1.1.6", + "eslint": "4.10.0", + "eslint-config-standard": "10.2.1", + "eslint-plugin-import": "2.8.0", + "eslint-plugin-node": "5.2.1", + "eslint-plugin-promise": "3.6.0", "eslint-plugin-standard": "^3.0.1", "eslint-plugin-vue": "beta", - "jest": "^21.0.1", - "jest-vue": "^0.5.2", - "vue": "^2.4.2", - "vue-server-renderer": "^2.4.2", - "vue-test-utils": "https://github.com/vuejs/vue-test-utils" + "jest": "21.2.1", + "vue": "2.5.3", + "vue-jest": "1.0.2", + "vue-server-renderer": "2.5.3", + "vue-template-compiler": "2.5.3", + "vue-test-utils": "1.0.0-beta.4" }, "jest": { "moduleFileExtensions": [ @@ -51,13 +53,13 @@ ], "transform": { "^.+\\.js$": "/node_modules/babel-jest", - ".*\\.vue$": "/node_modules/jest-vue" + ".*\\.vue$": "/node_modules/vue-jest" }, "snapshotSerializers": [ "/index.js" ] }, "dependencies": { - "js-beautify": "^1.7.3" + "pretty": "2.0.0" } } diff --git a/test/ListSpaced.spec.js b/test/ListSpaced.spec.js new file mode 100644 index 0000000..5b1ff41 --- /dev/null +++ b/test/ListSpaced.spec.js @@ -0,0 +1,14 @@ +import { shallow } from 'vue-test-utils' +import ListSpaced from './components/ListSpaced.vue' +import { createRenderer } from 'vue-server-renderer' + +describe('ListSpaced.vue', () => { + it('hasn\'t changed snapshot', () => { + const renderer = createRenderer() + const wrapper = shallow(ListSpaced) + renderer.renderToString(wrapper.vm, (err, str) => { + if (err) throw new Error(err) + expect(str).toMatchSnapshot() + }) + }) +}) diff --git a/test/__snapshots__/ListSpaced.spec.js.snap b/test/__snapshots__/ListSpaced.spec.js.snap new file mode 100644 index 0000000..c6a6ff4 --- /dev/null +++ b/test/__snapshots__/ListSpaced.spec.js.snap @@ -0,0 +1,18 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`ListSpaced.vue hasn't changed snapshot 1`] = ` + +`; diff --git a/test/components/List.vue b/test/components/List.vue index b098a90..bd816b8 100644 --- a/test/components/List.vue +++ b/test/components/List.vue @@ -1,6 +1,8 @@