feat(ButtonMobileStore): make alt prop required

BREAKING CHANGE: Because of accessibility,
the alt prop is now required on the ButtonMobileStore component.
This will be used as the alt attribute of the image.
Make sure the passed value is properly translated.

Author: DSil

packages/orbit-components/src/ButtonMobileStore/README.md

@@ -9,7 +9,7 @@ import ButtonMobileStore from "@kiwicom/orbit-components/lib/ButtonMobileStore";
 After adding import into your project you can use it simply like:
 
 ```jsx
-<ButtonMobileStore type="appStore" />
+<ButtonMobileStore alt="Download on the App Store" type="appStore" />
 ```
 
 ## Props
@@ -18,7 +18,7 @@ Table below contains all types of the props available in the ButtonMobileStore c
 
 | Name            | Type                       | Default      | Description                                                                   |
 | :-------------- | :------------------------- | :----------- | :---------------------------------------------------------------------------- |
-| alt             | `string`                   |              | Optional property for passing own `alt` attribute to the DOM image element.   |
+| **alt**         | `string`                   |              | Required property for passing `alt` attribute to the DOM image element.       |
 | title           | `string`                   |              | Optional property for passing own `title` attribute to the DOM image element. |
 | dataTest        | `string`                   |              | Optional prop for testing purposes.                                           |
 | id              | `string`                   |              | Set `id` for `ButtonMobileStore`.                                             |

packages/orbit-components/src/ButtonMobileStore/__tests__/index.test.tsx

@@ -11,7 +11,13 @@ describe("ButtonMobileStore", () => {
   it("default", async () => {
     const onClick = jest.fn();
     render(
-      <ButtonMobileStore onClick={onClick} dataTest="test" type={TYPE_OPTIONS.APPSTORE} href="#" />,
+      <ButtonMobileStore
+        onClick={onClick}
+        dataTest="test"
+        type={TYPE_OPTIONS.APPSTORE}
+        href="#"
+        alt="Download on the App Store"
+      />,
     );
     expect(screen.getByTestId("test")).toBeInTheDocument();
     const link = screen.getByRole("link");

packages/orbit-components/src/ButtonMobileStore/types.d.ts

@@ -10,7 +10,7 @@ export interface Props extends Common.Globals {
   readonly type?: Type;
   readonly stopPropagation?: boolean;
   readonly href?: string;
-  readonly alt?: string;
+  readonly alt: string;
   readonly title?: string;
   readonly lang?: string;
   readonly onClick?: (ev: React.MouseEvent<HTMLAnchorElement>) => void;