From 920afe8bc79113372d8f7da6d0d009cfcd76a6d8 Mon Sep 17 00:00:00 2001
From: Tobias Pickel <tobias.pickel@xing.com>
Date: Fri, 13 Sep 2019 16:56:40 +0200
Subject: [PATCH] chore: updates for e2e testing

---
 src/components/common/header-menu.tsx         |  5 +---
 .../split-invoice/split-invoice.tsx           | 24 ++++++++++---------
 src/components/ui/button.tsx                  |  3 ++-
 src/components/user/edit-user-form.tsx        |  9 +++++--
 src/locales/en.ts                             |  3 +++
 5 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/src/components/common/header-menu.tsx b/src/components/common/header-menu.tsx
index 1bbc64e6..9be5fa5a 100644
--- a/src/components/common/header-menu.tsx
+++ b/src/components/common/header-menu.tsx
@@ -40,10 +40,7 @@ export function HeaderMenu(): JSX.Element {
             activeClassName="active"
             to="/split-invoice"
           >
-            <FormattedMessage
-              id="SPLIT_INVOICE_LINK"
-              defaultMessage="Split Invoice"
-            />
+            <FormattedMessage id="SPLIT_INVOICE_LINK" />
           </NavLink>
         )}
         <NavLink activeClassName="active" to="/metrics">
diff --git a/src/components/transaction/split-invoice/split-invoice.tsx b/src/components/transaction/split-invoice/split-invoice.tsx
index 940834cb..1e2df8ad 100644
--- a/src/components/transaction/split-invoice/split-invoice.tsx
+++ b/src/components/transaction/split-invoice/split-invoice.tsx
@@ -267,10 +267,7 @@ export class SplitInvoiceForm extends React.Component<{}, State> {
         <WrappedIdleTimer />
         <TextCenter margin="3rem">
           <h1>
-            <FormattedMessage
-              id="SPLIT_INVOICE_HEADLINE"
-              defaultMessage="Split Invoice"
-            />
+            <FormattedMessage id="SPLIT_INVOICE_HEADLINE" />
           </h1>
         </TextCenter>
 
@@ -354,13 +351,18 @@ export class SplitInvoiceForm extends React.Component<{}, State> {
                   </>
                 )}
               </P>
-              <PrimaryButton
-                isRound
-                onClick={this.submitSplitInvoice}
-                disabled={!this.submitIsValid()}
-              >
-                <AcceptIcon />
-              </PrimaryButton>
+              <FormattedMessage id="SPLIT_INVOICE_SUBMIT">
+                {text => (
+                  <PrimaryButton
+                    title={text as string}
+                    isRound
+                    onClick={this.submitSplitInvoice}
+                    disabled={!this.submitIsValid()}
+                  >
+                    <AcceptIcon />
+                  </PrimaryButton>
+                )}
+              </FormattedMessage>
             </NotificationContainer>
           </>
         )}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index f27fcf68..d171f990 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -2,8 +2,9 @@ import React from 'react';
 import { withTheme, Button, AcceptIcon } from 'bricks-of-sand';
 
 export const AcceptButton = withTheme(
-  ({ theme, margin, onClick, disabled, type = 'button' }: any) => (
+  ({ theme, margin, onClick, disabled, type = 'button', title }: any) => (
     <Button
+      title={title}
       disabled={disabled}
       type={type}
       onClick={onClick}
diff --git a/src/components/user/edit-user-form.tsx b/src/components/user/edit-user-form.tsx
index f99e1ab0..33ef17f5 100644
--- a/src/components/user/edit-user-form.tsx
+++ b/src/components/user/edit-user-form.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { Block, CancelButton, Flex, Input } from 'bricks-of-sand';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage, useIntl } from 'react-intl';
 import { useDispatch } from 'redux-react-hook';
 import { useUser } from '../../store';
 import { startUpdateUser } from '../../store/reducers';
@@ -15,6 +15,7 @@ interface Props {
 }
 
 export const UserEditForm = (props: Props) => {
+  const intl = useIntl();
   const [name, setName] = React.useState(''),
     [email, setEmail] = React.useState(''),
     [isDisabled, setDisabled] = React.useState(false),
@@ -90,7 +91,11 @@ export const UserEditForm = (props: Props) => {
             </label>
             <div>
               <CancelButton margin="0 1rem" onClick={props.onCancel} />
-              <AcceptButton type="submit" />
+
+              <AcceptButton
+                type="submit"
+                title={intl.formatMessage({ id: 'USER_EDIT_TRIGGER' })}
+              />
             </div>
           </Flex>
           {isDisabled && <FormattedMessage id="USER_EDIT_ACTIVE_WARNING" />}
diff --git a/src/locales/en.ts b/src/locales/en.ts
index befe451e..d69c0e2f 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -80,4 +80,7 @@ export const en = {
   METRICS_HEADLINE: 'Metrics',
   ARTICLE_ACTIVE_HEADLINE: 'Active Articles',
   ARTICLE_INACTIVE_HEADLINE: 'Inactive Articles',
+  SPLIT_INVOICE_LINK: 'Split Invoice',
+  SPLIT_INVOICE_HEADLINE: 'Split Invoice',
+  SPLIT_INVOICE_SUBMIT: 'submit the split invoice',
 };