summaryrefslogtreecommitdiff
path: root/tests/cefclient/resources/extensions
diff options
context:
space:
mode:
Diffstat (limited to 'tests/cefclient/resources/extensions')
-rw-r--r--tests/cefclient/resources/extensions/set_page_color/README.md17
-rw-r--r--tests/cefclient/resources/extensions/set_page_color/icon.pngbin0 -> 103 bytes
-rw-r--r--tests/cefclient/resources/extensions/set_page_color/manifest.json14
-rw-r--r--tests/cefclient/resources/extensions/set_page_color/popup.html55
-rw-r--r--tests/cefclient/resources/extensions/set_page_color/popup.js16
5 files changed, 102 insertions, 0 deletions
diff --git a/tests/cefclient/resources/extensions/set_page_color/README.md b/tests/cefclient/resources/extensions/set_page_color/README.md
new file mode 100644
index 00000000..550bac34
--- /dev/null
+++ b/tests/cefclient/resources/extensions/set_page_color/README.md
@@ -0,0 +1,17 @@
+# Color Extension
+
+Demonstrates basic extension app loading and integration by using a popup to change the page color.
+
+## Usage
+
+Run `cefclient --load-extension=set_page_color`.
+
+When using the Views framework (`--use-views`) an extension icon will be added to the control bar and clicking the icon will open the extension window. When not using the Views framework an extension window will be opened automatically on application start.
+
+## Implementation
+
+Based on the [set_page_color](https://developer.chrome.com/extensions/samples#search:browser%20action%20with%20a%20popup) example extension.
+
+Calls:
+
+ * [tabs.executeScript](https://developer.chrome.com/extensions/tabs#method-executeScript)
diff --git a/tests/cefclient/resources/extensions/set_page_color/icon.png b/tests/cefclient/resources/extensions/set_page_color/icon.png
new file mode 100644
index 00000000..46819c73
--- /dev/null
+++ b/tests/cefclient/resources/extensions/set_page_color/icon.png
Binary files differ
diff --git a/tests/cefclient/resources/extensions/set_page_color/manifest.json b/tests/cefclient/resources/extensions/set_page_color/manifest.json
new file mode 100644
index 00000000..48f551d9
--- /dev/null
+++ b/tests/cefclient/resources/extensions/set_page_color/manifest.json
@@ -0,0 +1,14 @@
+{
+ "name": "A browser action with a popup that changes the page color",
+ "description": "Change the current page color",
+ "version": "1.0",
+ "permissions": [
+ "tabs", "http://*/*", "https://*/*"
+ ],
+ "browser_action": {
+ "default_title": "Set this page's color.",
+ "default_icon": "icon.png",
+ "default_popup": "popup.html"
+ },
+ "manifest_version": 2
+}
diff --git a/tests/cefclient/resources/extensions/set_page_color/popup.html b/tests/cefclient/resources/extensions/set_page_color/popup.html
new file mode 100644
index 00000000..bf1b42b3
--- /dev/null
+++ b/tests/cefclient/resources/extensions/set_page_color/popup.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Set Page Color Popup</title>
+ <style>
+ body {
+ overflow: hidden;
+ margin: 0px;
+ padding: 0px;
+ background: white;
+ }
+
+ div:first-child {
+ margin-top: 0px;
+ }
+
+ div {
+ cursor: pointer;
+ text-align: center;
+ padding: 1px 3px;
+ font-family: sans-serif;
+ font-size: 0.8em;
+ width: 100px;
+ margin-top: 1px;
+ background: #cccccc;
+ }
+ div:hover {
+ background: #aaaaaa;
+ }
+ #red {
+ border: 1px solid red;
+ color: red;
+ }
+ #blue {
+ border: 1px solid blue;
+ color: blue;
+ }
+ #green {
+ border: 1px solid green;
+ color: green;
+ }
+ #yellow {
+ border: 1px solid yellow;
+ color: yellow;
+ }
+ </style>
+ <script src="popup.js"></script>
+ </head>
+ <body>
+ <div id="red">red</div>
+ <div id="blue">blue</div>
+ <div id="green">green</div>
+ <div id="yellow">yellow</div>
+ </body>
+</html>
diff --git a/tests/cefclient/resources/extensions/set_page_color/popup.js b/tests/cefclient/resources/extensions/set_page_color/popup.js
new file mode 100644
index 00000000..6f627087
--- /dev/null
+++ b/tests/cefclient/resources/extensions/set_page_color/popup.js
@@ -0,0 +1,16 @@
+// Copyright (c) 2012 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+
+function click(e) {
+ chrome.tabs.executeScript(null,
+ {code:"document.body.style.backgroundColor='" + e.target.id + "'"});
+}
+
+document.addEventListener('DOMContentLoaded', function () {
+ var divs = document.querySelectorAll('div');
+ for (var i = 0; i < divs.length; i++) {
+ divs[i].addEventListener('click', click);
+ }
+});