vicrodh
7ca6c9fa80
In Settings > Appearance the rows that exist only for one theme trailed the whole THEME group: the Custom editor and the Auto source rows came after Album header gradient, Compact header and Dynamic background. With a Wallpaper background, Background image then ran straight into the Custom editor and read as one of its options. Each choice's options now follow their own picker inside a SettingsFieldset: a bordered group with a header whose chevron folds it (> folded, v open). The Custom and Auto theme options sit right under Theme, Custom starting at "Start from current theme", and the Wallpaper background's Background image sits under Dynamic background. The rows themselves are unchanged. Each box keeps its folded state across restarts through settingsBool and ui_prefs, the way the sidebar sections do (theme-custom-collapsed, theme-auto-collapsed, ambient-options-collapsed; default open). Folding the Custom box also closes an open color picker. tst_settings_fieldset covers the rows inside the border, the header click and keys, the settings below moving up, and a row click not toggling. cc
82 lines
2.9 KiB
QML
82 lines
2.9 KiB
QML
// SettingsFieldset: the bordered, collapsible group that holds the options of
|
|
// ONE settings control (Appearance > Theme: the theme's editor, the Wallpaper
|
|
// background's image and blur). The host owns the persisted collapsed state;
|
|
// the fieldset shows or hides its rows and asks for the toggle.
|
|
import QtQuick
|
|
import QtTest
|
|
import com.blitzfc.qbz
|
|
import "../../crates/qbz-qt/qml/controls"
|
|
|
|
Item {
|
|
id: root
|
|
width: 700; height: 600
|
|
|
|
property bool storedCollapsed: false
|
|
property int toggles: 0
|
|
|
|
Column {
|
|
width: 600
|
|
SettingsFieldset {
|
|
id: fieldset
|
|
title: "Custom"
|
|
collapsed: root.storedCollapsed
|
|
onToggleRequested: {
|
|
root.toggles++
|
|
root.storedCollapsed = !root.storedCollapsed
|
|
}
|
|
Rectangle { id: rowA; width: parent.width; height: 52; color: "transparent" }
|
|
Rectangle { id: rowB; width: parent.width; height: 64; color: "transparent" }
|
|
}
|
|
Rectangle { id: below; width: 600; height: 20; color: "transparent" }
|
|
}
|
|
|
|
TestCase {
|
|
name: "SettingsFieldset"
|
|
when: windowShown
|
|
|
|
function init() {
|
|
root.storedCollapsed = false
|
|
root.toggles = 0
|
|
wait(0)
|
|
}
|
|
|
|
function test_expanded_shows_its_rows_inside_the_box() {
|
|
verify(rowA.visible && rowB.visible)
|
|
compare(rowA.width, fieldset.width - 2 * fieldset.inset, "rows take the inner width")
|
|
var bottom = rowB.mapToItem(fieldset, 0, rowB.height).y
|
|
verify(bottom <= fieldset.height, "the last row sits inside the border")
|
|
compare(below.y, fieldset.height, "the next setting starts after the box")
|
|
}
|
|
|
|
function test_header_click_asks_for_the_toggle_and_folds_the_body() {
|
|
var expandedHeight = fieldset.height
|
|
mouseClick(fieldset, 60, 20)
|
|
compare(root.toggles, 1)
|
|
verify(fieldset.collapsed)
|
|
verify(!rowA.visible && !rowB.visible, "a folded box hides its rows")
|
|
verify(fieldset.height < expandedHeight)
|
|
// Column lays out in the next polish pass.
|
|
tryCompare(below, "y", fieldset.height, 1000, "the settings below move up")
|
|
mouseClick(fieldset, 60, 20)
|
|
compare(root.toggles, 2)
|
|
verify(rowA.visible)
|
|
compare(fieldset.height, expandedHeight)
|
|
}
|
|
|
|
function test_keyboard_toggles_from_the_focused_header() {
|
|
mouseClick(fieldset, 60, 20)
|
|
compare(root.toggles, 1)
|
|
keyClick(Qt.Key_Space)
|
|
compare(root.toggles, 2)
|
|
keyClick(Qt.Key_Return)
|
|
compare(root.toggles, 3)
|
|
}
|
|
|
|
function test_a_click_on_a_row_does_not_toggle() {
|
|
var p = rowA.mapToItem(fieldset, 20, 20)
|
|
mouseClick(fieldset, p.x, p.y)
|
|
compare(root.toggles, 0)
|
|
}
|
|
}
|
|
}
|