\s*MAIN\s*<\/div>/');
});
it('splits the window two-thirds to one-third, or keeps the fixed pane for anything else', function () {
expect(layoutRoot((string) $this->blade('
'))['data-md-width'])->toBe('split')
->and(layoutRoot((string) $this->blade('
'))['data-md-width'])->toBe('fixed');
});
it('names the supporting pane with its label', function () {
expect((string) $this->blade('
'))->toMatch('/
blade('MAINSIDE');
preg_match('/aria-controls="([^"]+)"/', $html, $controls);
expect(layoutRoot($html)['data-md-compact'])->toBe('sheet')
->and($html)->toContain('x-data="{ sheetOpen: false }"')
->toContain("x-bind:data-md-open=\"sheetOpen ? '' : null\"")
->toContain('x-on:keydown.escape="if (sheetOpen && $refs.handle.checkVisibility()) { sheetOpen = false; $refs.handle.focus() }"')
->toMatch('/toContain('x-bind:aria-expanded="sheetOpen.toString()"')
->toMatch('/<\/span>\s*Comments<\/span>/')
->toContain('SIDE
')
->and((string) $this->blade(''))->toMatch('/data-md-supporting-pane-handle[^>]*aria-label="Show more"/s')
->and(layoutRoot((string) $this->blade(''))['data-md-compact'])->toBe('below');
});
it('takes the element, the visibility props and the caller\'s class and style', function () {
expect(layoutRoot((string) $this->blade('')))
->toMatchArray([
'<' => 'main',
'data-md-hide-from' => 'extra-large',
'class' => 'editor',
'style' => 'min-height: 20rem;',
]);
});
it('places the supporting pane at M3\'s widths from expanded, in the layout layer', function () {
$css = (string) file_get_contents(__DIR__.'/../../../resources/css/layout/supporting-pane.css');
expect($css)->toContain('@layer material.layout')
->toContain("@media (width >= 840px) {\n grid-template-columns: minmax(0, 1fr) 360px;")
->toContain("@media (width >= 1200px) {\n grid-template-columns: minmax(0, 1fr) 412px;")
->toContain("[data-md-supporting-pane][data-md-width='split'] {\n grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);")
->toContain('inset-block-end: max(var(--material-bottom-bar, 0px), var(--material-safe-bottom, env(safe-area-inset-bottom)));')
->and((string) file_get_contents(__DIR__.'/../../../resources/css/all.css'))->toContain("@import './layout/supporting-pane.css';");
});