git.iko.soy/unity8
on xenial help sign in
Updated behaviour for zoomable image, workaround for sourcesize Fixes: 1333187

Approved by: Michał Sawicz

commit86da29f22a468eb6f679efa0b7ddd549b8852b85 authorAndrea Cimitan <andrea.cimitan@gmail.com> dateThu 30 Oct 2014, 21:42 (12 years ago) parent1951663bb8f8af
7 files changed+259−152
compare with xenial
unifiedsplit
qml/Components/ZoomableImage.qml+17−14 qml/Dash/Previews/PreviewImageGallery.qml+13−80 qml/Dash/Previews/PreviewOverlay.qml+115 qml/Dash/Previews/PreviewZoomableImage.qml+38−5 tests/qmltests/Components/tst_ZoomableImage.qml+21−21 tests/qmltests/Dash/Previews/tst_PreviewImageGallery.qml+25−24 tests/qmltests/Dash/Previews/tst_PreviewZoomableImage.qml+30−8
qml/Components/ZoomableImage.qml+17−14
@@ -26,16 +26,15 @@ import "../Components"
2626
2727Item {
2828 id: root
29− property alias source: lazyImage.source
29+ property alias source: imageRenderer.source
3030 property var zoomable: false
31− property alias imageState: lazyImage.state
32− property alias scaleTo: lazyImage.scaleTo
33− property alias asynchronous: lazyImage.asynchronous
31+ property alias imageStatus: imageRenderer.status
32+ property alias asynchronous: imageRenderer.asynchronous
3433
3534 Flickable {
3635 id: flickable
3736 objectName: "flickable"
38− clip: true
37+ clip: true // FIXME maybe we can remove this, or just not clip in few cases
3938 contentHeight: imageContainer.height
4039 contentWidth: imageContainer.width
4140
@@ -52,30 +51,34 @@ Item {
5251 Item {
5352 id: image
5453 objectName: "image"
55− property alias imageState: lazyImage.state
54+ property alias imageStatus: imageRenderer.status
5655 property var prevScale
5756 anchors.centerIn: parent
5857
5958 signal imageReloaded
6059
61− LazyImage {
62− id: lazyImage
63− objectName: "lazyImage"
60+ Image {
61+ id: imageRenderer
62+ objectName: "imageRenderer"
6463 smooth: !flickable.movingVertically
6564 anchors.fill: parent
6665 fillMode: Image.PreserveAspectFit
67− scaleTo: "fit"
6866
69− onStateChanged: {
70− if (state == "ready") {
67+ readonly property int sourceSizeMultiplier: 3
68+
69+ sourceSize.width: root.width * sourceSizeMultiplier <= root.height * sourceSizeMultiplier ? root.width * sourceSizeMultiplier : 0
70+ sourceSize.height: root.height * sourceSizeMultiplier <= root.width * sourceSizeMultiplier ? root.height * sourceSizeMultiplier : 0
71+
72+ onStatusChanged: {
73+ if (status === Image.Ready) {
7174 image.imageReloaded();
7275 }
7376 }
7477 }
7578
7679 onImageReloaded: {
77− image.height = lazyImage.sourceImage.implicitHeight
78− image.width = lazyImage.sourceImage.implicitWidth
80+ image.height = imageRenderer.implicitHeight
81+ image.width = imageRenderer.implicitWidth
7982 image.resetScale();
8083 }
8184
qml/Dash/Previews/PreviewImageGallery.qml+13−80
@@ -65,46 +65,26 @@ PreviewWidget {
6565 id: mouseArea
6666 anchors.fill: parent
6767 onClicked: {
68− slideShowListView.currentIndex = index;
69− slideShow.initialX = rootItem.mapFromItem(parent, 0, 0).x
70− slideShow.initialY = rootItem.mapFromItem(parent, 0, 0).y
71− slideShow.visible = true;
68+ overlay.delegateItem.currentIndex = index;
69+ overlay.initialX = rootItem.mapFromItem(parent, 0, 0).x;
70+ overlay.initialY = rootItem.mapFromItem(parent, 0, 0).y;
71+ overlay.show();
7272 }
7373 }
7474 }
7575 }
7676
77− Rectangle {
78− id: slideShow
79− objectName: "slideShow"
80−
81− readonly property real initialScale: previewImageListView.height / rootItem.height
82− readonly property real scaleProgress: (scale - initialScale) / (1.0 - initialScale)
83− property real initialX: 0
84− property real initialY: 0
85−
77+ PreviewOverlay {
78+ id: overlay
79+ objectName: "overlay"
8680 parent: rootItem
8781 width: parent.width
8882 height: parent.height
89− visible: false
90− clip: visible && scale < 1.0
91− scale: visible ? 1.0 : initialScale
92− transformOrigin: Item.TopLeft
93− transform: Translate {
94− x: slideShow.initialX - slideShow.initialX * slideShow.scaleProgress
95− y: slideShow.initialY - slideShow.initialY * slideShow.scaleProgress
96− }
97− color: "black"
98− radius: units.gu(1) - units.gu(1) * slideShow.scaleProgress
83+ initialScale: previewImageListView.height / rootItem.height
9984
100− Behavior on scale {
101− enabled: !slideShow.visible
102− UbuntuNumberAnimation { duration: UbuntuAnimation.FastDuration }
103− }
104−
105− ListView {
106− id: slideShowListView
107− objectName: "slideShowListView"
85+ delegate: ListView {
86+ id: overlayListView
87+ objectName: "overlayListView"
10888 anchors.fill: parent
10989 orientation: ListView.Horizontal
11090 highlightRangeMode: ListView.StrictlyEnforceRange
@@ -119,7 +99,7 @@ PreviewWidget {
11999 top: parent.top
120100 bottom: parent.bottom
121101 }
122− width: slideShow.width
102+ width: overlay.width
123103 source: modelData ? modelData : ""
124104 fillMode: Image.PreserveAspectFit
125105 sourceSize { width: screenshot.width; height: screenshot.height }
@@ -127,54 +107,7 @@ PreviewWidget {
127107
128108 MouseArea {
129109 anchors.fill: parent
130− onClicked: slideShowHeader.shown = !slideShowHeader.shown
131− }
132− }
133−
134− Rectangle {
135− id: slideShowHeader
136−
137− property bool shown: true
138−
139− anchors {
140− left: parent.left
141− right: parent.right
142− }
143− height: units.gu(7)
144− visible: opacity > 0
145− opacity: slideShow.scaleProgress > 0.6 && shown ? 0.8 : 0
146− color: "black"
147−
148− Behavior on opacity {
149− UbuntuNumberAnimation { duration: UbuntuAnimation.SnapDuration }
150− }
151−
152− AbstractButton {
153− id: slideShowCloseButton
154− objectName: "slideShowCloseButton"
155− anchors {
156− top: parent.top
157− bottom: parent.bottom
158− }
159− width: units.gu(8)
160− height: width
161−
162− onClicked: slideShow.visible = false
163−
164− Rectangle {
165− anchors.fill: parent
166− color: Qt.rgba(1.0, 1.0, 1.0, 0.3)
167− visible: slideShowCloseButton.pressed
168− }
169−
170− Icon {
171− id: icon
172− anchors.centerIn: parent
173− width: units.gu(2.5)
174− height: width
175− color: Theme.palette.normal.foregroundText
176− name: "close"
177− }
110+ onClicked: overlay.headerShown = !overlay.headerShown
178111 }
179112 }
180113 }
qml/Dash/Previews/PreviewOverlay.qmlnew file+115
@@ -0,0 +1,115 @@
1+/*
2+ * Copyright (C) 2014 Canonical, Ltd.
3+ *
4+ * This program is free software; you can redistribute it and/or modify
5+ * it under the terms of the GNU General Public License as published by
6+ * the Free Software Foundation; version 3.
7+ *
8+ * This program is distributed in the hope that it will be useful,
9+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
10+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11+ * GNU General Public License for more details.
12+ *
13+ * You should have received a copy of the GNU General Public License
14+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
15+ */
16+
17+import QtQuick 2.0
18+import Ubuntu.Components 1.1
19+import "../../Components"
20+
21+Rectangle {
22+ id: overlay
23+ objectName: "overlay"
24+
25+ readonly property real scaleProgress: (scale - initialScale) / (1.0 - initialScale)
26+
27+ property alias delegate: loader.sourceComponent
28+ property alias delegateItem: loader.item
29+ property alias headerShown: overlayHeader.shown
30+ property bool shown: false
31+ property bool opening: false
32+ property real initialX: 0
33+ property real initialY: 0
34+ property real initialScale: 0
35+
36+ visible: scale > initialScale
37+ clip: visible && scale < 1.0
38+ scale: shown ? 1.0 : initialScale
39+ transformOrigin: Item.TopLeft
40+ transform: Translate {
41+ x: overlay.initialX - overlay.initialX * overlay.scaleProgress
42+ y: overlay.initialY - overlay.initialY * overlay.scaleProgress
43+ }
44+ color: Qt.rgba(0, 0, 0, scaleProgress)
45+ radius: units.gu(1) - units.gu(1) * scaleProgress
46+
47+ function show() {
48+ opening = true;
49+ shown = true;
50+ }
51+
52+ function hide() {
53+ opening = false;
54+ shown = false;
55+ }
56+
57+ Behavior on scale {
58+ UbuntuNumberAnimation {
59+ duration: overlay.opening ? UbuntuAnimation.FastDuration :
60+ UbuntuAnimation.FastDuration / 2
61+ }
62+ }
63+
64+ Loader {
65+ id: loader
66+ anchors.fill: parent
67+ }
68+
69+ Rectangle {
70+ id: overlayHeader
71+
72+ property bool shown: true
73+
74+ anchors {
75+ left: parent.left
76+ right: parent.right
77+ }
78+ height: units.gu(7)
79+ visible: opacity > 0
80+ opacity: overlay.scaleProgress > 0.6 && shown ? 0.8 : 0
81+ color: "black"
82+
83+ Behavior on opacity {
84+ UbuntuNumberAnimation { duration: UbuntuAnimation.SnapDuration }
85+ }
86+
87+ AbstractButton {
88+ id: overlayCloseButton
89+ objectName: "overlayCloseButton"
90+ anchors {
91+ top: parent.top
92+ bottom: parent.bottom
93+ }
94+ width: units.gu(8)
95+ height: width
96+
97+ onClicked: overlay.hide()
98+
99+ Rectangle {
100+ anchors.fill: parent
101+ color: Qt.rgba(1.0, 1.0, 1.0, 0.3)
102+ visible: overlayCloseButton.pressed
103+ }
104+
105+ Icon {
106+ id: icon
107+ anchors.centerIn: parent
108+ width: units.gu(2.5)
109+ height: width
110+ color: Theme.palette.normal.foregroundText
111+ name: "close"
112+ }
113+ }
114+ }
115+}
qml/Dash/Previews/PreviewZoomableImage.qml+38−5
@@ -28,11 +28,44 @@ PreviewWidget {
2828 id: root
2929 implicitHeight: units.gu(22)
3030
31− ZoomableImage {
32− id: image
33− objectName: "image"
31+ property Item rootItem: QuickUtils.rootItem(root)
32+
33+ LazyImage {
34+ id: lazyImage
35+ objectName: "lazyImage"
36+ anchors {
37+ top: parent.top
38+ bottom: parent.bottom
39+ horizontalCenter: parent.horizontalCenter
40+ }
41+ scaleTo: "height"
3442 source: widgetData["source"]
35− zoomable: widgetData["zoomable"] ? widgetData["zoomable"] : false
36− anchors.fill: parent
43+
44+ borderSource: mouseArea.pressed ? "radius_pressed.sci" : "radius_idle.sci"
45+
46+ MouseArea {
47+ id: mouseArea
48+ anchors.fill: parent
49+ onClicked: {
50+ overlay.initialX = rootItem.mapFromItem(parent, 0, 0).x;
51+ overlay.initialY = rootItem.mapFromItem(parent, 0, 0).y;
52+ overlay.show();
53+ }
54+ }
55+ }
56+
57+ PreviewOverlay {
58+ id: overlay
59+ objectName: "overlay"
60+ parent: rootItem
61+ width: parent.width
62+ height: parent.height
63+ initialScale: lazyImage.height / rootItem.height
64+
65+ delegate: ZoomableImage {
66+ anchors.fill: parent
67+ source: widgetData["source"]
68+ zoomable: widgetData["zoomable"] ? widgetData["zoomable"] : false
69+ }
3770 }
3871}
tests/qmltests/Components/tst_ZoomableImage.qml+21−21
@@ -56,23 +56,23 @@ Rectangle {
5656 when: windowShown
5757
5858 function test_loadImage() {
59− var lazyImage = findChild(zoomableImage, "lazyImage");
59+ var imageRenderer = findChild(zoomableImage, "imageRenderer");
6060
6161 zoomableImage.source = widgetData0["source"];
6262 zoomableImage.zoomable = widgetData0["zoomable"];
6363 waitForRendering(zoomableImage);
64− tryCompare(zoomableImage, "imageState", "default");
64+ tryCompare(zoomableImage, "imageStatus", Image.Null);
6565
66− signalSpy.signalName = "onStateChanged";
67− signalSpy.target = lazyImage;
66+ signalSpy.signalName = "onStatusChanged";
67+ signalSpy.target = imageRenderer;
6868 signalSpy.clear();
6969
7070 zoomableImage.source = widgetData1["source"];
7171 zoomableImage.zoomable = widgetData1["zoomable"];
72− waitForRendering(lazyImage);
73− tryCompareFunction(function() { return get_filename(lazyImage.source.toString()) === get_filename(widgetData1["source"]); }, true);
72+ waitForRendering(imageRenderer);
73+ tryCompareFunction(function() { return get_filename(imageRenderer.source.toString()) === get_filename(widgetData1["source"]); }, true);
7474 waitForRendering(zoomableImage);
75− tryCompare(zoomableImage, "imageState", "ready");
75+ tryCompare(zoomableImage, "imageStatus", Image.Ready);
7676 compare (signalSpy.count, 1);
7777 }
7878
@@ -84,15 +84,15 @@ Rectangle {
8484
8585 function test_mousewheel() {
8686 var image = findChild(zoomableImage, "image");
87− var lazyImage = findChild(zoomableImage, "lazyImage");
87+ var imageRenderer = findChild(zoomableImage, "imageRenderer");
8888 var flickable = findChild(zoomableImage, "flickable");
8989
9090 zoomableImage.source = widgetData2["source"];
9191 zoomableImage.zoomable = true;
9292 waitForRendering(zoomableImage);
9393
94− tryCompare(zoomableImage, "imageState", "ready");
95− tryCompareFunction(function() { return get_filename(lazyImage.source.toString()) === get_filename(widgetData2["source"]); }, true);
94+ tryCompare(zoomableImage, "imageStatus", Image.Ready);
95+ tryCompareFunction(function() { return get_filename(imageRenderer.source.toString()) === get_filename(widgetData2["source"]); }, true);
9696 waitForRendering(image);
9797
9898 // move mouse to center
@@ -105,16 +105,16 @@ Rectangle {
105105 for (var i=0; i<10; i++) {
106106 mouseWheel(zoomableImage, zoomableImage.width / 2, zoomableImage.height / 2, 0, 10);
107107 tryCompare(image, "scale", oldScale + (i + 1) * 0.1);
108− compare(flickable.contentWidth, Math.max(lazyImage.width * image.scale, flickable.width));
109− compare(flickable.contentHeight, Math.max(lazyImage.height * image.scale, flickable.height));
108+ compare(flickable.contentWidth, Math.max(imageRenderer.width * image.scale, flickable.width));
109+ compare(flickable.contentHeight, Math.max(imageRenderer.height * image.scale, flickable.height));
110110 }
111111
112112 // zoom out
113113 for (var i=0; i<10; i++) {
114114 mouseWheel(zoomableImage, zoomableImage.width / 2, zoomableImage.height / 2, 0, -10);
115115 tryCompare(image, "scale", oldScale + 1.0 - (i + 1) * 0.1);
116− compare(flickable.contentWidth, Math.max(lazyImage.width * image.scale, flickable.width));
117− compare(flickable.contentHeight, Math.max(lazyImage.height * image.scale, flickable.height));
116+ compare(flickable.contentWidth, Math.max(imageRenderer.width * image.scale, flickable.width));
117+ compare(flickable.contentHeight, Math.max(imageRenderer.height * image.scale, flickable.height));
118118 }
119119 }
120120 }
@@ -135,7 +135,7 @@ Rectangle {
135135
136136 function test_pinch(data) {
137137 var image = findChild(zoomableImage, "image");
138− var lazyImage = findChild(zoomableImage, "lazyImage");
138+ var imageRenderer = findChild(zoomableImage, "imageRenderer");
139139 var flickable = findChild(zoomableImage, "flickable");
140140
141141 signalSpy.signalName = "onScaleChanged";
@@ -146,8 +146,8 @@ Rectangle {
146146 zoomableImage.zoomable = data.zoomable;
147147 waitForRendering(zoomableImage);
148148
149− tryCompare(zoomableImage, "imageState", "ready");
150− tryCompareFunction(function() { return get_filename(lazyImage.source.toString()) === get_filename(data.source); }, true);
149+ tryCompare(zoomableImage, "imageStatus", Image.Ready);
150+ tryCompareFunction(function() { return get_filename(imageRenderer.source.toString()) === get_filename(data.source); }, true);
151151 waitForRendering(image);
152152
153153 var x1Start = zoomableImage.width * 2 / 6;
@@ -179,15 +179,15 @@ Rectangle {
179179 compare(newScale > oldScale, data.answer2, "scale factor didn't changed");
180180 compare(signalSpy.count == 0, data.answer3, "scale signal count error");
181181 compare(image.scale, newScale, "scale factor error");
182− compare(flickable.contentWidth, Math.max(lazyImage.width * image.scale, flickable.width));
183− compare(flickable.contentHeight, Math.max(lazyImage.height * image.scale, flickable.height));
182+ compare(flickable.contentWidth, Math.max(imageRenderer.width * image.scale, flickable.width));
183+ compare(flickable.contentHeight, Math.max(imageRenderer.height * image.scale, flickable.height));
184184
185185 wait(3000); // have to delay between two consequent pinch event.
186186 // pinch zoom-out
187187 touchPinch(zoomableImage, x1End, y1End, x1Start, y1Start, x2End, y2End, x2Start, y2Start);
188188 tryCompare(image, "scale", oldScale);
189− compare(flickable.contentWidth, Math.max(lazyImage.width * image.scale, flickable.width));
190− compare(flickable.contentHeight, Math.max(lazyImage.height * image.scale, flickable.height));
189+ compare(flickable.contentWidth, Math.max(imageRenderer.width * image.scale, flickable.width));
190+ compare(flickable.contentHeight, Math.max(imageRenderer.height * image.scale, flickable.height));
191191 }
192192 }
193193 }
tests/qmltests/Dash/Previews/tst_PreviewImageGallery.qml+25−24
@@ -48,12 +48,13 @@ Rectangle {
4848 name: "PreviewImageGalleryTest"
4949 when: windowShown
5050
51− property Item slideShow: findChild(imageGallery.rootItem, "slideShow")
52− property Item slideShowCloseButton: findChild(slideShow, "slideShowCloseButton")
53− property Item slideShowListView: findChild(slideShow, "slideShowListView")
51+ property Item overlay: findChild(imageGallery.rootItem, "overlay")
52+ property Item overlayCloseButton: findChild(overlay, "overlayCloseButton")
53+ property Item overlayListView: findChild(overlay, "overlayListView")
5454
5555 function cleanup() {
56− slideShow.visible = false;
56+ overlay.hide();
57+ tryCompare(overlay, "visible", false);
5758 imageGallery.widgetData = sourcesModel1;
5859 waitForRendering(imageGallery);
5960 }
@@ -64,29 +65,29 @@ Rectangle {
6465 compare(placeholderScreenshot.visible, true);
6566 }
6667
67− function test_slideShowOpenClose() {
68+ function test_overlayOpenClose() {
6869 var image0 = findChild(imageGallery, "previewImage0");
6970 mouseClick(image0, image0.width / 2, image0.height / 2);
70− tryCompare(slideShow, "visible", true);
71− tryCompare(slideShow, "scale", 1.0);
72− tryCompare(slideShowCloseButton, "visible", true);
73− mouseClick(slideShowCloseButton, slideShowCloseButton.width / 2, slideShowCloseButton.height / 2);
74− tryCompare(slideShow, "visible", false);
71+ tryCompare(overlay, "visible", true);
72+ tryCompare(overlay, "scale", 1.0);
73+ tryCompare(overlayCloseButton, "visible", true);
74+ mouseClick(overlayCloseButton, overlayCloseButton.width / 2, overlayCloseButton.height / 2);
75+ tryCompare(overlay, "visible", false);
7576 }
7677
77− function test_slideShowShowHideHeader() {
78+ function test_overlayShowHideHeader() {
7879 var image0 = findChild(imageGallery, "previewImage0");
7980 mouseClick(image0, image0.width / 2, image0.height / 2);
80− tryCompare(slideShow, "visible", true);
81− tryCompare(slideShow, "scale", 1.0);
82− tryCompare(slideShowCloseButton, "visible", true);
83− mouseClick(slideShow, slideShow.width / 2, slideShow.height / 2);
84− tryCompare(slideShowCloseButton, "visible", false);
85− mouseClick(slideShow, slideShow.width / 2, slideShow.height / 2);
86− tryCompare(slideShowCloseButton, "visible", true);
81+ tryCompare(overlay, "visible", true);
82+ tryCompare(overlay, "scale", 1.0);
83+ tryCompare(overlayCloseButton, "visible", true);
84+ mouseClick(overlay, overlay.width / 2, overlay.height / 2);
85+ tryCompare(overlayCloseButton, "visible", false);
86+ mouseClick(overlay, overlay.width / 2, overlay.height / 2);
87+ tryCompare(overlayCloseButton, "visible", true);
8788 }
8889
89− function test_slideShowOpenCorrectImage_data() {
90+ function test_overlayOpenCorrectImage_data() {
9091 return [
9192 { tag: "Image 0", index: 0 },
9293 { tag: "Image 1", index: 1 },
@@ -94,13 +95,13 @@ Rectangle {
9495 ];
9596 }
9697
97− function test_slideShowOpenCorrectImage(data) {
98+ function test_overlayOpenCorrectImage(data) {
9899 var image = findChild(imageGallery, "previewImage" + data.index);
99100 mouseClick(image, image.width / 2, image.height / 2);
100− tryCompare(slideShow, "visible", true);
101− tryCompare(slideShow, "scale", 1.0);
102− tryCompare(slideShowListView, "currentIndex", data.index);
103− verify(image.source === slideShowListView.currentItem.source);
101+ tryCompare(overlay, "visible", true);
102+ tryCompare(overlay, "scale", 1.0);
103+ tryCompare(overlayListView, "currentIndex", data.index);
104+ verify(image.source === overlayListView.currentItem.source);
104105 }
105106 }
106107}
tests/qmltests/Dash/Previews/tst_PreviewZoomableImage.qml+30−8
@@ -36,26 +36,48 @@ Rectangle {
3636
3737 PreviewZoomableImage {
3838 id: zoomableImage
39− anchors.fill: parent
40− widgetData: widgetData1
39+ anchors.centerIn: parent
40+ widgetData: widgetData0
4141 }
4242
4343 UT.UnityTestCase {
4444 name: "PreviewZoomableImageTest"
4545 when: windowShown
4646
47− function test_loadImage() {
48− var image = findChild(zoomableImage, "image");
47+ property Item lazyImage: findChild(zoomableImage, "lazyImage");
48+ property Item overlay: findChild(zoomableImage.rootItem, "overlay");
49+
50+ function init() {
51+ waitForRendering(zoomableImage);
52+ waitForRendering(overlay);
53+ }
54+
55+ function cleanup() {
56+ overlay.hide();
57+ tryCompare(overlay, "visible", false);
58+ zoomableImage.widgetData = widgetData0;
59+ }
4960
61+ function test_loadImage() {
5062 zoomableImage.widgetData = widgetData0;
5163 waitForRendering(zoomableImage);
52− waitForRendering(image);
53− tryCompare(image, "imageState", "ready");
64+ waitForRendering(lazyImage);
65+ tryCompare(lazyImage, "state", "ready");
5466
5567 zoomableImage.widgetData = widgetData1;
5668 waitForRendering(zoomableImage);
57− waitForRendering(image);
58− tryCompare(image, "imageState", "default");
69+ waitForRendering(lazyImage);
70+ tryCompare(lazyImage, "state", "default");
71+ }
72+
73+ function test_zoomableImageOpenClose() {
74+ var overlayCloseButton = findChild(overlay, "overlayCloseButton");
75+ mouseClick(lazyImage, lazyImage.width / 2, lazyImage.height / 2);
76+ tryCompare(overlay, "visible", true);
77+ tryCompare(overlay, "scale", 1.0);
78+ tryCompare(overlayCloseButton, "visible", true);
79+ mouseClick(overlayCloseButton, overlayCloseButton.width / 2, overlayCloseButton.height / 2);
80+ tryCompare(overlay, "visible", false);
5981 }
6082 }
6183}