Revision control
Copy as Markdown
// Copyright (C) 2017 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
import QtQuick
import QtTest
import QtQuick.Controls
TestCase {
id: testCase
width: 200
height: 200
visible: true
when: windowShown
name: "SwitchDelegate"
Component {
id: switchDelegate
SwitchDelegate {}
}
Component {
id: signalSequenceSpy
SignalSequenceSpy {
signals: ["pressed", "released", "canceled", "clicked", "toggled", "pressedChanged", "checkedChanged"]
}
}
// TODO: data-fy tst_checkbox (rename to tst_check?) so we don't duplicate its tests here?
function init() {
failOnWarning(/.?/)
}
function test_defaults() {
let control = createTemporaryObject(switchDelegate, testCase);
verify(control)
verify(!control.checked)
}
function test_checked() {
let control = createTemporaryObject(switchDelegate, testCase);
verify(control)
mouseClick(control)
verify(control.checked)
mouseClick(control)
verify(!control.checked)
}
function test_baseline() {
let control = createTemporaryObject(switchDelegate, testCase);
verify(control);
compare(control.baselineOffset, control.contentItem.y + control.contentItem.baselineOffset);
}
function test_pressed_data() {
return [
{ tag: "indicator", x: 15 },
{ tag: "background", x: 5 }
]
}
function test_pressed(data) {
let control = createTemporaryObject(switchDelegate, testCase, {padding: 10})
verify(control)
// stays pressed when dragged outside
compare(control.pressed, false)
mousePress(control, data.x, control.height / 2, Qt.LeftButton)
compare(control.pressed, true)
mouseMove(control, -1, control.height / 2)
compare(control.pressed, true)
mouseRelease(control, -1, control.height / 2, Qt.LeftButton)
compare(control.pressed, false)
}
function test_mouse() {
let control = createTemporaryObject(switchDelegate, testCase)
verify(control)
// check
let spy = signalSequenceSpy.createObject(control, {target: control})
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": false }],
"pressed"]
mousePress(control, control.width / 2, control.height / 2, Qt.LeftButton)
compare(control.pressed, true)
verify(spy.success)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": false }],
["checkedChanged", { "pressed": false, "checked": true }],
"toggled",
"released",
"clicked"]
mouseRelease(control, control.width / 2, control.height / 2, Qt.LeftButton)
compare(control.checked, true)
compare(control.pressed, false)
verify(spy.success)
// uncheck
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": true }],
"pressed"]
mousePress(control, control.width / 2, control.height / 2, Qt.LeftButton)
compare(control.pressed, true)
verify(spy.success)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": true }],
["checkedChanged", { "pressed": false, "checked": false }],
"toggled",
"released",
"clicked"]
mouseRelease(control, control.width / 2, control.height / 2, Qt.LeftButton)
compare(control.checked, false)
compare(control.pressed, false)
verify(spy.success)
// release on the right
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": false }],
"pressed"]
mousePress(control, control.width / 2, control.height / 2, Qt.LeftButton)
compare(control.pressed, true)
verify(spy.success)
mouseMove(control, control.width * 2, control.height / 2, 0)
compare(control.pressed, true)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": false }],
["checkedChanged", { "pressed": false, "checked": true }],
"toggled",
"released",
"clicked"]
mouseRelease(control, control.width * 2, control.height / 2, Qt.LeftButton)
compare(control.checked, true)
compare(control.pressed, false)
verify(spy.success)
// release on the left
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": true }],
"pressed"]
mousePress(control, control.width / 2, control.height / 2, Qt.LeftButton)
compare(control.pressed, true)
verify(spy.success)
mouseMove(control, -control.width, control.height / 2, 0)
compare(control.pressed, true)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": true }],
["checkedChanged", { "pressed": false, "checked": false }],
"toggled",
"released",
"clicked"]
mouseRelease(control, -control.width, control.height / 2, Qt.LeftButton)
compare(control.checked, false)
compare(control.pressed, false)
verify(spy.success)
// release in the middle
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": false }],
"pressed"]
mousePress(control, 0, 0, Qt.LeftButton)
compare(control.pressed, true)
verify(spy.success)
mouseMove(control, control.width / 2, control.height / 2, 0, Qt.LeftButton)
compare(control.pressed, true)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": false }],
"released",
"clicked"]
mouseRelease(control, control.width / 2, control.height / 2, Qt.LeftButton)
compare(control.checked, false)
compare(control.pressed, false)
tryCompare(control, "position", 0) // QTBUG-57944
verify(spy.success)
// right button
spy.expectedSequence = []
mousePress(control, control.width / 2, control.height / 2, Qt.RightButton)
compare(control.pressed, false)
verify(spy.success)
mouseRelease(control, control.width / 2, control.height / 2, Qt.RightButton)
compare(control.checked, false)
compare(control.pressed, false)
verify(spy.success)
}
function test_touch() {
let control = createTemporaryObject(switchDelegate, testCase)
verify(control)
let touch = touchEvent(control)
// check
let spy = signalSequenceSpy.createObject(control, {target: control})
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": false }],
"pressed"]
touch.press(0, control, control.width / 2, control.height / 2).commit()
compare(control.pressed, true)
verify(spy.success)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": false }],
["checkedChanged", { "pressed": false, "checked": true }],
"toggled",
"released",
"clicked"]
touch.release(0, control, control.width / 2, control.height / 2).commit()
compare(control.checked, true)
compare(control.pressed, false)
verify(spy.success)
// uncheck
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": true }],
"pressed"]
// Don't want to double-click.
wait(Application.styleHints.mouseDoubleClickInterval + 50)
touch.press(0, control, control.width / 2, control.height / 2).commit()
compare(control.pressed, true)
verify(spy.success)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": true }],
["checkedChanged", { "pressed": false, "checked": false }],
"toggled",
"released",
"clicked"]
touch.release(0, control, control.width / 2, control.height / 2).commit()
compare(control.checked, false)
compare(control.pressed, false)
verify(spy.success)
// release on the right
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": false }],
"pressed"]
wait(Application.styleHints.mouseDoubleClickInterval + 50)
touch.press(0, control, control.width / 2, control.height / 2).commit()
compare(control.pressed, true)
verify(spy.success)
touch.move(0, control, control.width * 2, control.height / 2).commit()
compare(control.pressed, true)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": false }],
["checkedChanged", { "pressed": false, "checked": true }],
"toggled",
"released",
"clicked"]
touch.release(0, control, control.width * 2, control.height / 2).commit()
compare(control.checked, true)
compare(control.pressed, false)
verify(spy.success)
// release on the left
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": true }],
"pressed"]
wait(Application.styleHints.mouseDoubleClickInterval + 50)
touch.press(0, control, control.width / 2, control.height / 2).commit()
compare(control.pressed, true)
verify(spy.success)
touch.move(0, control, -control.width, control.height / 2).commit()
compare(control.pressed, true)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": true }],
["checkedChanged", { "pressed": false, "checked": false }],
"toggled",
"released",
"clicked"]
touch.release(0, control, -control.width, control.height / 2).commit()
compare(control.checked, false)
compare(control.pressed, false)
verify(spy.success)
// release in the middle
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": false }],
"pressed"]
wait(Application.styleHints.mouseDoubleClickInterval + 50)
touch.press(0, control, 0, 0).commit()
compare(control.pressed, true)
verify(spy.success)
touch.move(0, control, control.width / 2, control.height / 2).commit()
compare(control.pressed, true)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": false }],
"released",
"clicked"]
touch.release(0, control, control.width / 2, control.height / 2).commit()
compare(control.checked, false)
compare(control.pressed, false)
tryCompare(control, "position", 0) // QTBUG-57944
verify(spy.success)
}
function test_mouseDrag() {
let control = createTemporaryObject(switchDelegate, testCase, {leftPadding: 100, rightPadding: 100})
verify(control)
let spy = signalSequenceSpy.createObject(control, {target: control})
compare(control.position, 0.0)
compare(control.checked, false)
compare(control.pressed, false)
// press-drag-release inside the indicator
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": false }],
"pressed"]
mousePress(control.indicator, 0)
compare(control.position, 0.0)
compare(control.checked, false)
compare(control.pressed, true)
verify(spy.success)
mouseMove(control.indicator, control.width)
compare(control.position, 1.0)
compare(control.checked, false)
compare(control.pressed, true)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": false }],
["checkedChanged", { "pressed": false, "checked": true }],
"toggled",
"released",
"clicked"]
mouseRelease(control.indicator, control.indicator.width)
compare(control.position, 1.0)
compare(control.checked, true)
compare(control.pressed, false)
verify(spy.success)
// press-drag-release outside the indicator
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": true }],
"pressed"]
mousePress(control, 0)
compare(control.position, 1.0)
compare(control.checked, true)
compare(control.pressed, true)
verify(spy.success)
mouseMove(control, control.width - control.rightPadding)
compare(control.position, 1.0)
compare(control.checked, true)
compare(control.pressed, true)
mouseMove(control, control.width / 2)
compare(control.position, 0.5)
compare(control.checked, true)
compare(control.pressed, true)
mouseMove(control, control.leftPadding)
compare(control.position, 0.0)
compare(control.checked, true)
compare(control.pressed, true)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": true }],
["checkedChanged", { "pressed": false, "checked": false }],
"toggled",
"released",
"clicked"]
mouseRelease(control, control.width)
compare(control.position, 0.0)
compare(control.checked, false)
compare(control.pressed, false)
verify(spy.success)
// press-drag-release from and to outside the indicator
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": false }],
"pressed"]
mousePress(control, control.width - 1)
compare(control.position, 0.0)
compare(control.checked, false)
compare(control.pressed, true)
verify(spy.success)
mouseMove(control, control.width - control.rightPadding)
compare(control.position, 0.0)
compare(control.checked, false)
compare(control.pressed, true)
mouseMove(control, control.width / 2)
compare(control.position, 0.5)
compare(control.checked, false)
compare(control.pressed, true)
mouseMove(control, control.width - control.rightPadding)
compare(control.position, 1.0)
compare(control.checked, false)
compare(control.pressed, true)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": false }],
["checkedChanged", { "pressed": false, "checked": true }],
"toggled",
"released",
"clicked"]
mouseRelease(control, control.width)
compare(control.position, 1.0)
compare(control.checked, true)
compare(control.pressed, false)
verify(spy.success)
}
function test_touchDrag() {
let control = createTemporaryObject(switchDelegate, testCase, {leftPadding: 100, rightPadding: 100})
verify(control)
let touch = touchEvent(control)
let spy = signalSequenceSpy.createObject(control, {target: control})
compare(control.position, 0.0)
compare(control.checked, false)
compare(control.pressed, false)
// press-drag-release inside the indicator
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": false }],
"pressed"]
touch.press(0, control.indicator, 0).commit()
compare(control.position, 0.0)
compare(control.checked, false)
compare(control.pressed, true)
verify(spy.success)
touch.move(0, control.indicator, control.width).commit()
compare(control.position, 1.0)
compare(control.checked, false)
compare(control.pressed, true)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": false }],
["checkedChanged", { "pressed": false, "checked": true }],
"toggled",
"released",
"clicked"]
touch.release(0, control.indicator, control.indicator.width).commit()
compare(control.position, 1.0)
compare(control.checked, true)
compare(control.pressed, false)
verify(spy.success)
// press-drag-release outside the indicator
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": true }],
"pressed"]
// Don't want to double-click.
wait(Application.styleHints.mouseDoubleClickInterval + 50)
touch.press(0, control, 0).commit()
compare(control.position, 1.0)
compare(control.checked, true)
compare(control.pressed, true)
verify(spy.success)
touch.move(0, control, control.width - control.rightPadding).commit()
compare(control.position, 1.0)
compare(control.checked, true)
compare(control.pressed, true)
touch.move(0, control, control.width / 2).commit()
compare(control.position, 0.5)
compare(control.checked, true)
compare(control.pressed, true)
touch.move(0, control, control.leftPadding).commit()
compare(control.position, 0.0)
compare(control.checked, true)
compare(control.pressed, true)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": true }],
["checkedChanged", { "pressed": false, "checked": false }],
"toggled",
"released",
"clicked"]
touch.release(0, control, control.width).commit()
compare(control.position, 0.0)
compare(control.checked, false)
compare(control.pressed, false)
verify(spy.success)
// press-drag-release from and to outside the indicator
spy.expectedSequence = [["pressedChanged", { "pressed": true, "checked": false }],
"pressed"]
wait(Application.styleHints.mouseDoubleClickInterval + 50)
touch.press(0, control, control.width - 1).commit()
compare(control.position, 0.0)
compare(control.checked, false)
compare(control.pressed, true)
verify(spy.success)
touch.move(0, control, control.width - control.rightPadding).commit()
compare(control.position, 0.0)
compare(control.checked, false)
compare(control.pressed, true)
touch.move(0, control, control.width / 2).commit()
compare(control.position, 0.5)
compare(control.checked, false)
compare(control.pressed, true)
touch.move(0, control, control.width - control.rightPadding).commit()
compare(control.position, 1.0)
compare(control.checked, false)
compare(control.pressed, true)
spy.expectedSequence = [["pressedChanged", { "pressed": false, "checked": false }],
["checkedChanged", { "pressed": false, "checked": true }],
"toggled",
"released",
"clicked"]
touch.release(0, control, control.width).commit()
compare(control.position, 1.0)
compare(control.checked, true)
compare(control.pressed, false)
verify(spy.success)
}
function test_spacing() {
let control = createTemporaryObject(switchDelegate, testCase, { text: "Some long, long, long text" })
verify(control)
verify(control.contentItem.implicitWidth + control.leftPadding + control.rightPadding > control.background.implicitWidth)
let textLabel = findChild(control.contentItem, "label")
verify(textLabel)
// The implicitWidth of the IconLabel that all buttons use as their contentItem should be
// equal to the implicitWidth of the Text and the switch indicator + spacing while no icon is set.
compare(control.contentItem.implicitWidth, textLabel.implicitWidth + control.indicator.width + control.spacing)
control.spacing += 100
compare(control.contentItem.implicitWidth, textLabel.implicitWidth + control.indicator.width + control.spacing)
compare(control.implicitWidth, textLabel.implicitWidth + control.indicator.width + control.spacing + control.leftPadding + control.rightPadding)
}
function test_display_data() {
return [
{ "tag": "IconOnly", display: SwitchDelegate.IconOnly },
{ "tag": "TextOnly", display: SwitchDelegate.TextOnly },
{ "tag": "TextUnderIcon", display: SwitchDelegate.TextUnderIcon },
{ "tag": "TextBesideIcon", display: SwitchDelegate.TextBesideIcon },
{ "tag": "IconOnly, mirrored", display: SwitchDelegate.IconOnly, mirrored: true },
{ "tag": "TextOnly, mirrored", display: SwitchDelegate.TextOnly, mirrored: true },
{ "tag": "TextUnderIcon, mirrored", display: SwitchDelegate.TextUnderIcon, mirrored: true },
{ "tag": "TextBesideIcon, mirrored", display: SwitchDelegate.TextBesideIcon, mirrored: true }
]
}
function test_display(data) {
let control = createTemporaryObject(switchDelegate, testCase, {
text: "SwitchDelegate",
display: data.display,
width: 400,
"icon.source": "qrc:/qt-project.org/imports/QtQuick/Controls/Basic/images/check.png",
"LayoutMirroring.enabled": !!data.mirrored
})
verify(control)
compare(control.icon.source, "qrc:/qt-project.org/imports/QtQuick/Controls/Basic/images/check.png")
let iconImage = findChild(control.contentItem, "image")
let textLabel = findChild(control.contentItem, "label")
let availableWidth = control.availableWidth - control.indicator.width - control.spacing
let indicatorOffset = control.mirrored ? control.indicator.width + control.spacing : 0
switch (control.display) {
case SwitchDelegate.IconOnly:
verify(iconImage)
verify(!textLabel)
compare(iconImage.x, Math.round(indicatorOffset + (availableWidth - iconImage.width) / 2))
compare(iconImage.y, Math.round((control.availableHeight - iconImage.height) / 2))
break;
case SwitchDelegate.TextOnly:
verify(!iconImage)
verify(textLabel)
compare(textLabel.x, control.mirrored ? control.availableWidth - textLabel.width : 0)
compare(textLabel.y, (control.availableHeight - textLabel.height) / 2)
break;
case SwitchDelegate.TextUnderIcon:
verify(iconImage)
verify(textLabel)
compare(iconImage.x, Math.round(indicatorOffset + (availableWidth - iconImage.width) / 2))
compare(textLabel.x, indicatorOffset + (availableWidth - textLabel.width) / 2)
verify(iconImage.y < textLabel.y)
break;
case SwitchDelegate.TextBesideIcon:
verify(iconImage)
verify(textLabel)
if (control.mirrored)
verify(textLabel.x < iconImage.x)
else
verify(iconImage.x < textLabel.x)
compare(iconImage.y, Math.round((control.availableHeight - iconImage.height) / 2))
compare(textLabel.y, (control.availableHeight - textLabel.height) / 2)
break;
}
}
Component {
id: iconColorSetInActionComponent
SwitchDelegate {
action: Action {
icon.source: Qt.resolvedUrl("images/heart.svg")
icon.color: "tomato"
}
}
}
Component {
id: iconColorSetInControlComponent
SwitchDelegate {
icon.source: Qt.resolvedUrl("images/heart.svg")
icon.color: "wheat"
}
}
function test_iconColor_data() {
return [
{ tag: "icon color set in action", component: iconColorSetInActionComponent,
expectedIconColor: "#ff6347" },
{ tag: "icon color set in control", component: iconColorSetInControlComponent,
expectedIconColor: "#f5deb3"}
]
}
function test_iconColor(data) {
let control = createTemporaryObject(data.component, testCase)
let iconImage = findChild(control.contentItem, "image")
verify(iconImage)
compare(iconImage.color, data.expectedIconColor)
}
}