Skip to content
GitLab
Commit 26f59e22 authored by Brady James Garvin's avatar Brady James Garvin
Browse files

Added starter code for the homework on trees.

parent 0f90e119
Hide whitespace changes
Inline Side-by-side
boost-app/src/features/play/__snapshots__/scoreSheet.test.js.snap
View file @ 26f59e22
...@@ -3,144 +3,152 @@ ...@@ -3,144 +3,152 @@
exports[`the ScoreSheet component correctly positions and numbers moves in a tree beginning from a nonzero ply 1`] = ` exports[`the ScoreSheet component correctly positions and numbers moves in a tree beginning from a nonzero ply 1`] = `
<div> <div>
<div <div
class="score" id="portrait"
> >
<span
class="turn"
>
<span
class="turn-number"
>
2
</span>
<button
class="move"
disabled=""
>
…
</button>
<button
class="move"
disabled=""
>
…
</button>
<button
class="move"
>
first
</button>
</span>
<div <div
class="variation" id="app"
> >
<span <div
class="turn" class="score"
> >
<span <span
class="turn-number" class="turn"
> >
3 <span
class="turn-number"
>
2
</span>
<button
class="move"
disabled=""
>
…
</button>
<button
class="move"
disabled=""
>
…
</button>
<button
class="move"
>
first
</button>
</span> </span>
<button <div
class="move active" class="variation"
> >
fourth <span
</button> class="turn"
</span> >
</div> <span
<span class="turn-number"
class="turn" >
> 3
<span </span>
class="turn-number" <button
> class="move active"
3 >
</span> fourth
<button </button>
class="move" </span>
> </div>
third
</button>
</span>
<div
class="variation"
>
<span
class="turn"
>
<span <span
class="turn-number" class="turn"
> >
3 <span
class="turn-number"
>
3
</span>
<button
class="move"
>
third
</button>
</span> </span>
<button <div
class="move" class="variation"
disabled=""
>
…
</button>
<button
class="move"
> >
sixth <span
</button> class="turn"
</span> >
</div> <span
<span class="turn-number"
class="turn" >
> 3
<span </span>
class="turn-number" <button
> class="move"
3 disabled=""
</span> >
<button …
class="move" </button>
disabled="" <button
> class="move"
… >
</button> sixth
<button </button>
class="move" </span>
> </div>
fifth
</button>
<button
class="move"
>
seventh
</button>
</span>
<div
class="variation"
>
<span
class="turn"
>
<span <span
class="turn-number" class="turn"
> >
2 <span
class="turn-number"
>
3
</span>
<button
class="move"
disabled=""
>
…
</button>
<button
class="move"
>
fifth
</button>
<button
class="move"
>
seventh
</button>
</span> </span>
<button <div
class="move" class="variation"
disabled=""
>
…
</button>
<button
class="move"
disabled=""
>
…
</button>
<button
class="move"
> >
second <span
</button> class="turn"
</span> >
<span
class="turn-number"
>
2
</span>
<button
class="move"
disabled=""
>
…
</button>
<button
class="move"
disabled=""
>
…
</button>
<button
class="move"
>
second
</button>
</span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -149,41 +157,49 @@ exports[`the ScoreSheet component correctly positions and numbers moves in a tre ...@@ -149,41 +157,49 @@ exports[`the ScoreSheet component correctly positions and numbers moves in a tre
exports[`the ScoreSheet component disables all of its buttons when it itself is disabled 1`] = ` exports[`the ScoreSheet component disables all of its buttons when it itself is disabled 1`] = `
<div> <div>
<div <div
class="score" id="portrait"
> >
<span
class="turn"
>
<span
class="turn-number"
>
1
</span>
<button
class="move"
disabled=""
>
first
</button>
</span>
<div <div
class="variation" id="app"
> >
<span <div
class="turn" class="score"
> >
<span <span
class="turn-number" class="turn"
> >
1 <span
class="turn-number"
>
1
</span>
<button
class="move"
disabled=""
>
first
</button>
</span> </span>
<button <div
class="move active" class="variation"
disabled=""
> >
second <span
</button> class="turn"
</span> >
<span
class="turn-number"
>
1
</span>
<button
class="move active"
disabled=""
>
second
</button>
</span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -192,153 +208,161 @@ exports[`the ScoreSheet component disables all of its buttons when it itself is ...@@ -192,153 +208,161 @@ exports[`the ScoreSheet component disables all of its buttons when it itself is
exports[`the ScoreSheet component organizes branchings into indented variations with ellipses to align moves 1`] = ` exports[`the ScoreSheet component organizes branchings into indented variations with ellipses to align moves 1`] = `
<div> <div>
<div <div
class="score" id="portrait"
> >
<span
class="turn"
>
<span
class="turn-number"
>
1
</span>
<button
class="move"
>
first
</button>
</span>
<div <div
class="variation" id="app"
> >
<span <div
class="turn" class="score"
> >
<span <span
class="turn-number" class="turn"
> >
1 <span
class="turn-number"
>
1
</span>
<button
class="move"
>
first
</button>
</span> </span>
<button <div
class="move" class="variation"
disabled=""
>
…
</button>
<button
class="move active"
> >
fourth <span
</button> class="turn"
</span> >
</div> <span
<span class="turn-number"
class="turn" >
> 1
<span </span>
class="turn-number" <button
> class="move"
1 disabled=""
</span> >
<button …
class="move" </button>
disabled="" <button
> class="move active"
… >
</button> fourth
<button </button>
class="move" </span>
> </div>
third
</button>
</span>
<div
class="variation"
>
<span
class="turn"
>
<span <span
class="turn-number" class="turn"
> >
1 <span
class="turn-number"
>
1
</span>
<button
class="move"
disabled=""
>
…
</button>
<button
class="move"
>
third
</button>
</span> </span>
<button <div
class="move" class="variation"
disabled=""
>
…
</button>
<button
class="move"
disabled=""
> >
… <span
</button> class="turn"
<button >
class="move" <span
class="turn-number"
>
1
</span>
<button
class="move"
disabled=""
>
…
</button>
<button
class="move"
disabled=""
>
…
</button>
<button
class="move"
>
sixth
</button>
</span>
</div>
<span
class="turn"
> >
sixth <span
</button> class="turn-number"
</span> >
</div> 1
<span </span>
class="turn" <button
> class="move"
<span disabled=""
class="turn-number" >
> …
1 </button>
</span> <button
<button class="move"
class="move" disabled=""
disabled="" >
> …
… </button>
</button> <button
<button class="move"
class="move" >
disabled="" fifth
> </button>
… </span>
</button>
<button
class="move"
>
fifth
</button>
</span>
<span
class="turn"
>
<span
class="turn-number"
>
2
</span>
<button
class="move"
>
seventh
</button>
</span>
<div
class="variation"
>
<span
class="turn"
>
<span <span
class="turn-number" class="turn"
> >
1 <span
class="turn-number"
>