From 08ba6254f1a24456667998106ad1af36a718171f Mon Sep 17 00:00:00 2001 From: Felipe Erias Morandeira Date: Thu, 20 Jun 2013 16:48:08 +0100 Subject: Working on a few convenience methods and strategies for linking HTML code in a WebView with GTK+ functionality. [endlessm/eos-sdk#113] --- test/smoke-tests/webview.js | 154 +++++++++++++++++++++++++++++++ test/smoke-tests/webview/first_page.html | 50 ++++++++++ 2 files changed, 204 insertions(+) create mode 100644 test/smoke-tests/webview.js create mode 100644 test/smoke-tests/webview/first_page.html diff --git a/test/smoke-tests/webview.js b/test/smoke-tests/webview.js new file mode 100644 index 0000000..94a873f --- /dev/null +++ b/test/smoke-tests/webview.js @@ -0,0 +1,154 @@ +// Copyright 2013 Endless Mobile, Inc. + +const Lang = imports.lang; +const Endless = imports.gi.Endless; +const GLib = imports.gi.GLib; +const Gtk = imports.gi.Gtk; +const WebKit = imports.gi.WebKit; + +const TEST_APPLICATION_ID = 'com.endlessm.example.test-webview'; + +const EOS_URI_SCHEME = 'endless://'; + +const TestApplication = new Lang.Class({ + Name: 'TestApplication', + Extends: Endless.Application, + + /* *** CONVENIENCE LIBRARY *** */ + + _onNavigationPolicyDecisionRequested: function(web_view, frame, request, + navigation_action, policy_decision, + user_data) { + // lame way of getting function name and parameters, without error check + + let uri = request.get_uri(); + + if(uri.indexOf(EOS_URI_SCHEME) == 0) { + // get the name and parameters for the desired function + print('URI: '+uri); + let f_call = uri.substring(EOS_URI_SCHEME.length, uri.length).split('?'); + var function_name = f_call[0]; + var parameters = {}; + + if(f_call[1]) { + // there are parameters + let params = f_call[1].split('&'); + params.forEach(function(entry) { + let param = entry.split('='); + + if(param.length == 2) { + param[0] = decodeURIComponent(param[0]); + param[1] = decodeURIComponent(param[1]); + // and now we add it... + parameters[param[0]] = param[1]; + } + }); + } + + if(this.actions[function_name]) + Lang.bind(this, this.actions[function_name])(parameters); + else + print('Unknown function '+function_name); + + policy_decision.ignore(); + return true; + } else { + return false; + } + }, + + _getElementById: function(webview, id) { + // WebKit.DOMDocument + let dom = webview.get_dom_document(); + + // WebKitDOMElement + return dom.get_element_by_id(id); + }, + + /* *** APP-SPECIFIC FUNCTIONS *** */ + + actions: { + /* dict['name'] is the name of the page to move to */ + 'moveToPage': function(dict) { + print('move to page '+dict['name']); + this._pm.visible_page_name = dict['name']; + }, + + /* dict['msg'] is the message to display */ + 'showMessageFromParameter': function(dict) { + let dialog = new Gtk.MessageDialog({ + buttons: Gtk.ButtonsType.CLOSE, + message_type: Gtk.MessageType.INFO, + text: dict['msg'] }); + dialog.set_transient_for(this._window); + dialog.run(); + dialog.destroy(); + }, + + /* dict['id'] is the ID of the input field to use */ + 'showMessageFromInputField': function(dict) { + let input = this._getElementById(this._webview, dict['id']); + + // WebKitDOMHTMLInputElement + let msg = input.get_value(); + + let dialog = new Gtk.MessageDialog({ + buttons: Gtk.ButtonsType.CLOSE, + message_type: Gtk.MessageType.INFO, + text: msg }); + dialog.set_transient_for(this._window); + dialog.run(); + dialog.destroy(); + }, + + /* dict['id'] is the ID of the element to use */ + 'addStars': function(dict) { + let e = this._getElementById(this._webview, dict['id']); + e.inner_text += '★ '; + } + }, + + /* *************************** */ + + vfunc_startup: function() { + this.parent(); + + this._webview = new WebKit.WebView(); + + let cwd = GLib.get_current_dir(); + let target = cwd + '/test/smoke-tests/webview/first_page.html'; + this._webview.load_uri(GLib.filename_to_uri(target, null)); + + this._webview.connect('navigation-policy-decision-requested', + Lang.bind(this, this._onNavigationPolicyDecisionRequested)); + + this._page1 = new Gtk.ScrolledWindow(); + this._page1.add(this._webview); + + this._page2 = new Gtk.Grid(); + let back_button = new Gtk.Button({label:"Go back to page 1"}); + back_button.connect('clicked', Lang.bind(this, function() { + this._pm.visible_page_name = 'page1'; + })) + this._page2.add(back_button); + + this._pm = new Endless.PageManager(); + this._pm.set_transition_type(Endless.PageManagerTransitionType.CROSSFADE) + this._pm.add(this._page1, { name: 'page1' }); + this._pm.add(this._page2, { name: 'page2' }); + + this._pm.visible_page = this._page1; + + this._window = new Endless.Window({ + application: this, + border_width: 16, + page_manager: this._pm + }); + + this._window.show_all(); + } +}); + +let app = new TestApplication({ application_id: TEST_APPLICATION_ID, + flags: 0 }); +app.run(ARGV); diff --git a/test/smoke-tests/webview/first_page.html b/test/smoke-tests/webview/first_page.html new file mode 100644 index 0000000..5b33c48 --- /dev/null +++ b/test/smoke-tests/webview/first_page.html @@ -0,0 +1,50 @@ + + + +First page + + + + + + +

First page

+ +

+Move to page 2 +

+ +

+Show message from parameter in this URL +

+ +
+ + +
+ +

+ +Show message using the <input>'s ID +

+ +

+Regular link to a Web site +

+ +

+I want stars! +

+ + + \ No newline at end of file -- cgit v1.2.3