From 411d2c7c4a6b420f1c1466e173a2c06684e7e2d2 Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@gmail.com>
Date: Tue, 29 Jun 2021 17:41:00 +0300
Subject: [PATCH] test that new signup is added to list of signupees

---
 src/views/SignUpPage/SignUpPageView.tsx | 2 +-
 tests/testcafe/signupToEvent.test.ts    | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/views/SignUpPage/SignUpPageView.tsx b/src/views/SignUpPage/SignUpPageView.tsx
index f40e9ae..70f3de2 100644
--- a/src/views/SignUpPage/SignUpPageView.tsx
+++ b/src/views/SignUpPage/SignUpPageView.tsx
@@ -76,7 +76,7 @@ const SignUpPageView: React.FC<SignUpPageViewProps> = ({
         <h6>
           {t("Ilmoittautuneet")} {signUpForm.quota > 0 && (` (${signUpForm.signups.length}/${signUpForm.quota})`)}:
         </h6>
-        <ol>
+        <ol data-e2e="signup-list">
           {signUpForm.signups.map((s, idx) => (
             <li key={idx} className={signUpForm.quota && idx + 1 > signUpForm.quota ? "reserved" : ""}>{s}</li>
           ))}
diff --git a/tests/testcafe/signupToEvent.test.ts b/tests/testcafe/signupToEvent.test.ts
index 0099b90..e447d89 100644
--- a/tests/testcafe/signupToEvent.test.ts
+++ b/tests/testcafe/signupToEvent.test.ts
@@ -58,4 +58,6 @@ test("User signups to event from front page", async (t) => {
     .expect(
       statusMessage.innerText,
     ).eql("Sign-up submitted successfully 😎");
+
+  await t.expect(Selector("[data-e2e=\"signup-list\"] > li").nth(0).innerText).eql("Testi Testeri");
 });