TestCase {
    id: testCase
    visible: true

    Rectangle {
        id: redRectangle

        color: Qt.rgba(1, 0, 0, 255)
        height: 100
        width: 100
    }

    // the greenRectangle is in front of the redRectangle
    Rectangle {
        id: greenRectangle

        color: Qt.rgba(0, 1, 0, 255)
        height: 100
        width: 100
    }

    function test_saveImage() {
        waitForRendering(redRectangle, 1000);
        let image = grabImage(redRectangle);

        // this test fails because the returned color is GREEN
        // this is because it is the window that is grabbed, not the item - the item is only used for its geometry to trim the image.
        // See the actual code here: https://code.qt.io/cgit/qt/qtdeclarative.git/tree/src/qmltest/quicktestresult.cpp#n758

        compare(image.pixel(0, 0), Qt.rgba(1, 0, 0, 1));
    }
}