slint/tests/cases/layout/grid2.slint
David Faure 4595f116f4 testing: Modernize layout testcases
I kept seeing distracting warnings when working with these testcases,
and it's better to have good examples when writing new testcases.

I didn't touch the issue_*.slint regression tests, so those will
still be testing the old syntax.
2025-11-12 18:17:24 +01:00

84 lines
2.6 KiB
Text

// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-2.0 OR LicenseRef-Slint-Software-3.0
export component TestCase inherits Window {
width: 200phx;
height: 500phx;
layout := GridLayout {
spacing: 0phx;
padding: 0phx;
Row { }
Row {
rect1 := Rectangle { background: red; }
rect2 := Rectangle { background: orange; }
}
rect3 := Rectangle { background: blue; }
rect4 := Rectangle { background: yellow; }
Row {
rect5 := Rectangle { background: green; }
rect6 := Rectangle { background: pink; }
}
Row { }
rect7 := Rectangle { background: gray; }
rect8 := Rectangle { background: cyan; }
Row { }
rect9 := Rectangle { background: magenta; }
rect10 := Rectangle { background: purple; }
}
// there should be 5 rows
out property <bool> size_ok:
rect1.width == 100phx && rect1.height == 100phx &&
rect2.width == 100phx && rect2.height == 100phx &&
rect3.width == 100phx && rect3.height == 100phx &&
rect4.width == 100phx && rect4.height == 100phx &&
rect5.width == 100phx && rect5.height == 100phx &&
rect6.width == 100phx && rect6.height == 100phx &&
rect7.width == 100phx && rect7.height == 100phx &&
rect8.width == 100phx && rect8.height == 100phx &&
rect9.width == 100phx && rect9.height == 100phx &&
rect10.width == 100phx && rect10.height == 100phx;
out property <bool> x_ok:
rect1.x == 0phx && rect2.x == 100phx &&
rect3.x == 0phx && rect4.x == 100phx &&
rect5.x == 0phx && rect6.x == 100phx &&
rect7.x == 0phx && rect8.x == 100phx &&
rect9.x == 0phx && rect10.x == 100phx;
out property <bool> y_ok:
rect1.y == 0phx && rect2.y == 0phx &&
rect3.y == 100phx && rect4.y == 100phx &&
rect5.y == 200phx && rect6.y == 200phx &&
rect7.y == 300phx && rect8.y == 300phx &&
rect9.y == 400phx && rect9.y == 400phx;
out property <bool> test: size_ok && x_ok && y_ok;
}
/*
```cpp
auto handle = TestCase::create();
const TestCase &instance = *handle;
assert(instance.get_size_ok());
assert(instance.get_x_ok());
assert(instance.get_y_ok());
```
```rust
let instance = TestCase::new().unwrap();
assert!(instance.get_size_ok());
assert!(instance.get_x_ok());
assert!(instance.get_y_ok());
```
```js
var instance = new slint.TestCase();
slintlib.private_api.send_mouse_click(instance, 5., 5.);
assert(instance.size_ok);
assert(instance.x_ok);
assert(instance.y_ok);
```
*/