kirigami/autotests/BasicListItem_ToolTip_Test.qml

0001 /*
0002  *  SPDX-FileCopyrightText: 2023 ivan tkachenko <me@ratijas.tk>
0003  *
0004  *  SPDX-License-Identifier: LGPL-2.0-or-later
0005  */
0006
0007 import QtQuick 2.15
0008 import QtQuick.Controls 2.15 as QQC2
0009 import QtQuick.Layouts 1.15
0010 import org.kde.kirigami 2.20 as Kirigami
0011
0012 // Implemented as a separate file, so it can be viewed and tweaked outside of testing framework.
0013 Rectangle {
0014     id: root
0015
0016     property alias itemBothNotElided:  itemBothNotElided
0017     property alias itemLabelElided:    itemLabelElided
0018     property alias itemSubtitleElided: itemSubtitleElided
0019     property alias itemBothElided:     itemBothElided
0020     property alias itemHtmlElided:     itemHtmlElided
0021
0022     implicitWidth: referenceItem.implicitWidth
0023     implicitHeight: column.implicitHeight
0024
0025     width: implicitWidth
0026     height: implicitHeight
0027
0028     color: Kirigami.Theme.backgroundColor
0029
0030     Kirigami.BasicListItem {
0031         id: referenceItem
0032         visible: false
0033         label: "Lorem ipsum dolor sit amet"
0034         subtitle: "tempor incididunt ut labore"
0035     }
0036
0037     ColumnLayout {
0038         id: column
0039         width: parent.width
0040         spacing: 0
0041
0042         Kirigami.BasicListItem {
0043             id: itemBothNotElided
0044             Layout.fillWidth: true
0045             label: "Lorem ipsum dolor"
0046             subtitle: "tempor incididunt"
0047         }
0048         Kirigami.BasicListItem {
0049             id: itemLabelElided
0050             Layout.fillWidth: true
0051             label: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod"
0052             subtitle: "tempor incididunt"
0053             toolTipVisible: true
0054         }
0055         Kirigami.BasicListItem {
0056             id: itemSubtitleElided
0057             Layout.fillWidth: true
0058             label: "Lorem ipsum dolor"
0059             subtitle: "tempor incididunt ut labore et dolore magna aliqua."
0060             toolTipVisible: true
0061         }
0062         Kirigami.BasicListItem {
0063             id: itemBothElided
0064             Layout.fillWidth: true
0065             label: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod"
0066             subtitle: "tempor incididunt ut labore et dolore magna aliqua."
0067             toolTipVisible: true
0068         }
0069         Kirigami.BasicListItem {
0070             id: itemHtmlElided
0071             Layout.fillWidth: true
0072             label: "HTML is <i>supported</i> inside <b>tooltips</b> as well…"
0073             subtitle: "…as line breaks between <sup>label</sup> &amp; <sub>subtitle</sub>"
0074             toolTipVisible: true
0075         }
0076         QQC2.Label {
0077             Layout.fillWidth: true
0078             padding: Kirigami.Units.smallSpacing
0079             text: `QQC2.ToolTip.toolTip.visible:\n${QQC2.ToolTip.toolTip.visible}`
0080             color: Kirigami.Theme.textColor
0081         }
0082         QQC2.Label {
0083             Layout.fillWidth: true
0084             Layout.preferredHeight: Kirigami.Units.gridUnit * 10
0085             padding: Kirigami.Units.smallSpacing
0086             text: `QQC2.ToolTip.toolTip.text:\n"${QQC2.ToolTip.toolTip.text}"`
0087             wrapMode: Text.Wrap
0088             color: Kirigami.Theme.textColor
0089         }
0090     }
0091 }