gh-147: Add goToDashboard in CreatePlayerPage

salsita · Apr 17, 2020 · 41f2f83 · 41f2f83
1 parent 12009c2
commit 41f2f83
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/cypress/integration/pages/CreatePlayerPage.ts b/cypress/integration/pages/CreatePlayerPage.ts
@@ -1,9 +1,10 @@
 import { Page } from './Page'
 import { SelectGamePage } from './SelectGamePage'
 import { Player } from '../types/Player'
+import { DashboardPage } from './DashboardPage'
 
 export class CreatePlayerPage extends Page {
-  constructor(gameName: string) {
+  constructor(private gameName: string) {
     super(`/${gameName}/add-player`)
   }
 
@@ -17,6 +18,11 @@ export class CreatePlayerPage extends Page {
     return new SelectGamePage()
   }
 
+  goToDashboard(): DashboardPage {
+    this.getHeader().get('#title-link').click()
+    return new DashboardPage(this.gameName)
+  }
+
   addPlayer(player: Player, score: number): CreatePlayerPage {
     const content = this.getContent()
     content.get('#player-name-input').clear().type(player.name)

diff --git a/cypress/integration/tests/create-player.ts b/cypress/integration/tests/create-player.ts
@@ -20,8 +20,7 @@ describe('Create player page', () => {
     })
     it('is seen in the leaderboard without reload', () => {
       const leaderboard = addPlayerPage
-        .goToSelectGamePage()
-        .selectGame(FOOSBALL_GAME.name)
+        .goToDashboard()
         .goToLeaderboard()
       leaderboard.locatePlayerWithScore(player, score)
     })

diff --git a/frontend/src/app/Game.js b/frontend/src/app/Game.js
@@ -30,7 +30,7 @@ export class GameComponent extends Component {
           { selection.status === SelectionStatus.SELECTED
             ? <>
               <span id='title'>
-                <SimpleLink to={url}>{capitalize(selection.value.name)}</SimpleLink>
+                <SimpleLink id='title-link' to={url}>{capitalize(selection.value.name)}</SimpleLink>
               </span>
               <SimpleButton onClick={createMatch}>Add Match</SimpleButton>
             </>

diff --git a/frontend/src/app/__snapshots__/Game.test.js.snap b/frontend/src/app/__snapshots__/Game.test.js.snap
@@ -35,6 +35,7 @@ exports[`GameComponent when foosball is selected renders button "Add Match" and
       id="title"
     >
       <Styled(Link)
+        id="title-link"
         to="/foosball"
       >
         Foosball