/**************************************************************************** ** ** Copyright (C) 2016 The Qt Company Ltd. ** Contact: https://www.qt.io/licensing/ ** ** This file is part of the QtWebEngine module of the Qt Toolkit. ** ** $QT_BEGIN_LICENSE:GPL-EXCEPT$ ** Commercial License Usage ** Licensees holding valid commercial Qt licenses may use this file in ** accordance with the commercial license agreement provided with the ** Software or, alternatively, in accordance with the terms contained in ** a written agreement between you and The Qt Company. For licensing terms ** and conditions see https://www.qt.io/terms-conditions. For further ** information use the contact form at https://www.qt.io/contact-us. ** ** GNU General Public License Usage ** Alternatively, this file may be used under the terms of the GNU ** General Public License version 3 as published by the Free Software ** Foundation with exceptions as appearing in the file LICENSE.GPL3-EXCEPT ** included in the packaging of this file. Please review the following ** information to ensure the GNU General Public License requirements will ** be met: https://www.gnu.org/licenses/gpl-3.0.html. ** ** $QT_END_LICENSE$ ** ****************************************************************************/ import QtQuick 2.0 import QtTest 1.0 import QtWebEngine 1.3 import QtWebEngine.testsupport 1.0 import QtQuick.Window 2.0 TestWebEngineView { id: webEngineView width: 200 height: 400 testSupport: WebEngineTestSupport { property var errorPageLoadStatus: null function waitForErrorPageLoadSucceeded() { var success = _waitFor(function() { return testSupport.errorPageLoadStatus == WebEngineView.LoadSucceededStatus }) testSupport.errorPageLoadStatus = null return success } errorPage.onLoadingChanged: { errorPageLoadStatus = loadRequest.status } } function removeFaviconProviderPrefix(url) { return url.toString().substring(16) } function getFaviconPixel(faviconImage) { var grabImage = Qt.createQmlObject(" import QtQuick 2.5\n Image { }", test) var faviconCanvas = Qt.createQmlObject(" import QtQuick 2.5\n Canvas { }", test) test.tryVerify(function() { return faviconImage.status == Image.Ready }); faviconImage.grabToImage(function(result) { grabImage.source = result.url }); test.tryVerify(function() { return grabImage.status == Image.Ready }); faviconCanvas.width = faviconImage.width; faviconCanvas.height = faviconImage.height; var ctx = faviconCanvas.getContext("2d"); ctx.drawImage(grabImage, 0, 0, grabImage.width, grabImage.height); var imageData = ctx.getImageData(Math.round(faviconCanvas.width/2), Math.round(faviconCanvas.height/2), faviconCanvas.width, faviconCanvas.height); grabImage.destroy(); faviconCanvas.destroy(); return imageData.data; } SignalSpy { id: iconChangedSpy target: webEngineView signalName: "iconChanged" } Image { id: favicon source: webEngineView.icon } TestCase { id: test name: "WebEngineFavicon" when: windowShown function init() { // It is worth to restore the initial state with loading a blank page before all test functions. webEngineView.url = 'about:blank' verify(webEngineView.waitForLoadSucceeded()) iconChangedSpy.clear() } function test_faviconLoad() { compare(iconChangedSpy.count, 0) var url = Qt.resolvedUrl("favicon.html") webEngineView.url = url verify(webEngineView.waitForLoadSucceeded()) iconChangedSpy.wait() compare(iconChangedSpy.count, 1) compare(favicon.width, 48) compare(favicon.height, 48) } function test_faviconLoadEncodedUrl() { compare(iconChangedSpy.count, 0) var url = Qt.resolvedUrl("favicon2.html?favicon=load should work with#whitespace!") webEngineView.url = url verify(webEngineView.waitForLoadSucceeded()) iconChangedSpy.wait() compare(iconChangedSpy.count, 1) compare(favicon.width, 16) compare(favicon.height, 16) } function test_noFavicon() { compare(iconChangedSpy.count, 0) var url = Qt.resolvedUrl("test1.html") webEngineView.url = url verify(webEngineView.waitForLoadSucceeded()) compare(iconChangedSpy.count, 0) var iconUrl = webEngineView.icon compare(iconUrl, Qt.resolvedUrl("")) } function test_aboutBlank() { compare(iconChangedSpy.count, 0) var url = Qt.resolvedUrl("about:blank") webEngineView.url = url verify(webEngineView.waitForLoadSucceeded()) compare(iconChangedSpy.count, 0) var iconUrl = webEngineView.icon compare(iconUrl, Qt.resolvedUrl("")) } function test_unavailableFavicon() { compare(iconChangedSpy.count, 0) var url = Qt.resolvedUrl("favicon-unavailable.html") webEngineView.url = url verify(webEngineView.waitForLoadSucceeded()) compare(iconChangedSpy.count, 0) var iconUrl = webEngineView.icon compare(iconUrl, Qt.resolvedUrl("")) } function test_errorPageEnabled() { WebEngine.settings.errorPageEnabled = true compare(iconChangedSpy.count, 0) var url = Qt.resolvedUrl("http://url.invalid") webEngineView.url = url verify(webEngineView.waitForLoadFailed(20000)) verify(webEngineView.testSupport.waitForErrorPageLoadSucceeded()) compare(iconChangedSpy.count, 0) var iconUrl = webEngineView.icon compare(iconUrl, Qt.resolvedUrl("")) } function test_errorPageDisabled() { WebEngine.settings.errorPageEnabled = false compare(iconChangedSpy.count, 0) var url = Qt.resolvedUrl("http://url.invalid") webEngineView.url = url verify(webEngineView.waitForLoadFailed(20000)) compare(iconChangedSpy.count, 0) var iconUrl = webEngineView.icon compare(iconUrl, Qt.resolvedUrl("")) } function test_bestFavicon() { compare(iconChangedSpy.count, 0) var url, iconUrl url = Qt.resolvedUrl("favicon-misc.html") webEngineView.url = url verify(webEngineView.waitForLoadSucceeded()) iconChangedSpy.wait() compare(iconChangedSpy.count, 1) iconUrl = removeFaviconProviderPrefix(webEngineView.icon) // Touch icon is ignored compare(iconUrl, Qt.resolvedUrl("icons/qt32.ico")) compare(favicon.width, 32) compare(favicon.height, 32) iconChangedSpy.clear() url = Qt.resolvedUrl("favicon-shortcut.html") webEngineView.url = url verify(webEngineView.waitForLoadSucceeded()) iconChangedSpy.wait() verify(iconChangedSpy.count >= 1) iconUrl = removeFaviconProviderPrefix(webEngineView.icon) // If the icon URL is empty we have to wait for // the second iconChanged signal that propagates the expected URL if (iconUrl == Qt.resolvedUrl("")) { tryCompare(iconChangedSpy, "count", 2) iconUrl = removeFaviconProviderPrefix(webEngineView.icon) } compare(iconUrl, Qt.resolvedUrl("icons/qt144.png")) compare(favicon.width, 144) compare(favicon.height, 144) } function test_touchIcon() { compare(iconChangedSpy.count, 0) var url = Qt.resolvedUrl("favicon-touch.html") webEngineView.url = url verify(webEngineView.waitForLoadSucceeded()) compare(iconChangedSpy.count, 0) var iconUrl = webEngineView.icon compare(iconUrl, Qt.resolvedUrl("")) compare(favicon.width, 0) compare(favicon.height, 0) WebEngine.settings.touchIconsEnabled = true url = Qt.resolvedUrl("favicon-touch.html") webEngineView.url = url verify(webEngineView.waitForLoadSucceeded()) iconChangedSpy.wait() iconUrl = removeFaviconProviderPrefix(webEngineView.icon) compare(iconUrl, Qt.resolvedUrl("icons/qt144.png")) compare(iconChangedSpy.count, 1) compare(favicon.width, 144) compare(favicon.height, 144) } function test_multiIcon() { compare(iconChangedSpy.count, 0) var url = Qt.resolvedUrl("favicon-multi.html") webEngineView.url = url verify(webEngineView.waitForLoadSucceeded()) iconChangedSpy.wait() compare(iconChangedSpy.count, 1) compare(favicon.width, 64) compare(favicon.height, 64) } function test_faviconProvider_data() { return [ { tag: "multi 8x8", url: Qt.resolvedUrl("favicon-multi-gray.html"), size: 8, value: 16 }, { tag: "multi 16x16", url: Qt.resolvedUrl("favicon-multi-gray.html"), size: 16, value: 16 }, { tag: "multi 17x17", url: Qt.resolvedUrl("favicon-multi-gray.html"), size: 17, value: 32 }, { tag: "multi 31x31", url: Qt.resolvedUrl("favicon-multi-gray.html"), size: 31, value: 32 }, { tag: "multi 32x32", url: Qt.resolvedUrl("favicon-multi-gray.html"), size: 32, value: 32 }, { tag: "multi 33x33", url: Qt.resolvedUrl("favicon-multi-gray.html"), size: 33, value: 64 }, { tag: "multi 64x64", url: Qt.resolvedUrl("favicon-multi-gray.html"), size: 64, value: 64 }, { tag: "multi 128x128", url: Qt.resolvedUrl("favicon-multi-gray.html"), size: 128, value: 128 }, { tag: "multi 255x255", url: Qt.resolvedUrl("favicon-multi-gray.html"), size: 255, value: 255 }, { tag: "multi 256x256", url: Qt.resolvedUrl("favicon-multi-gray.html"), size: 256, value: 255 }, { tag: "candidate 8x8", url: Qt.resolvedUrl("favicon-candidates-gray.html"), size: 8, value: 16 }, { tag: "candidate 16x16", url: Qt.resolvedUrl("favicon-candidates-gray.html"), size: 16, value: 16 }, { tag: "candidate 17x17", url: Qt.resolvedUrl("favicon-candidates-gray.html"), size: 17, value: 32 }, { tag: "candidate 31x31", url: Qt.resolvedUrl("favicon-candidates-gray.html"), size: 31, value: 32 }, { tag: "candidate 32x32", url: Qt.resolvedUrl("favicon-candidates-gray.html"), size: 32, value: 32 }, { tag: "candidate 33x33", url: Qt.resolvedUrl("favicon-candidates-gray.html"), size: 33, value: 64 }, { tag: "candidate 64x64", url: Qt.resolvedUrl("favicon-candidates-gray.html"), size: 64, value: 64 }, { tag: "candidate 128x128", url: Qt.resolvedUrl("favicon-candidates-gray.html"), size: 128, value: 128 }, { tag: "candidate 255x255", url: Qt.resolvedUrl("favicon-candidates-gray.html"), size: 255, value: 255 }, { tag: "candidate 256x256", url: Qt.resolvedUrl("favicon-candidates-gray.html"), size: 256, value: 255 }, ]; } function test_faviconProvider(row) { var faviconImage = Qt.createQmlObject(" import QtQuick 2.5\n Image { sourceSize: Qt.size(width, height) }", test) compare(iconChangedSpy.count, 0) webEngineView.url = row.url verify(webEngineView.waitForLoadSucceeded()) iconChangedSpy.wait() compare(iconChangedSpy.count, 1) faviconImage.width = row.size / Screen.devicePixelRatio faviconImage.height = row.size / Screen.devicePixelRatio faviconImage.source = webEngineView.icon var pixel = getFaviconPixel(faviconImage); compare(pixel[0], row.value) faviconImage.destroy() } function test_dynamicFavicon() { var faviconImage = Qt.createQmlObject(" import QtQuick 2.5\n Image { width: 16; height: 16; sourceSize: Qt.size(width, height); }", test) faviconImage.source = Qt.binding(function() { return webEngineView.icon; }); var colors = [ {"url": "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==", "r": 255, "g": 0, "b": 0}, {"url": "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M/wHwAEBgIApD5fRAAAAABJRU5ErkJggg==", "r": 0, "g": 255, "b": 0}, {"url": "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPj/HwADBwIAMCbHYQAAAABJRU5ErkJggg==", "r": 0, "g": 0, "b": 255}, ]; var pixel; compare(iconChangedSpy.count, 0); webEngineView.loadHtml( "" + "" + "" ); verify(webEngineView.waitForLoadSucceeded()); tryCompare(iconChangedSpy, "count", 1); pixel = getFaviconPixel(faviconImage); compare(pixel[0], 0); compare(pixel[1], 0); compare(pixel[2], 0); for (var i = 0; i < colors.length; ++i) { iconChangedSpy.clear(); runJavaScript("document.getElementsByTagName('link')[0].href = 'data:image/png;base64," + colors[i]["url"] + "';"); tryCompare(faviconImage, "source", "image://favicon/data:image/png;base64," + colors[i]["url"]); compare(iconChangedSpy.count, 1); pixel = getFaviconPixel(faviconImage); compare(pixel[0], colors[i]["r"]); compare(pixel[1], colors[i]["g"]); compare(pixel[2], colors[i]["b"]); } faviconImage.destroy() } } }