@justeat/f-button - npm Package Compare versions

Comparing version 3.2.0 to 3.3.0

CHANGELOG.md

@@ -6,3 +6,14 @@ # Changelog
 
+v3.3.0
+------------------------------
+*January 28, 2022*
 
+### Changed
+- `spacing` references to new mapping from fozzie e.g spacing(x2) > spacing(d).
+
+### Added
+- Component, visual and accessibility tests for icon-buttons
+- Updated `IconButton.stories` to show all types and sizes of icons - similar to `Button.stories`
+
+
 v3.2.0
@@ -9,0 +20,0 @@ ------------------------------

dist/f-button.common.js

@@ -122,3 +122,3 @@ module.exports =
 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"03bd7195-vue-loader-template"}!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=template&id=c210f3ae&
+// CONCATENATED MODULE: /home/circleci/project/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75c84e62-vue-loader-template"}!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--0-0!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=template&id=55982e41&
 var render = function () {
@@ -134,5 +134,5 @@ var _obj, _obj$1;
 
-// CONCATENATED MODULE: ./src/components/Button.vue?vue&type=template&id=c210f3ae&
+// CONCATENATED MODULE: ./src/components/Button.vue?vue&type=template&id=55982e41&
 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"03bd7195-vue-loader-template"}!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=template&id=5e41886b&
+// CONCATENATED MODULE: /home/circleci/project/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75c84e62-vue-loader-template"}!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--0-0!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=template&id=5e41886b&
 var Actionvue_type_template_id_5e41886b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({attrs:{"type":_vm.actionType}},_vm.$listeners),[_vm._t("default")],2)}
@@ -144,3 +144,3 @@ var Actionvue_type_template_id_5e41886b_staticRenderFns = []
 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--12-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/thread-loader/dist/cjs.js!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: /home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--12-0!/home/circleci/project/node_modules/thread-loader/dist/cjs.js!/home/circleci/project/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--0-0!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=script&lang=js&
 //
@@ -164,3 +164,3 @@ //
  /* harmony default export */ var components_Actionvue_type_script_lang_js_ = (Actionvue_type_script_lang_js_); 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
+// CONCATENATED MODULE: /home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -285,3 +285,3 @@
 /* harmony default export */ var Action = (component.exports);
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"03bd7195-vue-loader-template"}!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Link.vue?vue&type=template&id=a1c38506&
+// CONCATENATED MODULE: /home/circleci/project/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75c84e62-vue-loader-template"}!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--0-0!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Link.vue?vue&type=template&id=a1c38506&
 var Linkvue_type_template_id_a1c38506_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',_vm._g({},_vm.$listeners),[_vm._t("default")],2)}
@@ -320,3 +320,3 @@ var Linkvue_type_template_id_a1c38506_staticRenderFns = []
 var VALID_BUTTON_ICON_POSITION = ['leading', 'trailing', false];
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--12-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/thread-loader/dist/cjs.js!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: /home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--12-0!/home/circleci/project/node_modules/thread-loader/dist/cjs.js!/home/circleci/project/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--0-0!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js&
 //
@@ -690,3 +690,3 @@ //
 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+// CONCATENATED MODULE: /home/circleci/project/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -718,3 +718,3 @@
 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+// CONCATENATED MODULE: /home/circleci/project/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
 
@@ -721,0 +721,0 @@

dist/f-button.umd.js

@@ -131,3 +131,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"03bd7195-vue-loader-template"}!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=template&id=c210f3ae&
+// CONCATENATED MODULE: /home/circleci/project/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75c84e62-vue-loader-template"}!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--0-0!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=template&id=55982e41&
 var render = function () {
@@ -143,5 +143,5 @@ var _obj, _obj$1;
 
-// CONCATENATED MODULE: ./src/components/Button.vue?vue&type=template&id=c210f3ae&
+// CONCATENATED MODULE: ./src/components/Button.vue?vue&type=template&id=55982e41&
 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"03bd7195-vue-loader-template"}!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=template&id=5e41886b&
+// CONCATENATED MODULE: /home/circleci/project/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75c84e62-vue-loader-template"}!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--0-0!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=template&id=5e41886b&
 var Actionvue_type_template_id_5e41886b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({attrs:{"type":_vm.actionType}},_vm.$listeners),[_vm._t("default")],2)}
@@ -153,3 +153,3 @@ var Actionvue_type_template_id_5e41886b_staticRenderFns = []
 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--12-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/thread-loader/dist/cjs.js!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: /home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--12-0!/home/circleci/project/node_modules/thread-loader/dist/cjs.js!/home/circleci/project/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--0-0!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Action.vue?vue&type=script&lang=js&
 //
@@ -173,3 +173,3 @@ //
  /* harmony default export */ var components_Actionvue_type_script_lang_js_ = (Actionvue_type_script_lang_js_); 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
+// CONCATENATED MODULE: /home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -294,3 +294,3 @@
 /* harmony default export */ var Action = (component.exports);
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"03bd7195-vue-loader-template"}!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Link.vue?vue&type=template&id=a1c38506&
+// CONCATENATED MODULE: /home/circleci/project/node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"75c84e62-vue-loader-template"}!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--0-0!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Link.vue?vue&type=template&id=a1c38506&
 var Linkvue_type_template_id_a1c38506_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',_vm._g({},_vm.$listeners),[_vm._t("default")],2)}
@@ -329,3 +329,3 @@ var Linkvue_type_template_id_a1c38506_staticRenderFns = []
 var VALID_BUTTON_ICON_POSITION = ['leading', 'trailing', false];
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--12-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/thread-loader/dist/cjs.js!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: /home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--12-0!/home/circleci/project/node_modules/thread-loader/dist/cjs.js!/home/circleci/project/node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!/home/circleci/project/node_modules/cache-loader/dist/cjs.js??ref--0-0!/home/circleci/project/node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js&
 //
@@ -699,3 +699,3 @@ //
 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+// CONCATENATED MODULE: /home/circleci/project/node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
 // This file is imported into lib/wc client bundles.
@@ -727,3 +727,3 @@
 
-// CONCATENATED MODULE: /Users/maryia.radchuk/Documents/work/fozzie-components/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+// CONCATENATED MODULE: /home/circleci/project/node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
 
@@ -730,0 +730,0 @@

package.json

 {
   "name": "@justeat/f-button",
   "description": "Fozzie Button – The generic button component",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "main": "dist/f-button.umd.min.js",
@@ -11,2 +11,5 @@ "maxBundleSize": "5kB",
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "homepage": "https://github.com/justeat/fozzie-components/tree/master/packages/components/atoms/f-button",
@@ -25,3 +28,3 @@ "contributors": [
   "engines": {
-    "node": ">=10.0.0"
+    "node": ">=12.0.0"
   },
@@ -38,5 +41,9 @@ "keywords": [
     "test": "vue-cli-service test:unit",
-    "test-component:chrome": "cross-env-shell JE_ENV=local TEST_TYPE=component wdio ../../../../wdio-chrome.conf.js",
-    "test:visual": "cross-env-shell JE_ENV=local PERCY_TOKEN=${PERCY_TOKEN_F_BUTTON} TEST_TYPE=visual percy exec -- wdio ../../../../wdio-chrome.conf.js",
-    "test-a11y:chrome": "cross-env-shell JE_ENV=local TEST_TYPE=a11y wdio ../../../../wdio-chrome.conf.js --suite a11y"
+    "ci:test:atoms": "yarn test",
+    "test-component:chrome": "cross-env-shell TEST_TYPE=component wdio ../../../../wdio-chrome.conf.js",
+    "test:visual": "cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_F_BUTTON} TEST_TYPE=visual percy exec -- wdio ../../../../wdio-chrome.conf.js",
+    "test-a11y:chrome": "cross-env-shell TEST_TYPE=a11y wdio ../../../../wdio-chrome.conf.js",
+    "ci:test-component:chrome:atoms": "yarn test-component:chrome",
+    "ci:test:visual:atoms": "yarn test:visual",
+    "ci:test-a11y:chrome:atoms": "yarn test-a11y:chrome"
   },
@@ -59,3 +66,3 @@ "scriptsInfo": {
     "@justeat/f-vue-icons": "2.8.0",
-    "@justeat/f-wdio-utils": "0.3.0",
+    "@justeat/f-wdio-utils": "0.5.0",
     "@samhammer/vue-cli-plugin-stylelint": "2.0.1",
@@ -68,3 +75,4 @@ "@vue/cli-plugin-babel": "4.4.6",
     "vue-router": "3.5.2"
-  }
+  },
+  "gitHead": "b44876eeffae932b6fc651dcdc485593cedd2232"
 }

test-utils/component-objects/f-button--link.component.js

 const Page = require('@justeat/f-wdio-utils/src/page.object');
 
-module.exports = class Buttons extends Page {
+module.exports = class LinkButton extends Page {
     constructor () {
@@ -8,28 +8,19 @@ super('atom-folder', 'f-button--link-button-component');
 
-    get linkComponent () { return $('[data-test-id="link-button-component"]'); }
+    get component () { return $('[data-test-id="link-button-component"]'); }
 
-    open (url) {
-        super.open(url);
+    load () {
+        super.load(this.component);
     }
 
-    load () {
-        super.load(this.linkComponent);
+    waitForComponent () {
+        super.waitForComponent(this.component);
     }
 
-    /**
-     * @description
-     * Sets the data for the button component.
-     *
-     * @param {Object} button
-     * @param {String} button.type
-     * @param {String} button.size
-     */
-
-    waitForLinkComponent () {
-        super.waitForComponent(this.linkComponent);
+    isComponentDisplayed () {
+        return this.component.isDisplayed();
     }
 
-    isLinkComponentDisplayed () {
-        return this.linkComponent.isDisplayed();
+    isComponentClickable () {
+        return this.component.isClickable();
     }
 };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of package files

15

increased by7.14%

Worsened metrics

Total package byte prevSize

255483

decreased by-0.49%

Lines of code

1354

decreased by-0.07%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes