<?php

namespace Tests;

use App\Form\MainForm;
use JumPHP\Kernel\Engine;
use JumPHP\Testing\GameTestCase;

/** A phone held upright (390 dp wide): one pane at a time, menus / tabs / toolbar on more lines instead of out of the screen. */
final class MobileLayoutTest extends GameTestCase
{
    /** The headless window (1280 dp) seen as this many dp wide: the interface zoomed (the view always follows the window). */
    private function viewWidthDp(MainForm $form, int $dp): void
    {
        Engine::get()->options->set('gui_zoom', 1280 / $dp);
        $this->game->run(3);
    }

    private function demo(): MainForm
    {
        Engine::get()->storage->delete('servers.json');
        $this->game->start(MainForm::class);
        /** @var MainForm $form */
        $form = $this->game->scene();
        $form->session->reset();
        $this->game->start(MainForm::class, ['connectDemo' => true]);
        $this->game->run(30);
        return $form;
    }

    protected function tearDown(): void
    {
        Engine::get()->options->set('gui_zoom', 1.0);
        parent::tearDown();
    }

    public function testOnAPhoneTheTreeThenTheTabsTakeTheWholeWidth(): void
    {
        $form = $this->demo();
        $this->viewWidthDp($form, 390);
        self::assertTrue($form->isCompact());
        self::assertTrue($form->left->visible, 'the tree first');
        self::assertFalse($form->right->visible);
        self::assertEqualsWithDelta($form->viewWidth(), $form->left->w, 2, 'the tree is as wide as the screen');
        self::assertLessThanOrEqual($form->viewWidth() + 1, $form->toolbar->x + $form->toolbar->w, 'the toolbar stays on the screen');

        // tap the pool in the tree (the second row, under XenCenter): its tabs replace the tree
        $this->game->run(20);
        $index = 1;
        $pool = $form->tree->visibleIds()[$index];
        self::assertStringStartsWith('OpaqueRef:', $pool);
        $row = $form->tree->rowHeight($form->theme);
        $form->clickAt($form->tree->x + $form->tree->w / 2, $form->tree->y + $form->theme->px(2) + $index * $row + $row / 2 - $form->tree->scrollY);
        $this->game->run(2);
        self::assertSame($pool, $form->tree->selected);
        self::assertFalse($form->left->visible);
        self::assertTrue($form->right->visible);
        self::assertTrue($form->paneBack->visible);
        self::assertEqualsWithDelta($form->viewWidth(), $form->right->w, 2, 'the tabs are as wide as the screen');
        self::assertGreaterThan($form->theme->px(40), $form->tabs->h, 'a pool has more tabs than one line holds: they wrap');
        self::assertGreaterThan($form->theme->px(28), $form->menu->h, 'the menus wrap too');
        $this->game->shot('phone-details');

        // "‹ Servers" goes back to the tree
        $form->click($form->paneBack);
        $this->game->run(2);
        self::assertTrue($form->left->visible);
        self::assertFalse($form->right->visible);
        $this->game->shot('phone-tree');
    }

    public function testAWideWindowKeepsTheTreeBesideTheTabs(): void
    {
        $form = $this->demo();
        $this->viewWidthDp($form, 390);
        $form->pane = 'details';
        $this->viewWidthDp($form, 1280);
        self::assertFalse($form->isCompact());
        self::assertTrue($form->left->visible);
        self::assertTrue($form->right->visible);
        self::assertTrue($form->split->visible);
        self::assertFalse($form->paneBack->visible);
        self::assertEqualsWithDelta($form->theme->px(300), $form->left->w, 2);
        self::assertSame($form->theme->px(28), $form->menu->h, 'one line of menus');
    }
}