@openeuropa/bcl-subscription-block 0.24.1 → 0.26.0

package/__snapshots__/subscription-block.test.js.snap

@@ -3,7 +3,7 @@
 exports[`OE - Subscription Block renders correctly 1`] = `
 <jest>
   <div
-    class="bg-light px-4-5 pt-4 pb-4-5"
+    class="bcl-subscription-block bg-light px-4-5 pt-4 pb-4-5"
   >
     <div
       class="fs-2 fw-normal"

package/package.json

@@ -2,16 +2,16 @@
   "name": "@openeuropa/bcl-subscription-block",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "0.24.1",
+  "version": "0.26.0",
   "publishConfig": {
     "access": "public"
   },
   "description": "OE - BCL subscription block",
   "dependencies": {
-    "@openeuropa/bcl-alert": "^0.24.1",
-    "@openeuropa/bcl-button": "^0.24.1",
-    "@openeuropa/bcl-form": "^0.24.1",
-    "@openeuropa/bcl-modal": "^0.24.1"
+    "@openeuropa/bcl-alert": "^0.26.0",
+    "@openeuropa/bcl-button": "^0.26.0",
+    "@openeuropa/bcl-form": "^0.26.0",
+    "@openeuropa/bcl-modal": "^0.26.0"
   },
   "repository": {
     "type": "git",
@@ -27,5 +27,5 @@
     "design-system",
     "twig"
   ],
-  "gitHead": "3ebebdea0c76a5a8df03abbd13873956a1e4837a"
+  "gitHead": "94d89cc379780cfce06178959194b3bc1b4c5eda"
 }

package/subscription-block.html.twig

@@ -11,11 +11,13 @@
 {% set _content = content|default('') %}
 {% set _button = button|default({}) %}
 
+{% set _classes = ['bcl-subscription-block', 'bg-light', 'px-4-5', 'pt-4', 'pb-4-5'] %}
+
 {% if attributes is empty %}
   {% set attributes = create_attribute() %}
 {% endif %}
 
-{% set attributes = attributes.addClass(['bg-light', 'px-4-5', 'pt-4', 'pb-4-5']) %}
+{% set attributes = attributes.addClass(_classes) %}
 
 <div
   {{ attributes }}

package/subscription-block.story.js

@@ -1,13 +1,12 @@
 import { withDesign } from "storybook-addon-designs";
-import withCode from "@openeuropa/storybook-addon-code";
-
 import { correctPaths } from "@openeuropa/bcl-story-utils";
+
 import subscriptionBlock from "@openeuropa/bcl-subscription-block/subscription-block.html.twig";
 import demoData from "@openeuropa/bcl-subscription-block/data.js";
 
 export default {
   title: "Compositions/Subscription Block",
-  decorators: [withCode, withDesign],
+  decorators: [withDesign],
   parameters: {
     layout: "fullscreen",
     controls: { disable: true },

package/subscription-block.test.js

@@ -1,14 +1,27 @@
-import { renderTwigFileAsNode } from "@openeuropa/bcl-test-utils";
+import {
+  renderTwigFileAsNode,
+  renderTwigFileAsHtml,
+} from "@openeuropa/bcl-test-utils";
+import { axe, toHaveNoViolations } from "jest-axe";
+
 import demoData from "@openeuropa/bcl-subscription-block/data";
 
 const template = "@oe-bcl/bcl-subscription-block/subscription-block.html.twig";
 
 const render = (params) => renderTwigFileAsNode(template, params, true);
 
+expect.extend(toHaveNoViolations);
+
 describe("OE - Subscription Block", () => {
   test("renders correctly", () => {
     expect.assertions(1);
 
     return expect(render(demoData)).resolves.toMatchSnapshot();
   });
+
+  test(`passes the accessibility tests`, async () => {
+    expect(
+      await axe(renderTwigFileAsHtml(template, demoData, true))
+    ).toHaveNoViolations();
+  });
 });