Commit 26f59e22 authored by Brady James Garvin's avatar Brady James Garvin
Browse files

Added starter code for the homework on trees.

parent 0f90e119
...@@ -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"
>