feat: Add E2E tests (#4)

src/components/File.tsx

@@ -67,6 +67,7 @@ const FileView: React.FC<Props> = ({
     actions.push(
       <IconText
         icon={DownloadOutlined}
+        className="msg-download"
         type="primary"
         text="Download"
         onClick={() => downloadLink(file.name, file.blob!)}
@@ -77,6 +78,7 @@ const FileView: React.FC<Props> = ({
   return (
     <List.Item
       actions={actions}
+      className="msg-item"
     >
       <List.Item.Meta
         avatar={icon}

src/components/encrypt/Add.tsx

@@ -13,8 +13,8 @@ const Add: React.FC = () => {
     <>
       <Divider>
         <Radio.Group onChange={evt => setType(evt.target.value)} defaultValue={DEFAULT_VALUE}>
-          <Radio.Button value="text"><FileTextOutlined /> Text</Radio.Button>
-          <Radio.Button value="file"><FileOutlined /> File</Radio.Button>
+          <Radio.Button className="add-text-tab" value="text"><FileTextOutlined /> Text</Radio.Button>
+          <Radio.Button className="add-file-tab" value="file"><FileOutlined /> File</Radio.Button>
         </Radio.Group>
       </Divider>
       {type === 'text' && <AddText />}

src/components/encrypt/AddText.tsx

@@ -19,12 +19,14 @@ const AddText : React.FC = () => {
       <Form.Item>
         <Input
           placeholder="Title"
+          className="msg-title"
           value={name}
           onChange={evt => setName(evt.target.value)}
         />
       </Form.Item>
       <Form.Item>
         <Input.TextArea
+          className="msg-body"
           placeholder="Your message here..."
           value={text} 
           rows={6}
@@ -34,6 +36,7 @@ const AddText : React.FC = () => {
       <Form.Item>
         <Button
           onClick={add}
+          className="msg-add"
           type="primary"
           icon={<PlusOutlined />}
           disabled={!text}