{
  "function": "view",
  "cases": [
    {
      "name": "playing-with-apple",
      "args": [
        {
          "width": 3,
          "height": 2,
          "snake": [
            {
              "x": 1,
              "y": 0
            },
            {
              "x": 0,
              "y": 0
            }
          ],
          "dir": "Right",
          "nextDir": "Right",
          "apple": {
            "x": 2,
            "y": 1
          },
          "seed": 0,
          "score": 5,
          "status": "Playing",
          "frame": 0
        }
      ],
      "expected": [
        {
          "tag": "Rect",
          "x": 0,
          "y": 0,
          "w": 60,
          "h": 40,
          "color": "#111111"
        },
        {
          "tag": "Rect",
          "x": 41,
          "y": 21,
          "w": 18,
          "h": 18,
          "color": "#e53935"
        },
        {
          "tag": "Rect",
          "x": 21,
          "y": 1,
          "w": 18,
          "h": 18,
          "color": "#7cb342"
        },
        {
          "tag": "Rect",
          "x": 1,
          "y": 1,
          "w": 18,
          "h": 18,
          "color": "#43a047"
        },
        {
          "tag": "Text",
          "x": 6,
          "y": 18,
          "text": "Score: 5",
          "color": "#ffffff",
          "size": 16,
          "align": "left"
        }
      ]
    },
    {
      "name": "playing-without-apple-has-no-apple-rect",
      "args": [
        {
          "width": 3,
          "height": 2,
          "snake": [
            {
              "x": 1,
              "y": 0
            },
            {
              "x": 0,
              "y": 0
            }
          ],
          "dir": "Right",
          "nextDir": "Right",
          "apple": null,
          "seed": 0,
          "score": 5,
          "status": "Playing",
          "frame": 0
        }
      ],
      "expected": [
        {
          "tag": "Rect",
          "x": 0,
          "y": 0,
          "w": 60,
          "h": 40,
          "color": "#111111"
        },
        {
          "tag": "Rect",
          "x": 21,
          "y": 1,
          "w": 18,
          "h": 18,
          "color": "#7cb342"
        },
        {
          "tag": "Rect",
          "x": 1,
          "y": 1,
          "w": 18,
          "h": 18,
          "color": "#43a047"
        },
        {
          "tag": "Text",
          "x": 6,
          "y": 18,
          "text": "Score: 5",
          "color": "#ffffff",
          "size": 16,
          "align": "left"
        }
      ]
    },
    {
      "name": "paused-overlay",
      "args": [
        {
          "width": 3,
          "height": 2,
          "snake": [
            {
              "x": 1,
              "y": 0
            },
            {
              "x": 0,
              "y": 0
            }
          ],
          "dir": "Right",
          "nextDir": "Right",
          "apple": {
            "x": 2,
            "y": 1
          },
          "seed": 0,
          "score": 5,
          "status": "Paused",
          "frame": 0
        }
      ],
      "expected": [
        {
          "tag": "Rect",
          "x": 0,
          "y": 0,
          "w": 60,
          "h": 40,
          "color": "#111111"
        },
        {
          "tag": "Rect",
          "x": 41,
          "y": 21,
          "w": 18,
          "h": 18,
          "color": "#e53935"
        },
        {
          "tag": "Rect",
          "x": 21,
          "y": 1,
          "w": 18,
          "h": 18,
          "color": "#7cb342"
        },
        {
          "tag": "Rect",
          "x": 1,
          "y": 1,
          "w": 18,
          "h": 18,
          "color": "#43a047"
        },
        {
          "tag": "Text",
          "x": 6,
          "y": 18,
          "text": "Score: 5",
          "color": "#ffffff",
          "size": 16,
          "align": "left"
        },
        {
          "tag": "Text",
          "x": 30,
          "y": 20,
          "text": "Paused",
          "color": "#ffffff",
          "size": 32,
          "align": "center"
        },
        {
          "tag": "Text",
          "x": 30,
          "y": 50,
          "text": "Press Space to resume",
          "color": "#ffffff",
          "size": 16,
          "align": "center"
        }
      ]
    },
    {
      "name": "game-over-overlay-on-20x20-board",
      "args": [
        {
          "width": 20,
          "height": 20,
          "snake": [
            {
              "x": 10,
              "y": 10
            },
            {
              "x": 9,
              "y": 10
            },
            {
              "x": 8,
              "y": 10
            }
          ],
          "dir": "Right",
          "nextDir": "Right",
          "apple": null,
          "seed": 1,
          "score": 0,
          "status": "GameOver",
          "frame": 0
        }
      ],
      "expected": [
        {
          "tag": "Rect",
          "x": 0,
          "y": 0,
          "w": 400,
          "h": 400,
          "color": "#111111"
        },
        {
          "tag": "Rect",
          "x": 201,
          "y": 201,
          "w": 18,
          "h": 18,
          "color": "#7cb342"
        },
        {
          "tag": "Rect",
          "x": 181,
          "y": 201,
          "w": 18,
          "h": 18,
          "color": "#43a047"
        },
        {
          "tag": "Rect",
          "x": 161,
          "y": 201,
          "w": 18,
          "h": 18,
          "color": "#43a047"
        },
        {
          "tag": "Text",
          "x": 6,
          "y": 18,
          "text": "Score: 0",
          "color": "#ffffff",
          "size": 16,
          "align": "left"
        },
        {
          "tag": "Text",
          "x": 200,
          "y": 200,
          "text": "Game Over",
          "color": "#ffffff",
          "size": 32,
          "align": "center"
        },
        {
          "tag": "Text",
          "x": 200,
          "y": 230,
          "text": "Press R to restart",
          "color": "#ffffff",
          "size": 16,
          "align": "center"
        }
      ]
    },
    {
      "name": "won-overlay",
      "args": [
        {
          "width": 3,
          "height": 2,
          "snake": [
            {
              "x": 1,
              "y": 0
            },
            {
              "x": 0,
              "y": 0
            }
          ],
          "dir": "Right",
          "nextDir": "Right",
          "apple": null,
          "seed": 0,
          "score": 5,
          "status": "Won",
          "frame": 0
        }
      ],
      "expected": [
        {
          "tag": "Rect",
          "x": 0,
          "y": 0,
          "w": 60,
          "h": 40,
          "color": "#111111"
        },
        {
          "tag": "Rect",
          "x": 21,
          "y": 1,
          "w": 18,
          "h": 18,
          "color": "#7cb342"
        },
        {
          "tag": "Rect",
          "x": 1,
          "y": 1,
          "w": 18,
          "h": 18,
          "color": "#43a047"
        },
        {
          "tag": "Text",
          "x": 6,
          "y": 18,
          "text": "Score: 5",
          "color": "#ffffff",
          "size": 16,
          "align": "left"
        },
        {
          "tag": "Text",
          "x": 30,
          "y": 20,
          "text": "You Win!",
          "color": "#ffffff",
          "size": 32,
          "align": "center"
        },
        {
          "tag": "Text",
          "x": 30,
          "y": 50,
          "text": "Press R to restart",
          "color": "#ffffff",
          "size": 16,
          "align": "center"
        }
      ]
    }
  ]
}