fix e2e tests

package-lock.json

@@ -15,7 +15,7 @@
         "js-cookie": "2.2.1",
         "lodash": "4.17.21",
         "next": "10.1.2",
-        "next-i18next": "^7.0.1",
+        "next-i18next": "7.0.1",
         "normalize.css": "8.0.1",
         "react": "17.0.1",
         "react-beautiful-dnd": "13.1.0",

package.json

@@ -71,7 +71,7 @@
     "js-cookie": "2.2.1",
     "lodash": "4.17.21",
     "next": "10.1.2",
-    "next-i18next": "^7.0.1",
+    "next-i18next": "7.0.1",
     "normalize.css": "8.0.1",
     "react": "17.0.1",
     "react-beautiful-dnd": "13.1.0",

src/views/EventPage/EventPageView.tsx

@@ -99,7 +99,7 @@ const EventPageView: React.FC<EventPageViewProps> = ({ event }) => {
           <SignupButtons>
             {event.signupForm.map((sf) => (
               <Link key={sf.id} to={`/signup/${sf.id}`}>
-                <Button buttonStyle="filled" onClick={noop}>
+                <Button data-e2e="signup-button" buttonStyle="filled" onClick={noop}>
                   {isFi ? sf.title_fi : sf.title_en}
                 </Button>
               </Link>

tests/testcafe/signupToEvent.test.ts

@@ -32,7 +32,7 @@ test("User signups to event from front page", async (t) => {
   await t.wait(3000);
   await t.expect(await getPageUrl()).match(/\/events\/\d{1,4}/, "URL isn't /events/<id>");
 
-  const SignupButton = Selector("button");
+  const SignupButton = Selector("[data-e2e=\"signup-button\"]");
   await t
     .click(SignupButton);