Qt Quick 的单元测试

Question

我是 Qt 和 Qt Quick 的新手。我正在验证 Qt Quick 的 Qt Test 单元测试框架，但我无法理解如何运行测试。这是我所拥有的，我创建了一个具有以下结构的 SUBDIRS 项目：

ProjectSolution
   ProjectSolution.pro
   Project
      Project.pro
      Sources/main.cpp
      Resources/qml.qrc/main.qml
   ProjectTest
      ProjectTest.pro
      Sources/main.cpp
      Resources/qml.qrc/main.qml
      Resources/qml.qrc/tst_gui.qml

"Project"是要测试的应用，我的测试用例在"ProjectTest/Resources/qml.qrc/tst_gui.qml".

tst_gui.qml:

import QtQuick 2.5
import QtTest 1.0

TestCase {
    name: "UI Testcase"
    when: windowShown

function test_button_click() {
    mouseClick(click_button, Qt.LeftButton, Qt.NoModifier)
}

function test_key_press() {
    keyClick(Qt.Key_Left)
    keyClick("a")
    }
}

我在 "Project/Resources/qml.qrc/main.qml" 中有一个 ID 为 "click_button" 的按钮，我想模拟它。当我运行测试项目时，我收到失败消息：

FAIL!  : tst_gui::UI Testcase::test_button_click() Uncaught exception: click_button is not defined
C:\Users\sjayaprakash\Qt Test Projects\Qt Test Validation\QtTestValidation6\QtTestValidation6Test\tst_gui.qml(9) : failure location

我确定我做错了什么。有人可以帮忙吗？

Answer 1

终于，我成功了。测试用例无法找到按钮，因为它位于不同的 QML 文件中。我尝试导入和使用属性别名，但均无效。我将所有内容复制到我的 tst_gui.qml（让我的 main.qml 为空），现在它工作正常。

tst_gui.qml（更新）：

import QtTest 1.0
import QtQuick 2.5
import QtQuick.Window 2.0
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import QtQuick.Dialogs 1.2
import QtQml 2.2


Rectangle {
    id: main_window
    visible: true
    width: Screen.width/2
    height: Screen.height/2
    color: "light grey"

    Rectangle {

        property alias click_button: click_button

        id: click_button
        width: main_window.width/4
        height: main_window.height/14
        color: "blue"
        x: main_window.width/2 - click_button.width/2
        y: main_window.height/2 - main_window.height/4
        Text {
            id: button_text
            text: qsTr("Click!")
            font.pointSize: 24
            color: "white"
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.verticalCenter: parent.verticalCenter
        }

        MouseArea {
            anchors.fill: parent
            onClicked: {
                //Log to console as a proof of button click simulation
                console.log("Button was clicked!")
            }
        }
    }

    TextArea {
        id: textarea
        width: main_window.width/2
        height: main_window.height/8
        x: main_window.width/2 - textarea.width/2
        y: (main_window.height/2 - textarea.height/2) + main_window.height/8

        focus: true
        selectByKeyboard: true
        textColor: "darkblue"
        textFormat: TextEdit.PlainText
        wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere

        Keys.onLeftPressed: {
            //Log to console as a proof of key press simulation
            console.log("Left key was pressed!")
        }
    }


    TestCase {
        name: "UI Testcase"
        when: windowShown

        function test_button_click() {
            mouseClick(click_button, Qt.LeftButton, Qt.NoModifier)
        }

        function test_key_press() {
            keyClick(Qt.Key_Left)
        }
    }
}

在我的 main.cpp 中，我只是调用宏：

QUICK_TEST_MAIN("tst_gui")

或许，编写单元测试的正确方法是将它们与实际代码分开。现在，这对我有用。

Qt Quick 的单元测试

Unit testing for Qt Quick

qt

unit-testing

qml

qttest