From 78941e9c23cd84c48905f83c460696e0424d5264 Mon Sep 17 00:00:00 2001 From: Simon Knox Date: Fri, 24 Aug 2018 16:42:52 +1000 Subject: [PATCH 01/15] add gl-tooltip --- .storybook/config.js | 3 +++ directives/tooltip.js | 3 +++ rollup.config.js | 9 +++++---- stories/index.js | 12 ++---------- stories/tooltip.js | 30 ++++++++++++++++++++++++++++++ 5 files changed, 43 insertions(+), 14 deletions(-) create mode 100644 directives/tooltip.js create mode 100644 stories/tooltip.js diff --git a/.storybook/config.js b/.storybook/config.js index 1b872de569..da678195f4 100644 --- a/.storybook/config.js +++ b/.storybook/config.js @@ -4,10 +4,13 @@ import Vue from 'vue'; // Import your custom components. import progressBar from '../components/base/progress_bar.vue'; +import TooltipDirective from '../directives/tooltip'; // Register custom components. Vue.component('gl-progress-bar', progressBar); +Vue.directive('gl-tooltip', TooltipDirective); + function loadStories() { // You can require as many stories as you need. require('../stories'); diff --git a/directives/tooltip.js b/directives/tooltip.js new file mode 100644 index 0000000000..4ec61e8e56 --- /dev/null +++ b/directives/tooltip.js @@ -0,0 +1,3 @@ +import Tooltip from 'bootstrap-vue/es/directives/tooltip/tooltip'; + +export default Tooltip; diff --git a/rollup.config.js b/rollup.config.js index 3e60da6d8c..5fb9af4cb8 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -3,10 +3,11 @@ import resolve from 'rollup-plugin-node-resolve'; import glob from 'glob'; export default glob - .sync('components/**/**.vue') - .map((input) => { - const vueFilename = input.slice('components/'.length); - const outputFilename = vueFilename.slice(0, -1 * '.vue'.length); + .sync('+(components|directives)/**/*.+(js|vue)') + .map((inputFilePath) => { + const outputFilename = inputFilePath + .replace(/(components|directives)\//, '') + .replace(/\.(vue|js)$/, ''); return { input, diff --git a/stories/index.js b/stories/index.js index d63ab95703..c137265809 100644 --- a/stories/index.js +++ b/stories/index.js @@ -1,10 +1,2 @@ -import Vue from 'vue'; -import { storiesOf } from '@storybook/vue'; - -storiesOf('progress-bar', module) - .add('default', () => ({ - template: '' - })) - .add('success variant', () => ({ - template: '' - })); +import './progress_bar'; +import './tooltip'; \ No newline at end of file diff --git a/stories/tooltip.js b/stories/tooltip.js new file mode 100644 index 0000000000..58f198cd8a --- /dev/null +++ b/stories/tooltip.js @@ -0,0 +1,30 @@ +import { storiesOf } from '@storybook/vue'; + +function makeTooltip(vGlTooltip = 'v-gl-tooltip') { + return ` +
+ +
+ `; +} + +storiesOf('tooltip', module) + .add('defaults to top', () => ({ + template: makeTooltip('v-gl-tooltip'), + })) + .add('to the right', () => ({ + template: makeTooltip('v-gl-tooltip.right'), + })) + .add('to the left', () => ({ + template: makeTooltip('v-gl-tooltip.left'), + })) + .add('to the bottom', () => ({ + template: makeTooltip('v-gl-tooltip.bottom'), + })) + ; -- GitLab From fdf6ea2b66de9bf18763e60b186c145d4376ccca Mon Sep 17 00:00:00 2001 From: Simon Knox Date: Fri, 24 Aug 2018 20:42:23 +1000 Subject: [PATCH 02/15] show tooltip in stories --- stories/tooltip.js | 42 +++++++++++++++++++----------------------- 1 file changed, 19 insertions(+), 23 deletions(-) diff --git a/stories/tooltip.js b/stories/tooltip.js index 58f198cd8a..5ab2263549 100644 --- a/stories/tooltip.js +++ b/stories/tooltip.js @@ -1,30 +1,26 @@ import { storiesOf } from '@storybook/vue'; function makeTooltip(vGlTooltip = 'v-gl-tooltip') { - return ` -
- -
- `; + return () => ({ + template: ` +
+ +
+ `, + mounted() { + this.$el.querySelector('button').focus() + } + }); } storiesOf('tooltip', module) - .add('defaults to top', () => ({ - template: makeTooltip('v-gl-tooltip'), - })) - .add('to the right', () => ({ - template: makeTooltip('v-gl-tooltip.right'), - })) - .add('to the left', () => ({ - template: makeTooltip('v-gl-tooltip.left'), - })) - .add('to the bottom', () => ({ - template: makeTooltip('v-gl-tooltip.bottom'), - })) + .add('defaults to top', makeTooltip('v-gl-tooltip')) + .add('to the right', makeTooltip('v-gl-tooltip.right')) + .add('to the bottom', makeTooltip('v-gl-tooltip.bottom')) + .add('to the left', makeTooltip('v-gl-tooltip.left')) ; -- GitLab From 1f92834a3ef54b05c39ecbc9ce0017d1bbfa68fb Mon Sep 17 00:00:00 2001 From: GitLab Bot Date: Mon, 27 Aug 2018 11:22:07 +0000 Subject: [PATCH 03/15] Update snapshots --- ...storyshots-tooltip-defaults-to-top-1-snap.png | Bin 0 -> 5686 bytes ...e-storyshots-tooltip-to-the-bottom-1-snap.png | Bin 0 -> 5552 bytes ...age-storyshots-tooltip-to-the-left-1-snap.png | Bin 0 -> 5764 bytes ...ge-storyshots-tooltip-to-the-right-1-snap.png | Bin 0 -> 5633 bytes 4 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-defaults-to-top-1-snap.png create mode 100644 tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-bottom-1-snap.png create mode 100644 tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-left-1-snap.png create mode 100644 tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-right-1-snap.png diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-defaults-to-top-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-defaults-to-top-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..c03cefb2848dade92aa11c473e899b709a44fd2d GIT binary patch literal 5686 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 Z_wT9GOwAX%#=yY9;OXk;vd$@?2>{&+7C!(0 literal 0 HcmV?d00001 diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-bottom-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-bottom-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..366f46fc65976090d559f378515d7af0d6be63e5 GIT binary patch literal 5552 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 literal 0 HcmV?d00001 diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-left-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-left-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..07206ea2a217e1a6d0298a8a107607ecbcba88a2 GIT binary patch literal 5764 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 literal 0 HcmV?d00001 diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-right-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-right-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..1cd027adcd46271f236a4e6c9010a63c57096802 GIT binary patch literal 5633 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 literal 0 HcmV?d00001 -- GitLab From 7763f0774da6f69011942c1e4353b4042b2fa56c Mon Sep 17 00:00:00 2001 From: Simon Knox Date: Wed, 29 Aug 2018 14:23:14 +1000 Subject: [PATCH 04/15] add disable animations directive --- .storybook/config.js | 3 +++ directives/helpers.js | 7 +++++++ stories/tooltip.js | 11 +++++++---- 3 files changed, 17 insertions(+), 4 deletions(-) create mode 100644 directives/helpers.js diff --git a/.storybook/config.js b/.storybook/config.js index da678195f4..0d63d4d951 100644 --- a/.storybook/config.js +++ b/.storybook/config.js @@ -5,12 +5,15 @@ import Vue from 'vue'; // Import your custom components. import progressBar from '../components/base/progress_bar.vue'; import TooltipDirective from '../directives/tooltip'; +import { DisableTransitions } from '../directives/helpers'; // Register custom components. Vue.component('gl-progress-bar', progressBar); Vue.directive('gl-tooltip', TooltipDirective); +Vue.directive('disable-transitions', DisableTransitions); + function loadStories() { // You can require as many stories as you need. require('../stories'); diff --git a/directives/helpers.js b/directives/helpers.js new file mode 100644 index 0000000000..6023ef1d91 --- /dev/null +++ b/directives/helpers.js @@ -0,0 +1,7 @@ +export const DisableTransitions = { + inserted: function inserted(el, bindings, vnode) { + const styleBlock = document.createElement('style'); + styleBlock.innerHTML = '* { transition: none !important; }'; + el.appendChild(styleBlock); + } +} diff --git a/stories/tooltip.js b/stories/tooltip.js index 5ab2263549..4f6ce296ee 100644 --- a/stories/tooltip.js +++ b/stories/tooltip.js @@ -3,12 +3,15 @@ import { storiesOf } from '@storybook/vue'; function makeTooltip(vGlTooltip = 'v-gl-tooltip') { return () => ({ template: ` -
+
`, @@ -22,5 +25,5 @@ storiesOf('tooltip', module) .add('defaults to top', makeTooltip('v-gl-tooltip')) .add('to the right', makeTooltip('v-gl-tooltip.right')) .add('to the bottom', makeTooltip('v-gl-tooltip.bottom')) - .add('to the left', makeTooltip('v-gl-tooltip.left')) - ; + .add('to the left', makeTooltip('v-gl-tooltip.left')); + -- GitLab From 4229159793a374e51af1e2faab71bd29ee347ec8 Mon Sep 17 00:00:00 2001 From: GitLab Bot Date: Wed, 29 Aug 2018 08:13:30 +0000 Subject: [PATCH 05/15] Update snapshots --- ...ryshots-tooltip-defaults-to-top-1-snap.png | Bin 5686 -> 5767 bytes ...toryshots-tooltip-to-the-bottom-1-snap.png | Bin 5552 -> 5736 bytes ...-storyshots-tooltip-to-the-left-1-snap.png | Bin 5764 -> 5782 bytes ...storyshots-tooltip-to-the-right-1-snap.png | Bin 5633 -> 5744 bytes 4 files changed, 0 insertions(+), 0 deletions(-) diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-defaults-to-top-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-defaults-to-top-1-snap.png index c03cefb2848dade92aa11c473e899b709a44fd2d..fa2e3075951bbc0f11e136ad77174f847bfdfee8 100644 GIT binary patch delta 2845 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 delta 2764 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 diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-bottom-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-bottom-1-snap.png index 366f46fc65976090d559f378515d7af0d6be63e5..4914119702b5a55d28a64f7331a00c01a2bfb2d4 100644 GIT binary patch delta 2825 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 DR$BQ! delta 2717 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 diff --git a/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-right-1-snap.png b/tests/__image_snapshots__/storyshots-spec-js-image-storyshots-tooltip-to-the-right-1-snap.png index 1cd027adcd46271f236a4e6c9010a63c57096802..7aff57181d789431309a7da42548d706857b4e3f 100644 GIT binary patch delta 2687 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 Vbz6F37#J8BJYD@<);T3K0RV_>;i>=t delta 2585 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 -- GitLab From fa9bf45e99f3d32a3c8de50f044e3d6d7a8a44b5 Mon Sep 17 00:00:00 2001 From: Simon Knox Date: Fri, 31 Aug 2018 21:18:13 +1000 Subject: [PATCH 06/15] Revert "add disable animations directive" This reverts commit 7763f0774da6f69011942c1e4353b4042b2fa56c. --- .storybook/config.js | 3 --- directives/helpers.js | 7 ------- stories/tooltip.js | 11 ++++------- 3 files changed, 4 insertions(+), 17 deletions(-) delete mode 100644 directives/helpers.js diff --git a/.storybook/config.js b/.storybook/config.js index 0d63d4d951..da678195f4 100644 --- a/.storybook/config.js +++ b/.storybook/config.js @@ -5,15 +5,12 @@ import Vue from 'vue'; // Import your custom components. import progressBar from '../components/base/progress_bar.vue'; import TooltipDirective from '../directives/tooltip'; -import { DisableTransitions } from '../directives/helpers'; // Register custom components. Vue.component('gl-progress-bar', progressBar); Vue.directive('gl-tooltip', TooltipDirective); -Vue.directive('disable-transitions', DisableTransitions); - function loadStories() { // You can require as many stories as you need. require('../stories'); diff --git a/directives/helpers.js b/directives/helpers.js deleted file mode 100644 index 6023ef1d91..0000000000 --- a/directives/helpers.js +++ /dev/null @@ -1,7 +0,0 @@ -export const DisableTransitions = { - inserted: function inserted(el, bindings, vnode) { - const styleBlock = document.createElement('style'); - styleBlock.innerHTML = '* { transition: none !important; }'; - el.appendChild(styleBlock); - } -} diff --git a/stories/tooltip.js b/stories/tooltip.js index 4f6ce296ee..5ab2263549 100644 --- a/stories/tooltip.js +++ b/stories/tooltip.js @@ -3,15 +3,12 @@ import { storiesOf } from '@storybook/vue'; function makeTooltip(vGlTooltip = 'v-gl-tooltip') { return () => ({ template: ` -
+
`, @@ -25,5 +22,5 @@ storiesOf('tooltip', module) .add('defaults to top', makeTooltip('v-gl-tooltip')) .add('to the right', makeTooltip('v-gl-tooltip.right')) .add('to the bottom', makeTooltip('v-gl-tooltip.bottom')) - .add('to the left', makeTooltip('v-gl-tooltip.left')); - + .add('to the left', makeTooltip('v-gl-tooltip.left')) + ; -- GitLab From e135666294f11ac92f8d563a20ea9026b2aa680c Mon Sep 17 00:00:00 2001 From: Simon Knox Date: Fri, 31 Aug 2018 21:18:58 +1000 Subject: [PATCH 07/15] fix linefeed --- stories/tooltip.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/stories/tooltip.js b/stories/tooltip.js index 5ab2263549..70443f7feb 100644 --- a/stories/tooltip.js +++ b/stories/tooltip.js @@ -22,5 +22,4 @@ storiesOf('tooltip', module) .add('defaults to top', makeTooltip('v-gl-tooltip')) .add('to the right', makeTooltip('v-gl-tooltip.right')) .add('to the bottom', makeTooltip('v-gl-tooltip.bottom')) - .add('to the left', makeTooltip('v-gl-tooltip.left')) - ; + .add('to the left', makeTooltip('v-gl-tooltip.left')); -- GitLab From 6a69bb532f7526ad8976832404ab28ba051c1039 Mon Sep 17 00:00:00 2001 From: Simon Knox Date: Tue, 4 Sep 2018 07:20:09 +1000 Subject: [PATCH 08/15] add storyshots screenshot delay from https://gitlab.com/gitlab-org/gitlab-ui/merge_requests/23/diffs --- tests/config.js | 4 ++++ tests/storyshots.spec.js | 21 ++++++++++++++++++++- 2 files changed, 24 insertions(+), 1 deletion(-) create mode 100644 tests/config.js diff --git a/tests/config.js b/tests/config.js new file mode 100644 index 0000000000..409cc73fae --- /dev/null +++ b/tests/config.js @@ -0,0 +1,4 @@ +export const timeoutBeforeScreenshot = [ + 'modal', + 'tooltip', +]; diff --git a/tests/storyshots.spec.js b/tests/storyshots.spec.js index 20176faea3..95202c01db 100644 --- a/tests/storyshots.spec.js +++ b/tests/storyshots.spec.js @@ -1,4 +1,23 @@ import initStoryshots from '@storybook/addon-storyshots'; import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer'; +import { timeoutBeforeScreenshot } from './config'; -initStoryshots({suite: 'Image storyshots', test: imageSnapshot({storybookUrl: `file:///${__dirname}/../storybook`})}); +const beforeScreenshot = (page, {context : {kind, story}, url}) => { + const shouldDelay = timeoutBeforeScreenshot.includes(kind); + + const delayedResolve = new Promise(resolve => + setTimeout(() => { + resolve(); + }, 600) + ) + + return shouldDelay ? delayedResolve : Promise.resolve; +} + +initStoryshots({ + suite: 'Image storyshots', + test: imageSnapshot({ + storybookUrl: `file:///${__dirname}/../storybook`, + beforeScreenshot, + }) +}); -- GitLab From 633bfa4e24175e13d76d1dc5f23a735e8fd6336d Mon Sep 17 00:00:00 2001 From: Simon Knox Date: Tue, 4 Sep 2018 11:22:59 +1000 Subject: [PATCH 09/15] fix bad merge --- rollup.config.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/rollup.config.js b/rollup.config.js index 5fb9af4cb8..e24b42511f 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -4,7 +4,7 @@ import glob from 'glob'; export default glob .sync('+(components|directives)/**/*.+(js|vue)') - .map((inputFilePath) => { + .map((input) => { const outputFilename = inputFilePath .replace(/(components|directives)\//, '') .replace(/\.(vue|js)$/, ''); -- GitLab From 039a5c5cd80ccd73a672b230f2c3c41b1896c691 Mon Sep 17 00:00:00 2001 From: Simon Knox Date: Tue, 4 Sep 2018 14:16:17 +1000 Subject: [PATCH 10/15] doh --- rollup.config.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/rollup.config.js b/rollup.config.js index e24b42511f..2f7a491911 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -5,7 +5,7 @@ import glob from 'glob'; export default glob .sync('+(components|directives)/**/*.+(js|vue)') .map((input) => { - const outputFilename = inputFilePath + const outputFilename = input .replace(/(components|directives)\//, '') .replace(/\.(vue|js)$/, ''); -- GitLab From 4d37b91757ec83cf71ed6c697acc884d14be61e8 Mon Sep 17 00:00:00 2001 From: Simon Knox Date: Thu, 6 Sep 2018 07:27:09 +1000 Subject: [PATCH 11/15] add missing story from bad merge --- .storybook/config.js | 1 + 1 file changed, 1 insertion(+) diff --git a/.storybook/config.js b/.storybook/config.js index 35f15ce438..a5da4311d2 100644 --- a/.storybook/config.js +++ b/.storybook/config.js @@ -15,6 +15,7 @@ Vue.directive('gl-tooltip', TooltipDirective); function loadStories() { // You can require as many stories as you need. require('../stories/base/progress_bar'); + require('../stories/tooltip'); } setOptions({ -- GitLab From 5dc131f3c1a9b2a2323508914b8beea1895cebba Mon Sep 17 00:00:00 2001 From: Simon Knox Date: Fri, 7 Sep 2018 08:03:04 +1000 Subject: [PATCH 12/15] clearer template --- stories/tooltip.js | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/stories/tooltip.js b/stories/tooltip.js index 70443f7feb..4b7d91ac22 100644 --- a/stories/tooltip.js +++ b/stories/tooltip.js @@ -1,11 +1,11 @@ import { storiesOf } from '@storybook/vue'; -function makeTooltip(vGlTooltip = 'v-gl-tooltip') { +function makeTooltip(modifier = '') { return () => ({ template: `