From 51cf7f6d3cbd4a4e610d712047ad4f2f4d9f64f4 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Tue, 2 Aug 2022 12:21:44 +0200
Subject: [PATCH] add e2e test

---
 apps/vyper/src/app/app.tsx                       | 4 ++--
 apps/vyper/src/app/components/CompilerButton.tsx | 2 +-
 apps/vyper/src/app/components/VyperResult.tsx    | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/vyper/src/app/app.tsx b/apps/vyper/src/app/app.tsx
index eeb573138e..18b0fd0a80 100644
--- a/apps/vyper/src/app/app.tsx
+++ b/apps/vyper/src/app/app.tsx
@@ -88,10 +88,10 @@ const App: React.FC = () => {
           type="radio"
           value={state.environment}
         >
-          <ToggleButton variant="secondary" name="remote" value="remote">
+          <ToggleButton data-id="remote-compiler" variant="secondary" name="remote" value="remote">
             Remote Compiler
           </ToggleButton>
-          <ToggleButton variant="secondary" name="local" value="local">
+          <ToggleButton data-id="local-compiler" variant="secondary" name="local" value="local">
             Local Compiler
           </ToggleButton>
         </ToggleButtonGroup>
diff --git a/apps/vyper/src/app/components/CompilerButton.tsx b/apps/vyper/src/app/components/CompilerButton.tsx
index cb2732c185..c7fe318f0d 100644
--- a/apps/vyper/src/app/components/CompilerButton.tsx
+++ b/apps/vyper/src/app/components/CompilerButton.tsx
@@ -103,7 +103,7 @@ function CompilerButton({ contract, setOutput, compilerUrl }: Props) {
   }
 
   return (
-    <Button onClick={compileContract} variant="primary">
+    <Button data-id="compile" onClick={compileContract} variant="primary">
       Compile {contract}
     </Button>
   )
diff --git a/apps/vyper/src/app/components/VyperResult.tsx b/apps/vyper/src/app/components/VyperResult.tsx
index dd178fec0c..f4d263b391 100644
--- a/apps/vyper/src/app/components/VyperResult.tsx
+++ b/apps/vyper/src/app/components/VyperResult.tsx
@@ -28,7 +28,7 @@ function VyperResult({ output }: VyperResultProps) {
 
     <div id="result">
       <p>No contract compiled yet.</p>
-      <Button variant="info" onClick={() => remixClient.loadContract(Ballot)}>
+      <Button data-id="add-ballot" variant="info" onClick={() => remixClient.loadContract(Ballot)}>
         Create Ballot.vy example
       </Button>
     </div>
@@ -38,7 +38,7 @@ function VyperResult({ output }: VyperResultProps) {
     return (
     <div id="result" className="error">
       <i className="fas fa-exclamation-circle text-danger"></i>
-      <p className="alert alert-danger">{output.message}</p>
+      <p data-id="error-message" className="alert alert-danger">{output.message}</p>
     </div>)
   }