From 172f26d842fcde0324c803f33bf7c63fd59865a2 Mon Sep 17 00:00:00 2001
From: George Lima <georgelima11@hotmail.com>
Date: Wed, 23 Jan 2019 16:37:35 -0300
Subject: [PATCH] test(components): add components ids

---
 app/components/column.js           | 2 ++
 app/components/text.js             | 4 ++++
 app/components/transaction-item.js | 1 +
 app/views/send.js                  | 2 +-
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/components/column.js b/app/components/column.js
index 1a06505..df3a7f3 100644
--- a/app/components/column.js
+++ b/app/components/column.js
@@ -18,6 +18,7 @@ type Props = {
   className?: string,
   children: Node,
   width?: string,
+  id?: string,
 };
 
 export const ColumnComponent = ({ children, ...props }: Props) => (
@@ -29,4 +30,5 @@ ColumnComponent.defaultProps = {
   justifyContent: 'flex-start',
   className: '',
   width: '',
+  id: '',
 };
diff --git a/app/components/text.js b/app/components/text.js
index d663fd5..aa87d0f 100644
--- a/app/components/text.js
+++ b/app/components/text.js
@@ -23,6 +23,7 @@ type Props = {
   className?: string,
   size?: string | number,
   align?: string,
+  id?: string,
 };
 
 export const TextComponent = ({
@@ -32,8 +33,10 @@ export const TextComponent = ({
   className,
   size,
   align,
+  id,
 }: Props) => (
   <Text
+    id={id}
     className={className}
     isBold={isBold}
     color={color}
@@ -50,4 +53,5 @@ TextComponent.defaultProps = {
   color: theme.colors.text,
   size: theme.fontSize.regular,
   align: 'left',
+  id: '',
 };
diff --git a/app/components/transaction-item.js b/app/components/transaction-item.js
index 83d09b5..134f14a 100644
--- a/app/components/transaction-item.js
+++ b/app/components/transaction-item.js
@@ -82,6 +82,7 @@ export const TransactionItemComponent = ({
     <ModalComponent
       renderTrigger={toggleVisibility => (
         <Wrapper
+          id={`transaction-item-${transactionId}`}
           alignItems='center'
           justifyContent='space-between'
           onClick={toggleVisibility}
diff --git a/app/views/send.js b/app/views/send.js
index 807b5a5..ae66bc9 100644
--- a/app/views/send.js
+++ b/app/views/send.js
@@ -203,7 +203,7 @@ export class SendView extends PureComponent<Props, State> {
     ) : (
       <RowComponent id='send-wrapper' justifyContent='space-between'>
         <FormWrapper>
-          {error && <TextComponent value={error} />}
+          {error && <TextComponent id='send-error-text' value={error} />}
           <InputLabelComponent value='From' />
           <SelectComponent
             onChange={this.handleChange('from')}