Add frontend assets and plugin bundles
Add the legacy frontend themes, scripts, and plugin assets required by the main SPOTA interfaces.
This commit is contained in:
86
assets/plugins/gmaps/test/index.html
Normal file
86
assets/plugins/gmaps/test/index.html
Normal file
@@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>gmaps.js test</title>
|
||||
<link rel="stylesheet" type="text/css" href="lib/jasmine.css" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<script type="text/javascript" src="lib/jasmine.js"></script>
|
||||
<script type="text/javascript" src="lib/jasmine-html.js"></script>
|
||||
|
||||
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
|
||||
<script type="text/javascript" src="../gmaps.js"></script>
|
||||
|
||||
<script type="text/javascript" src="spec/MapSpec.js"></script>
|
||||
<script type="text/javascript" src="spec/MarkerSpec.js"></script>
|
||||
<script type="text/javascript" src="spec/GeometrySpec.js"></script>
|
||||
<script type="text/javascript" src="spec/LayerSpec.js"></script>
|
||||
<script type="text/javascript" src="spec/OverlaySpec.js"></script>
|
||||
<script type="text/javascript" src="spec/RouteSpec.js"></script>
|
||||
<script type="text/javascript" src="spec/StyleSpec.js"></script>
|
||||
<script type="text/javascript" src="spec/StreetViewSpec.js"></script>
|
||||
<script type="text/javascript" src="spec/EventSpec.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
(function() {
|
||||
var jasmineEnv = jasmine.getEnv();
|
||||
jasmineEnv.updateInterval = 1000;
|
||||
|
||||
var htmlReporter = new jasmine.HtmlReporter();
|
||||
|
||||
jasmineEnv.addReporter(htmlReporter);
|
||||
|
||||
jasmineEnv.specFilter = function(spec) {
|
||||
return htmlReporter.specFilter(spec);
|
||||
};
|
||||
|
||||
var currentWindowOnload = window.onload;
|
||||
|
||||
window.onload = function() {
|
||||
if (currentWindowOnload) {
|
||||
currentWindowOnload();
|
||||
}
|
||||
|
||||
execJasmine();
|
||||
};
|
||||
|
||||
function execJasmine() {
|
||||
jasmineEnv.execute();
|
||||
}
|
||||
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<h3>Basic map</h3>
|
||||
<div class="map" id="basic-map"></div>
|
||||
<h3>Advanced map</h3>
|
||||
<div class="map" id="advanced-map"></div>
|
||||
<h3>Map with events</h3>
|
||||
<div class="map" id="map-with-events"></div>
|
||||
<h3>Map with markers</h3>
|
||||
<div class="map" id="map-with-markers"></div>
|
||||
<h3>Map with custom controls</h3>
|
||||
<div class="map" id="map-with-custom-controls"></div>
|
||||
<h3>Map with polygons</h3>
|
||||
<div class="map" id="map-with-polygons"></div>
|
||||
<h3>Map with layers</h3>
|
||||
<div class="map" id="map-with-layers"></div>
|
||||
<h3>Map with overlays</h3>
|
||||
<div class="map" id="map-with-overlays"></div>
|
||||
<h3>Map with routes</h3>
|
||||
<div class="map" id="map-with-routes"></div>
|
||||
<h3>Map with styles</h3>
|
||||
<div class="map" id="map-with-styles"></div>
|
||||
<h3>Street View Panorama</h3>
|
||||
<div class="panorama" id="streetview-standalone-panorama"></div>
|
||||
<h3>Map with Street View</h3>
|
||||
<div class="with-columns">
|
||||
<div class="map" id="map-with-streetview"></div>
|
||||
<div class="panorama" id="streetview-panorama"></div>
|
||||
</div>
|
||||
<h3>Street View Panorama with events</h3>
|
||||
<div class="panorama" id="streetview-with-events"></div>
|
||||
<h3>Events</h3>
|
||||
<div class="map" id="events"></div>
|
||||
</body>
|
||||
</html>
|
||||
681
assets/plugins/gmaps/test/lib/jasmine-html.js
Normal file
681
assets/plugins/gmaps/test/lib/jasmine-html.js
Normal file
@@ -0,0 +1,681 @@
|
||||
jasmine.HtmlReporterHelpers = {};
|
||||
|
||||
jasmine.HtmlReporterHelpers.createDom = function(type, attrs, childrenVarArgs) {
|
||||
var el = document.createElement(type);
|
||||
|
||||
for (var i = 2; i < arguments.length; i++) {
|
||||
var child = arguments[i];
|
||||
|
||||
if (typeof child === 'string') {
|
||||
el.appendChild(document.createTextNode(child));
|
||||
} else {
|
||||
if (child) {
|
||||
el.appendChild(child);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
for (var attr in attrs) {
|
||||
if (attr == "className") {
|
||||
el[attr] = attrs[attr];
|
||||
} else {
|
||||
el.setAttribute(attr, attrs[attr]);
|
||||
}
|
||||
}
|
||||
|
||||
return el;
|
||||
};
|
||||
|
||||
jasmine.HtmlReporterHelpers.getSpecStatus = function(child) {
|
||||
var results = child.results();
|
||||
var status = results.passed() ? 'passed' : 'failed';
|
||||
if (results.skipped) {
|
||||
status = 'skipped';
|
||||
}
|
||||
|
||||
return status;
|
||||
};
|
||||
|
||||
jasmine.HtmlReporterHelpers.appendToSummary = function(child, childElement) {
|
||||
var parentDiv = this.dom.summary;
|
||||
var parentSuite = (typeof child.parentSuite == 'undefined') ? 'suite' : 'parentSuite';
|
||||
var parent = child[parentSuite];
|
||||
|
||||
if (parent) {
|
||||
if (typeof this.views.suites[parent.id] == 'undefined') {
|
||||
this.views.suites[parent.id] = new jasmine.HtmlReporter.SuiteView(parent, this.dom, this.views);
|
||||
}
|
||||
parentDiv = this.views.suites[parent.id].element;
|
||||
}
|
||||
|
||||
parentDiv.appendChild(childElement);
|
||||
};
|
||||
|
||||
|
||||
jasmine.HtmlReporterHelpers.addHelpers = function(ctor) {
|
||||
for(var fn in jasmine.HtmlReporterHelpers) {
|
||||
ctor.prototype[fn] = jasmine.HtmlReporterHelpers[fn];
|
||||
}
|
||||
};
|
||||
|
||||
jasmine.HtmlReporter = function(_doc) {
|
||||
var self = this;
|
||||
var doc = _doc || window.document;
|
||||
|
||||
var reporterView;
|
||||
|
||||
var dom = {};
|
||||
|
||||
// Jasmine Reporter Public Interface
|
||||
self.logRunningSpecs = false;
|
||||
|
||||
self.reportRunnerStarting = function(runner) {
|
||||
var specs = runner.specs() || [];
|
||||
|
||||
if (specs.length == 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
createReporterDom(runner.env.versionString());
|
||||
doc.body.appendChild(dom.reporter);
|
||||
setExceptionHandling();
|
||||
|
||||
reporterView = new jasmine.HtmlReporter.ReporterView(dom);
|
||||
reporterView.addSpecs(specs, self.specFilter);
|
||||
};
|
||||
|
||||
self.reportRunnerResults = function(runner) {
|
||||
reporterView && reporterView.complete();
|
||||
};
|
||||
|
||||
self.reportSuiteResults = function(suite) {
|
||||
reporterView.suiteComplete(suite);
|
||||
};
|
||||
|
||||
self.reportSpecStarting = function(spec) {
|
||||
if (self.logRunningSpecs) {
|
||||
self.log('>> Jasmine Running ' + spec.suite.description + ' ' + spec.description + '...');
|
||||
}
|
||||
};
|
||||
|
||||
self.reportSpecResults = function(spec) {
|
||||
reporterView.specComplete(spec);
|
||||
};
|
||||
|
||||
self.log = function() {
|
||||
var console = jasmine.getGlobal().console;
|
||||
if (console && console.log) {
|
||||
if (console.log.apply) {
|
||||
console.log.apply(console, arguments);
|
||||
} else {
|
||||
console.log(arguments); // ie fix: console.log.apply doesn't exist on ie
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
self.specFilter = function(spec) {
|
||||
if (!focusedSpecName()) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return spec.getFullName().indexOf(focusedSpecName()) === 0;
|
||||
};
|
||||
|
||||
return self;
|
||||
|
||||
function focusedSpecName() {
|
||||
var specName;
|
||||
|
||||
(function memoizeFocusedSpec() {
|
||||
if (specName) {
|
||||
return;
|
||||
}
|
||||
|
||||
var paramMap = [];
|
||||
var params = jasmine.HtmlReporter.parameters(doc);
|
||||
|
||||
for (var i = 0; i < params.length; i++) {
|
||||
var p = params[i].split('=');
|
||||
paramMap[decodeURIComponent(p[0])] = decodeURIComponent(p[1]);
|
||||
}
|
||||
|
||||
specName = paramMap.spec;
|
||||
})();
|
||||
|
||||
return specName;
|
||||
}
|
||||
|
||||
function createReporterDom(version) {
|
||||
dom.reporter = self.createDom('div', { id: 'HTMLReporter', className: 'jasmine_reporter' },
|
||||
dom.banner = self.createDom('div', { className: 'banner' },
|
||||
self.createDom('span', { className: 'title' }, "Jasmine "),
|
||||
self.createDom('span', { className: 'version' }, version)),
|
||||
|
||||
dom.symbolSummary = self.createDom('ul', {className: 'symbolSummary'}),
|
||||
dom.alert = self.createDom('div', {className: 'alert'},
|
||||
self.createDom('span', { className: 'exceptions' },
|
||||
self.createDom('label', { className: 'label', 'for': 'no_try_catch' }, 'No try/catch'),
|
||||
self.createDom('input', { id: 'no_try_catch', type: 'checkbox' }))),
|
||||
dom.results = self.createDom('div', {className: 'results'},
|
||||
dom.summary = self.createDom('div', { className: 'summary' }),
|
||||
dom.details = self.createDom('div', { id: 'details' }))
|
||||
);
|
||||
}
|
||||
|
||||
function noTryCatch() {
|
||||
return window.location.search.match(/catch=false/);
|
||||
}
|
||||
|
||||
function searchWithCatch() {
|
||||
var params = jasmine.HtmlReporter.parameters(window.document);
|
||||
var removed = false;
|
||||
var i = 0;
|
||||
|
||||
while (!removed && i < params.length) {
|
||||
if (params[i].match(/catch=/)) {
|
||||
params.splice(i, 1);
|
||||
removed = true;
|
||||
}
|
||||
i++;
|
||||
}
|
||||
if (jasmine.CATCH_EXCEPTIONS) {
|
||||
params.push("catch=false");
|
||||
}
|
||||
|
||||
return params.join("&");
|
||||
}
|
||||
|
||||
function setExceptionHandling() {
|
||||
var chxCatch = document.getElementById('no_try_catch');
|
||||
|
||||
if (noTryCatch()) {
|
||||
chxCatch.setAttribute('checked', true);
|
||||
jasmine.CATCH_EXCEPTIONS = false;
|
||||
}
|
||||
chxCatch.onclick = function() {
|
||||
window.location.search = searchWithCatch();
|
||||
};
|
||||
}
|
||||
};
|
||||
jasmine.HtmlReporter.parameters = function(doc) {
|
||||
var paramStr = doc.location.search.substring(1);
|
||||
var params = [];
|
||||
|
||||
if (paramStr.length > 0) {
|
||||
params = paramStr.split('&');
|
||||
}
|
||||
return params;
|
||||
}
|
||||
jasmine.HtmlReporter.sectionLink = function(sectionName) {
|
||||
var link = '?';
|
||||
var params = [];
|
||||
|
||||
if (sectionName) {
|
||||
params.push('spec=' + encodeURIComponent(sectionName));
|
||||
}
|
||||
if (!jasmine.CATCH_EXCEPTIONS) {
|
||||
params.push("catch=false");
|
||||
}
|
||||
if (params.length > 0) {
|
||||
link += params.join("&");
|
||||
}
|
||||
|
||||
return link;
|
||||
};
|
||||
jasmine.HtmlReporterHelpers.addHelpers(jasmine.HtmlReporter);
|
||||
jasmine.HtmlReporter.ReporterView = function(dom) {
|
||||
this.startedAt = new Date();
|
||||
this.runningSpecCount = 0;
|
||||
this.completeSpecCount = 0;
|
||||
this.passedCount = 0;
|
||||
this.failedCount = 0;
|
||||
this.skippedCount = 0;
|
||||
|
||||
this.createResultsMenu = function() {
|
||||
this.resultsMenu = this.createDom('span', {className: 'resultsMenu bar'},
|
||||
this.summaryMenuItem = this.createDom('a', {className: 'summaryMenuItem', href: "#"}, '0 specs'),
|
||||
' | ',
|
||||
this.detailsMenuItem = this.createDom('a', {className: 'detailsMenuItem', href: "#"}, '0 failing'));
|
||||
|
||||
this.summaryMenuItem.onclick = function() {
|
||||
dom.reporter.className = dom.reporter.className.replace(/ showDetails/g, '');
|
||||
};
|
||||
|
||||
this.detailsMenuItem.onclick = function() {
|
||||
showDetails();
|
||||
};
|
||||
};
|
||||
|
||||
this.addSpecs = function(specs, specFilter) {
|
||||
this.totalSpecCount = specs.length;
|
||||
|
||||
this.views = {
|
||||
specs: {},
|
||||
suites: {}
|
||||
};
|
||||
|
||||
for (var i = 0; i < specs.length; i++) {
|
||||
var spec = specs[i];
|
||||
this.views.specs[spec.id] = new jasmine.HtmlReporter.SpecView(spec, dom, this.views);
|
||||
if (specFilter(spec)) {
|
||||
this.runningSpecCount++;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
this.specComplete = function(spec) {
|
||||
this.completeSpecCount++;
|
||||
|
||||
if (isUndefined(this.views.specs[spec.id])) {
|
||||
this.views.specs[spec.id] = new jasmine.HtmlReporter.SpecView(spec, dom);
|
||||
}
|
||||
|
||||
var specView = this.views.specs[spec.id];
|
||||
|
||||
switch (specView.status()) {
|
||||
case 'passed':
|
||||
this.passedCount++;
|
||||
break;
|
||||
|
||||
case 'failed':
|
||||
this.failedCount++;
|
||||
break;
|
||||
|
||||
case 'skipped':
|
||||
this.skippedCount++;
|
||||
break;
|
||||
}
|
||||
|
||||
specView.refresh();
|
||||
this.refresh();
|
||||
};
|
||||
|
||||
this.suiteComplete = function(suite) {
|
||||
var suiteView = this.views.suites[suite.id];
|
||||
if (isUndefined(suiteView)) {
|
||||
return;
|
||||
}
|
||||
suiteView.refresh();
|
||||
};
|
||||
|
||||
this.refresh = function() {
|
||||
|
||||
if (isUndefined(this.resultsMenu)) {
|
||||
this.createResultsMenu();
|
||||
}
|
||||
|
||||
// currently running UI
|
||||
if (isUndefined(this.runningAlert)) {
|
||||
this.runningAlert = this.createDom('a', { href: jasmine.HtmlReporter.sectionLink(), className: "runningAlert bar" });
|
||||
dom.alert.appendChild(this.runningAlert);
|
||||
}
|
||||
this.runningAlert.innerHTML = "Running " + this.completeSpecCount + " of " + specPluralizedFor(this.totalSpecCount);
|
||||
|
||||
// skipped specs UI
|
||||
if (isUndefined(this.skippedAlert)) {
|
||||
this.skippedAlert = this.createDom('a', { href: jasmine.HtmlReporter.sectionLink(), className: "skippedAlert bar" });
|
||||
}
|
||||
|
||||
this.skippedAlert.innerHTML = "Skipping " + this.skippedCount + " of " + specPluralizedFor(this.totalSpecCount) + " - run all";
|
||||
|
||||
if (this.skippedCount === 1 && isDefined(dom.alert)) {
|
||||
dom.alert.appendChild(this.skippedAlert);
|
||||
}
|
||||
|
||||
// passing specs UI
|
||||
if (isUndefined(this.passedAlert)) {
|
||||
this.passedAlert = this.createDom('span', { href: jasmine.HtmlReporter.sectionLink(), className: "passingAlert bar" });
|
||||
}
|
||||
this.passedAlert.innerHTML = "Passing " + specPluralizedFor(this.passedCount);
|
||||
|
||||
// failing specs UI
|
||||
if (isUndefined(this.failedAlert)) {
|
||||
this.failedAlert = this.createDom('span', {href: "?", className: "failingAlert bar"});
|
||||
}
|
||||
this.failedAlert.innerHTML = "Failing " + specPluralizedFor(this.failedCount);
|
||||
|
||||
if (this.failedCount === 1 && isDefined(dom.alert)) {
|
||||
dom.alert.appendChild(this.failedAlert);
|
||||
dom.alert.appendChild(this.resultsMenu);
|
||||
}
|
||||
|
||||
// summary info
|
||||
this.summaryMenuItem.innerHTML = "" + specPluralizedFor(this.runningSpecCount);
|
||||
this.detailsMenuItem.innerHTML = "" + this.failedCount + " failing";
|
||||
};
|
||||
|
||||
this.complete = function() {
|
||||
dom.alert.removeChild(this.runningAlert);
|
||||
|
||||
this.skippedAlert.innerHTML = "Ran " + this.runningSpecCount + " of " + specPluralizedFor(this.totalSpecCount) + " - run all";
|
||||
|
||||
if (this.failedCount === 0) {
|
||||
dom.alert.appendChild(this.createDom('span', {className: 'passingAlert bar'}, "Passing " + specPluralizedFor(this.passedCount)));
|
||||
} else {
|
||||
showDetails();
|
||||
}
|
||||
|
||||
dom.banner.appendChild(this.createDom('span', {className: 'duration'}, "finished in " + ((new Date().getTime() - this.startedAt.getTime()) / 1000) + "s"));
|
||||
};
|
||||
|
||||
return this;
|
||||
|
||||
function showDetails() {
|
||||
if (dom.reporter.className.search(/showDetails/) === -1) {
|
||||
dom.reporter.className += " showDetails";
|
||||
}
|
||||
}
|
||||
|
||||
function isUndefined(obj) {
|
||||
return typeof obj === 'undefined';
|
||||
}
|
||||
|
||||
function isDefined(obj) {
|
||||
return !isUndefined(obj);
|
||||
}
|
||||
|
||||
function specPluralizedFor(count) {
|
||||
var str = count + " spec";
|
||||
if (count > 1) {
|
||||
str += "s"
|
||||
}
|
||||
return str;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
jasmine.HtmlReporterHelpers.addHelpers(jasmine.HtmlReporter.ReporterView);
|
||||
|
||||
|
||||
jasmine.HtmlReporter.SpecView = function(spec, dom, views) {
|
||||
this.spec = spec;
|
||||
this.dom = dom;
|
||||
this.views = views;
|
||||
|
||||
this.symbol = this.createDom('li', { className: 'pending' });
|
||||
this.dom.symbolSummary.appendChild(this.symbol);
|
||||
|
||||
this.summary = this.createDom('div', { className: 'specSummary' },
|
||||
this.createDom('a', {
|
||||
className: 'description',
|
||||
href: jasmine.HtmlReporter.sectionLink(this.spec.getFullName()),
|
||||
title: this.spec.getFullName()
|
||||
}, this.spec.description)
|
||||
);
|
||||
|
||||
this.detail = this.createDom('div', { className: 'specDetail' },
|
||||
this.createDom('a', {
|
||||
className: 'description',
|
||||
href: '?spec=' + encodeURIComponent(this.spec.getFullName()),
|
||||
title: this.spec.getFullName()
|
||||
}, this.spec.getFullName())
|
||||
);
|
||||
};
|
||||
|
||||
jasmine.HtmlReporter.SpecView.prototype.status = function() {
|
||||
return this.getSpecStatus(this.spec);
|
||||
};
|
||||
|
||||
jasmine.HtmlReporter.SpecView.prototype.refresh = function() {
|
||||
this.symbol.className = this.status();
|
||||
|
||||
switch (this.status()) {
|
||||
case 'skipped':
|
||||
break;
|
||||
|
||||
case 'passed':
|
||||
this.appendSummaryToSuiteDiv();
|
||||
break;
|
||||
|
||||
case 'failed':
|
||||
this.appendSummaryToSuiteDiv();
|
||||
this.appendFailureDetail();
|
||||
break;
|
||||
}
|
||||
};
|
||||
|
||||
jasmine.HtmlReporter.SpecView.prototype.appendSummaryToSuiteDiv = function() {
|
||||
this.summary.className += ' ' + this.status();
|
||||
this.appendToSummary(this.spec, this.summary);
|
||||
};
|
||||
|
||||
jasmine.HtmlReporter.SpecView.prototype.appendFailureDetail = function() {
|
||||
this.detail.className += ' ' + this.status();
|
||||
|
||||
var resultItems = this.spec.results().getItems();
|
||||
var messagesDiv = this.createDom('div', { className: 'messages' });
|
||||
|
||||
for (var i = 0; i < resultItems.length; i++) {
|
||||
var result = resultItems[i];
|
||||
|
||||
if (result.type == 'log') {
|
||||
messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage log'}, result.toString()));
|
||||
} else if (result.type == 'expect' && result.passed && !result.passed()) {
|
||||
messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage fail'}, result.message));
|
||||
|
||||
if (result.trace.stack) {
|
||||
messagesDiv.appendChild(this.createDom('div', {className: 'stackTrace'}, result.trace.stack));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (messagesDiv.childNodes.length > 0) {
|
||||
this.detail.appendChild(messagesDiv);
|
||||
this.dom.details.appendChild(this.detail);
|
||||
}
|
||||
};
|
||||
|
||||
jasmine.HtmlReporterHelpers.addHelpers(jasmine.HtmlReporter.SpecView);jasmine.HtmlReporter.SuiteView = function(suite, dom, views) {
|
||||
this.suite = suite;
|
||||
this.dom = dom;
|
||||
this.views = views;
|
||||
|
||||
this.element = this.createDom('div', { className: 'suite' },
|
||||
this.createDom('a', { className: 'description', href: jasmine.HtmlReporter.sectionLink(this.suite.getFullName()) }, this.suite.description)
|
||||
);
|
||||
|
||||
this.appendToSummary(this.suite, this.element);
|
||||
};
|
||||
|
||||
jasmine.HtmlReporter.SuiteView.prototype.status = function() {
|
||||
return this.getSpecStatus(this.suite);
|
||||
};
|
||||
|
||||
jasmine.HtmlReporter.SuiteView.prototype.refresh = function() {
|
||||
this.element.className += " " + this.status();
|
||||
};
|
||||
|
||||
jasmine.HtmlReporterHelpers.addHelpers(jasmine.HtmlReporter.SuiteView);
|
||||
|
||||
/* @deprecated Use jasmine.HtmlReporter instead
|
||||
*/
|
||||
jasmine.TrivialReporter = function(doc) {
|
||||
this.document = doc || document;
|
||||
this.suiteDivs = {};
|
||||
this.logRunningSpecs = false;
|
||||
};
|
||||
|
||||
jasmine.TrivialReporter.prototype.createDom = function(type, attrs, childrenVarArgs) {
|
||||
var el = document.createElement(type);
|
||||
|
||||
for (var i = 2; i < arguments.length; i++) {
|
||||
var child = arguments[i];
|
||||
|
||||
if (typeof child === 'string') {
|
||||
el.appendChild(document.createTextNode(child));
|
||||
} else {
|
||||
if (child) { el.appendChild(child); }
|
||||
}
|
||||
}
|
||||
|
||||
for (var attr in attrs) {
|
||||
if (attr == "className") {
|
||||
el[attr] = attrs[attr];
|
||||
} else {
|
||||
el.setAttribute(attr, attrs[attr]);
|
||||
}
|
||||
}
|
||||
|
||||
return el;
|
||||
};
|
||||
|
||||
jasmine.TrivialReporter.prototype.reportRunnerStarting = function(runner) {
|
||||
var showPassed, showSkipped;
|
||||
|
||||
this.outerDiv = this.createDom('div', { id: 'TrivialReporter', className: 'jasmine_reporter' },
|
||||
this.createDom('div', { className: 'banner' },
|
||||
this.createDom('div', { className: 'logo' },
|
||||
this.createDom('span', { className: 'title' }, "Jasmine"),
|
||||
this.createDom('span', { className: 'version' }, runner.env.versionString())),
|
||||
this.createDom('div', { className: 'options' },
|
||||
"Show ",
|
||||
showPassed = this.createDom('input', { id: "__jasmine_TrivialReporter_showPassed__", type: 'checkbox' }),
|
||||
this.createDom('label', { "for": "__jasmine_TrivialReporter_showPassed__" }, " passed "),
|
||||
showSkipped = this.createDom('input', { id: "__jasmine_TrivialReporter_showSkipped__", type: 'checkbox' }),
|
||||
this.createDom('label', { "for": "__jasmine_TrivialReporter_showSkipped__" }, " skipped")
|
||||
)
|
||||
),
|
||||
|
||||
this.runnerDiv = this.createDom('div', { className: 'runner running' },
|
||||
this.createDom('a', { className: 'run_spec', href: '?' }, "run all"),
|
||||
this.runnerMessageSpan = this.createDom('span', {}, "Running..."),
|
||||
this.finishedAtSpan = this.createDom('span', { className: 'finished-at' }, ""))
|
||||
);
|
||||
|
||||
this.document.body.appendChild(this.outerDiv);
|
||||
|
||||
var suites = runner.suites();
|
||||
for (var i = 0; i < suites.length; i++) {
|
||||
var suite = suites[i];
|
||||
var suiteDiv = this.createDom('div', { className: 'suite' },
|
||||
this.createDom('a', { className: 'run_spec', href: '?spec=' + encodeURIComponent(suite.getFullName()) }, "run"),
|
||||
this.createDom('a', { className: 'description', href: '?spec=' + encodeURIComponent(suite.getFullName()) }, suite.description));
|
||||
this.suiteDivs[suite.id] = suiteDiv;
|
||||
var parentDiv = this.outerDiv;
|
||||
if (suite.parentSuite) {
|
||||
parentDiv = this.suiteDivs[suite.parentSuite.id];
|
||||
}
|
||||
parentDiv.appendChild(suiteDiv);
|
||||
}
|
||||
|
||||
this.startedAt = new Date();
|
||||
|
||||
var self = this;
|
||||
showPassed.onclick = function(evt) {
|
||||
if (showPassed.checked) {
|
||||
self.outerDiv.className += ' show-passed';
|
||||
} else {
|
||||
self.outerDiv.className = self.outerDiv.className.replace(/ show-passed/, '');
|
||||
}
|
||||
};
|
||||
|
||||
showSkipped.onclick = function(evt) {
|
||||
if (showSkipped.checked) {
|
||||
self.outerDiv.className += ' show-skipped';
|
||||
} else {
|
||||
self.outerDiv.className = self.outerDiv.className.replace(/ show-skipped/, '');
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
jasmine.TrivialReporter.prototype.reportRunnerResults = function(runner) {
|
||||
var results = runner.results();
|
||||
var className = (results.failedCount > 0) ? "runner failed" : "runner passed";
|
||||
this.runnerDiv.setAttribute("class", className);
|
||||
//do it twice for IE
|
||||
this.runnerDiv.setAttribute("className", className);
|
||||
var specs = runner.specs();
|
||||
var specCount = 0;
|
||||
for (var i = 0; i < specs.length; i++) {
|
||||
if (this.specFilter(specs[i])) {
|
||||
specCount++;
|
||||
}
|
||||
}
|
||||
var message = "" + specCount + " spec" + (specCount == 1 ? "" : "s" ) + ", " + results.failedCount + " failure" + ((results.failedCount == 1) ? "" : "s");
|
||||
message += " in " + ((new Date().getTime() - this.startedAt.getTime()) / 1000) + "s";
|
||||
this.runnerMessageSpan.replaceChild(this.createDom('a', { className: 'description', href: '?'}, message), this.runnerMessageSpan.firstChild);
|
||||
|
||||
this.finishedAtSpan.appendChild(document.createTextNode("Finished at " + new Date().toString()));
|
||||
};
|
||||
|
||||
jasmine.TrivialReporter.prototype.reportSuiteResults = function(suite) {
|
||||
var results = suite.results();
|
||||
var status = results.passed() ? 'passed' : 'failed';
|
||||
if (results.totalCount === 0) { // todo: change this to check results.skipped
|
||||
status = 'skipped';
|
||||
}
|
||||
this.suiteDivs[suite.id].className += " " + status;
|
||||
};
|
||||
|
||||
jasmine.TrivialReporter.prototype.reportSpecStarting = function(spec) {
|
||||
if (this.logRunningSpecs) {
|
||||
this.log('>> Jasmine Running ' + spec.suite.description + ' ' + spec.description + '...');
|
||||
}
|
||||
};
|
||||
|
||||
jasmine.TrivialReporter.prototype.reportSpecResults = function(spec) {
|
||||
var results = spec.results();
|
||||
var status = results.passed() ? 'passed' : 'failed';
|
||||
if (results.skipped) {
|
||||
status = 'skipped';
|
||||
}
|
||||
var specDiv = this.createDom('div', { className: 'spec ' + status },
|
||||
this.createDom('a', { className: 'run_spec', href: '?spec=' + encodeURIComponent(spec.getFullName()) }, "run"),
|
||||
this.createDom('a', {
|
||||
className: 'description',
|
||||
href: '?spec=' + encodeURIComponent(spec.getFullName()),
|
||||
title: spec.getFullName()
|
||||
}, spec.description));
|
||||
|
||||
|
||||
var resultItems = results.getItems();
|
||||
var messagesDiv = this.createDom('div', { className: 'messages' });
|
||||
for (var i = 0; i < resultItems.length; i++) {
|
||||
var result = resultItems[i];
|
||||
|
||||
if (result.type == 'log') {
|
||||
messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage log'}, result.toString()));
|
||||
} else if (result.type == 'expect' && result.passed && !result.passed()) {
|
||||
messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage fail'}, result.message));
|
||||
|
||||
if (result.trace.stack) {
|
||||
messagesDiv.appendChild(this.createDom('div', {className: 'stackTrace'}, result.trace.stack));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (messagesDiv.childNodes.length > 0) {
|
||||
specDiv.appendChild(messagesDiv);
|
||||
}
|
||||
|
||||
this.suiteDivs[spec.suite.id].appendChild(specDiv);
|
||||
};
|
||||
|
||||
jasmine.TrivialReporter.prototype.log = function() {
|
||||
var console = jasmine.getGlobal().console;
|
||||
if (console && console.log) {
|
||||
if (console.log.apply) {
|
||||
console.log.apply(console, arguments);
|
||||
} else {
|
||||
console.log(arguments); // ie fix: console.log.apply doesn't exist on ie
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
jasmine.TrivialReporter.prototype.getLocation = function() {
|
||||
return this.document.location;
|
||||
};
|
||||
|
||||
jasmine.TrivialReporter.prototype.specFilter = function(spec) {
|
||||
var paramMap = {};
|
||||
var params = this.getLocation().search.substring(1).split('&');
|
||||
for (var i = 0; i < params.length; i++) {
|
||||
var p = params[i].split('=');
|
||||
paramMap[decodeURIComponent(p[0])] = decodeURIComponent(p[1]);
|
||||
}
|
||||
|
||||
if (!paramMap.spec) {
|
||||
return true;
|
||||
}
|
||||
return spec.getFullName().indexOf(paramMap.spec) === 0;
|
||||
};
|
||||
82
assets/plugins/gmaps/test/lib/jasmine.css
Normal file
82
assets/plugins/gmaps/test/lib/jasmine.css
Normal file
@@ -0,0 +1,82 @@
|
||||
body { background-color: #eeeeee; padding: 0; margin: 5px; overflow-y: scroll; }
|
||||
|
||||
#HTMLReporter { font-size: 11px; font-family: Monaco, "Lucida Console", monospace; line-height: 14px; color: #333333; }
|
||||
#HTMLReporter a { text-decoration: none; }
|
||||
#HTMLReporter a:hover { text-decoration: underline; }
|
||||
#HTMLReporter p, #HTMLReporter h1, #HTMLReporter h2, #HTMLReporter h3, #HTMLReporter h4, #HTMLReporter h5, #HTMLReporter h6 { margin: 0; line-height: 14px; }
|
||||
#HTMLReporter .banner, #HTMLReporter .symbolSummary, #HTMLReporter .summary, #HTMLReporter .resultMessage, #HTMLReporter .specDetail .description, #HTMLReporter .alert .bar, #HTMLReporter .stackTrace { padding-left: 9px; padding-right: 9px; }
|
||||
#HTMLReporter #jasmine_content { position: fixed; right: 100%; }
|
||||
#HTMLReporter .version { color: #aaaaaa; }
|
||||
#HTMLReporter .banner { margin-top: 14px; }
|
||||
#HTMLReporter .duration { color: #aaaaaa; float: right; }
|
||||
#HTMLReporter .symbolSummary { overflow: hidden; *zoom: 1; margin: 14px 0; }
|
||||
#HTMLReporter .symbolSummary li { display: block; float: left; height: 7px; width: 14px; margin-bottom: 7px; font-size: 16px; }
|
||||
#HTMLReporter .symbolSummary li.passed { font-size: 14px; }
|
||||
#HTMLReporter .symbolSummary li.passed:before { color: #5e7d00; content: "\02022"; }
|
||||
#HTMLReporter .symbolSummary li.failed { line-height: 9px; }
|
||||
#HTMLReporter .symbolSummary li.failed:before { color: #b03911; content: "x"; font-weight: bold; margin-left: -1px; }
|
||||
#HTMLReporter .symbolSummary li.skipped { font-size: 14px; }
|
||||
#HTMLReporter .symbolSummary li.skipped:before { color: #bababa; content: "\02022"; }
|
||||
#HTMLReporter .symbolSummary li.pending { line-height: 11px; }
|
||||
#HTMLReporter .symbolSummary li.pending:before { color: #aaaaaa; content: "-"; }
|
||||
#HTMLReporter .exceptions { color: #fff; float: right; margin-top: 5px; margin-right: 5px; }
|
||||
#HTMLReporter .bar { line-height: 28px; font-size: 14px; display: block; color: #eee; }
|
||||
#HTMLReporter .runningAlert { background-color: #666666; }
|
||||
#HTMLReporter .skippedAlert { background-color: #aaaaaa; }
|
||||
#HTMLReporter .skippedAlert:first-child { background-color: #333333; }
|
||||
#HTMLReporter .skippedAlert:hover { text-decoration: none; color: white; text-decoration: underline; }
|
||||
#HTMLReporter .passingAlert { background-color: #a6b779; }
|
||||
#HTMLReporter .passingAlert:first-child { background-color: #5e7d00; }
|
||||
#HTMLReporter .failingAlert { background-color: #cf867e; }
|
||||
#HTMLReporter .failingAlert:first-child { background-color: #b03911; }
|
||||
#HTMLReporter .results { margin-top: 14px; }
|
||||
#HTMLReporter #details { display: none; }
|
||||
#HTMLReporter .resultsMenu, #HTMLReporter .resultsMenu a { background-color: #fff; color: #333333; }
|
||||
#HTMLReporter.showDetails .summaryMenuItem { font-weight: normal; text-decoration: inherit; }
|
||||
#HTMLReporter.showDetails .summaryMenuItem:hover { text-decoration: underline; }
|
||||
#HTMLReporter.showDetails .detailsMenuItem { font-weight: bold; text-decoration: underline; }
|
||||
#HTMLReporter.showDetails .summary { display: none; }
|
||||
#HTMLReporter.showDetails #details { display: block; }
|
||||
#HTMLReporter .summaryMenuItem { font-weight: bold; text-decoration: underline; }
|
||||
#HTMLReporter .summary { margin-top: 14px; }
|
||||
#HTMLReporter .summary .suite .suite, #HTMLReporter .summary .specSummary { margin-left: 14px; }
|
||||
#HTMLReporter .summary .specSummary.passed a { color: #5e7d00; }
|
||||
#HTMLReporter .summary .specSummary.failed a { color: #b03911; }
|
||||
#HTMLReporter .description + .suite { margin-top: 0; }
|
||||
#HTMLReporter .suite { margin-top: 14px; }
|
||||
#HTMLReporter .suite a { color: #333333; }
|
||||
#HTMLReporter #details .specDetail { margin-bottom: 28px; }
|
||||
#HTMLReporter #details .specDetail .description { display: block; color: white; background-color: #b03911; }
|
||||
#HTMLReporter .resultMessage { padding-top: 14px; color: #333333; }
|
||||
#HTMLReporter .resultMessage span.result { display: block; }
|
||||
#HTMLReporter .stackTrace { margin: 5px 0 0 0; max-height: 224px; overflow: auto; line-height: 18px; color: #666666; border: 1px solid #ddd; background: white; white-space: pre; }
|
||||
|
||||
#TrivialReporter { padding: 8px 13px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow-y: scroll; background-color: white; font-family: "Helvetica Neue Light", "Lucida Grande", "Calibri", "Arial", sans-serif; /*.resultMessage {*/ /*white-space: pre;*/ /*}*/ }
|
||||
#TrivialReporter a:visited, #TrivialReporter a { color: #303; }
|
||||
#TrivialReporter a:hover, #TrivialReporter a:active { color: blue; }
|
||||
#TrivialReporter .run_spec { float: right; padding-right: 5px; font-size: .8em; text-decoration: none; }
|
||||
#TrivialReporter .banner { color: #303; background-color: #fef; padding: 5px; }
|
||||
#TrivialReporter .logo { float: left; font-size: 1.1em; padding-left: 5px; }
|
||||
#TrivialReporter .logo .version { font-size: .6em; padding-left: 1em; }
|
||||
#TrivialReporter .runner.running { background-color: yellow; }
|
||||
#TrivialReporter .options { text-align: right; font-size: .8em; }
|
||||
#TrivialReporter .suite { border: 1px outset gray; margin: 5px 0; padding-left: 1em; }
|
||||
#TrivialReporter .suite .suite { margin: 5px; }
|
||||
#TrivialReporter .suite.passed { background-color: #dfd; }
|
||||
#TrivialReporter .suite.failed { background-color: #fdd; }
|
||||
#TrivialReporter .spec { margin: 5px; padding-left: 1em; clear: both; }
|
||||
#TrivialReporter .spec.failed, #TrivialReporter .spec.passed, #TrivialReporter .spec.skipped { padding-bottom: 5px; border: 1px solid gray; }
|
||||
#TrivialReporter .spec.failed { background-color: #fbb; border-color: red; }
|
||||
#TrivialReporter .spec.passed { background-color: #bfb; border-color: green; }
|
||||
#TrivialReporter .spec.skipped { background-color: #bbb; }
|
||||
#TrivialReporter .messages { border-left: 1px dashed gray; padding-left: 1em; padding-right: 1em; }
|
||||
#TrivialReporter .passed { background-color: #cfc; display: none; }
|
||||
#TrivialReporter .failed { background-color: #fbb; }
|
||||
#TrivialReporter .skipped { color: #777; background-color: #eee; display: none; }
|
||||
#TrivialReporter .resultMessage span.result { display: block; line-height: 2em; color: black; }
|
||||
#TrivialReporter .resultMessage .mismatch { color: black; }
|
||||
#TrivialReporter .stackTrace { white-space: pre; font-size: .8em; margin-left: 10px; max-height: 5em; overflow: auto; border: 1px inset red; padding: 1em; background: #eef; }
|
||||
#TrivialReporter .finished-at { padding-left: 1em; font-size: .6em; }
|
||||
#TrivialReporter.show-passed .passed, #TrivialReporter.show-skipped .skipped { display: block; }
|
||||
#TrivialReporter #jasmine_content { position: fixed; right: 100%; }
|
||||
#TrivialReporter .runner { border: 1px solid gray; display: block; margin: 5px 0; padding: 2px 0 2px 10px; }
|
||||
2600
assets/plugins/gmaps/test/lib/jasmine.js
Normal file
2600
assets/plugins/gmaps/test/lib/jasmine.js
Normal file
File diff suppressed because it is too large
Load Diff
274
assets/plugins/gmaps/test/spec/EventSpec.js
Normal file
274
assets/plugins/gmaps/test/spec/EventSpec.js
Normal file
@@ -0,0 +1,274 @@
|
||||
describe("Creating event listeners", function() {
|
||||
var map_events, marker, line, polygon, callbacks_native, callbacks_gmaps;
|
||||
var added_marker, added_line, added_polygon;
|
||||
var marker_added_event, marker_removed_event,
|
||||
polyline_added_event, polyline_removed_event,
|
||||
polygon_added_event, polygon_removed_event;
|
||||
|
||||
beforeEach(function() {
|
||||
map_events = map_events || new GMaps({
|
||||
el : '#events',
|
||||
lat : -12.0433,
|
||||
lng : -77.0283,
|
||||
zoom : 12
|
||||
});
|
||||
|
||||
marker = marker || map_events.addMarker({
|
||||
lat : -12.0433,
|
||||
lng : -77.0283,
|
||||
title : 'New marker'
|
||||
});
|
||||
|
||||
line = line || map_events.drawPolyline({
|
||||
path : [[-12.0440, -77.0247], [-12.0544, -77.0302], [-12.0551, -77.0303], [-12.0759, -77.0276], [-12.0763, -77.0279], [-12.0768, -77.0289], [-12.0885, -77.0241], [-12.0908, -77.0227]],
|
||||
strokeColor : '#131540',
|
||||
strokeOpacity : 0.6,
|
||||
strokeWeight : 6
|
||||
});
|
||||
|
||||
polygon = polygon || map_events.drawPolygon({
|
||||
paths : [[-12.0403,-77.0337],[-12.0402,-77.0399],[-12.0500,-77.0244],[-12.0448,-77.0215]],
|
||||
strokeColor : '#25D359',
|
||||
strokeOpacity : 1,
|
||||
strokeWeight : 3,
|
||||
fillColor : '#25D359',
|
||||
fillOpacity : 0.6
|
||||
});
|
||||
});
|
||||
|
||||
describe("for google.maps events", function() {
|
||||
beforeEach(function() {
|
||||
callbacks_native = callbacks_native || {
|
||||
map : {
|
||||
onclick : function() {
|
||||
console.log('callbacks_native.map.onclick');
|
||||
}
|
||||
},
|
||||
marker : {
|
||||
onclick : function() {
|
||||
console.log('callbacks_native.marker.onclick');
|
||||
}
|
||||
},
|
||||
line : {
|
||||
onclick : function() {
|
||||
console.log('callbacks_native.line.onclick');
|
||||
}
|
||||
},
|
||||
polygon : {
|
||||
onclick : function() {
|
||||
console.log('callbacks_native.polygon.onclick');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
spyOn(callbacks_native.map, 'onclick').andCallThrough();
|
||||
spyOn(callbacks_native.marker, 'onclick').andCallThrough();
|
||||
spyOn(callbacks_native.line, 'onclick').andCallThrough();
|
||||
spyOn(callbacks_native.polygon, 'onclick').andCallThrough();
|
||||
});
|
||||
|
||||
describe("To a map", function() {
|
||||
it("should add the listener to the listeners collection", function() {
|
||||
var click_event = GMaps.on('click', map_events.map, callbacks_native.map.onclick);
|
||||
|
||||
expect(map_events.map['__e3_']['click'][click_event['id']]).toBeDefined();
|
||||
expect(map_events.map['__e3_']['click'][click_event['id']]).toEqual(click_event);
|
||||
});
|
||||
});
|
||||
|
||||
describe("To a marker", function() {
|
||||
it("should add the listener to the listeners collection", function() {
|
||||
var click_event = GMaps.on('click', marker, callbacks_native.marker.onclick);
|
||||
|
||||
expect(marker['__e3_']['click'][click_event['id']]).toBeDefined();
|
||||
expect(marker['__e3_']['click'][click_event['id']]).toEqual(click_event);
|
||||
});
|
||||
});
|
||||
|
||||
describe("To a line", function() {
|
||||
it("should add the listener to the listeners collection", function() {
|
||||
var click_event = GMaps.on('click', line, callbacks_native.line.onclick);
|
||||
|
||||
expect(line['__e3_']['click'][click_event['id']]).toBeDefined();
|
||||
expect(line['__e3_']['click'][click_event['id']]).toEqual(click_event);
|
||||
});
|
||||
});
|
||||
|
||||
describe("To a polygon", function() {
|
||||
it("should add the listener to the listeners collection", function() {
|
||||
var click_event = GMaps.on('click', polygon, callbacks_native.polygon.onclick);
|
||||
|
||||
expect(polygon['__e3_']['click'][click_event['id']]).toBeDefined();
|
||||
expect(polygon['__e3_']['click'][click_event['id']]).toEqual(click_event);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("for GMaps events", function() {
|
||||
beforeEach(function() {
|
||||
callbacks_gmaps = {
|
||||
marker_added : function() {
|
||||
console.log('callbacks_gmaps.marker_added called');
|
||||
},
|
||||
marker_removed : function() {
|
||||
console.log('callbacks_gmaps.marker_removed called');
|
||||
},
|
||||
polyline_added : function() {
|
||||
console.log('callbacks_gmaps.polyline_added called');
|
||||
},
|
||||
polyline_removed : function() {
|
||||
console.log('callbacks_gmaps.polyline_removed called');
|
||||
},
|
||||
polygon_added : function() {
|
||||
console.log('callbacks_gmaps.polygon_added called');
|
||||
},
|
||||
polygon_removed : function() {
|
||||
console.log('callbacks_gmaps.polygon_removed called');
|
||||
}
|
||||
};
|
||||
|
||||
spyOn(callbacks_gmaps, 'marker_added').andCallThrough();
|
||||
spyOn(callbacks_gmaps, 'marker_removed').andCallThrough();
|
||||
spyOn(callbacks_gmaps, 'polyline_added').andCallThrough();
|
||||
spyOn(callbacks_gmaps, 'polyline_removed').andCallThrough();
|
||||
spyOn(callbacks_gmaps, 'polygon_added').andCallThrough();
|
||||
spyOn(callbacks_gmaps, 'polygon_removed').andCallThrough();
|
||||
});
|
||||
|
||||
describe("#marker_added", function() {
|
||||
beforeEach(function() {
|
||||
marker_added_event = GMaps.on('marker_added', map_events, callbacks_gmaps.marker_added);
|
||||
});
|
||||
|
||||
it("should add the listener to the listeners collection", function() {
|
||||
expect(map_events.registered_events['marker_added'][0]).toEqual(marker_added_event);
|
||||
});
|
||||
|
||||
it("should trigger the listener created", function() {
|
||||
added_marker = added_marker || map_events.addMarker({
|
||||
lat : -12.0433,
|
||||
lng : -77.0273,
|
||||
title : 'New marker'
|
||||
});
|
||||
|
||||
expect(callbacks_gmaps.marker_added).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
GMaps.off('marker_added', map_events);
|
||||
});
|
||||
});
|
||||
|
||||
describe("#marker_removed", function() {
|
||||
beforeEach(function() {
|
||||
marker_removed_event = GMaps.on('marker_removed', map_events, callbacks_gmaps.marker_removed);
|
||||
});
|
||||
|
||||
it("should add the listener to the listeners collection", function() {
|
||||
expect(map_events.registered_events['marker_removed'][0]).toEqual(marker_removed_event);
|
||||
});
|
||||
|
||||
it("should trigger the listener created", function() {
|
||||
map_events.removeMarker(added_marker);
|
||||
|
||||
expect(callbacks_gmaps.marker_removed).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
GMaps.off('marker_removed', map_events);
|
||||
});
|
||||
});
|
||||
|
||||
describe("#polyline_added", function() {
|
||||
beforeEach(function() {
|
||||
polyline_added_event = GMaps.on('polyline_added', map_events, callbacks_gmaps.polyline_added);
|
||||
});
|
||||
|
||||
it("should add the listener to the listeners collection", function() {
|
||||
expect(map_events.registered_events['polyline_added'][0]).toEqual(polyline_added_event);
|
||||
});
|
||||
|
||||
it("should trigger the listener created", function() {
|
||||
added_line = added_line || map_events.drawPolyline({
|
||||
path : [[-12.0420, -77.0247], [-12.0544, -77.0102], [-12.0751, -77.0903], [-12.0759, -77.0276], [-12.0763, -77.0279], [-12.0768, -77.0289], [-12.0885, -77.0241], [-12.0908, -77.0227]],
|
||||
strokeColor : '#271804',
|
||||
strokeOpacity : 0.1,
|
||||
strokeWeight : 1
|
||||
});
|
||||
|
||||
expect(callbacks_gmaps.polyline_added).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
GMaps.off('polyline_added', map_events);
|
||||
});
|
||||
});
|
||||
|
||||
describe("#polyline_removed", function() {
|
||||
beforeEach(function() {
|
||||
polyline_removed_event = GMaps.on('polyline_removed', map_events, callbacks_gmaps.polyline_removed);
|
||||
});
|
||||
|
||||
it("should add the listener to the listeners collection", function() {
|
||||
expect(map_events.registered_events['polyline_removed'][0]).toEqual(polyline_removed_event);
|
||||
});
|
||||
|
||||
it("should trigger the listener created", function() {
|
||||
map_events.removePolyline(added_line);
|
||||
|
||||
expect(callbacks_gmaps.polyline_removed).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
GMaps.off('polyline_removed', map_events);
|
||||
});
|
||||
});
|
||||
|
||||
describe("#polygon_added", function() {
|
||||
beforeEach(function() {
|
||||
polygon_added_event = GMaps.on('polygon_added', map_events, callbacks_gmaps.polygon_added);
|
||||
});
|
||||
|
||||
it("should add the listener to the listeners collection", function() {
|
||||
expect(map_events.registered_events['polygon_added'][0]).toEqual(polygon_added_event);
|
||||
});
|
||||
|
||||
it("should trigger the listener created", function() {
|
||||
added_polygon = added_polygon || map_events.drawPolygon({
|
||||
paths : [[-12.0203,-77.0137],[-12.0402,-77.0109],[-12.0500,-77.0144],[-12.0848,-77.0115]],
|
||||
strokeColor : '#D32559',
|
||||
strokeOpacity : 0.7,
|
||||
strokeWeight : 8,
|
||||
fillColor : '#D32559',
|
||||
fillOpacity : 0.6
|
||||
});
|
||||
|
||||
expect(callbacks_gmaps.polygon_added).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
GMaps.off('polygon_added', map_events);
|
||||
});
|
||||
});
|
||||
|
||||
describe("#polygon_removed", function() {
|
||||
beforeEach(function() {
|
||||
polygon_removed_event = GMaps.on('polygon_removed', map_events, callbacks_gmaps.polygon_removed);
|
||||
});
|
||||
|
||||
it("should add the listener to the listeners collection", function() {
|
||||
expect(map_events.registered_events['polygon_removed'][0]).toEqual(polygon_removed_event);
|
||||
});
|
||||
|
||||
it("should trigger the listener created", function() {
|
||||
map_events.removePolygon(added_polygon);
|
||||
|
||||
expect(callbacks_gmaps.polygon_removed).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
GMaps.off('polygon_removed', map_events);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
225
assets/plugins/gmaps/test/spec/GeometrySpec.js
Normal file
225
assets/plugins/gmaps/test/spec/GeometrySpec.js
Normal file
@@ -0,0 +1,225 @@
|
||||
describe("Drawing geometry overlays", function() {
|
||||
var map_with_polygons, line, rectangle, circle, polygon;
|
||||
|
||||
beforeEach(function() {
|
||||
map_with_polygons = map_with_polygons || new GMaps({
|
||||
el : '#map-with-polygons',
|
||||
lat : -12.0433,
|
||||
lng : -77.0283,
|
||||
zoom : 12
|
||||
});
|
||||
});
|
||||
|
||||
describe("A line", function() {
|
||||
beforeEach(function() {
|
||||
line = line || map_with_polygons.drawPolyline({
|
||||
path : [[-12.0440, -77.0247], [-12.0544, -77.0302], [-12.0551, -77.0303], [-12.0759, -77.0276], [-12.0763, -77.0279], [-12.0768, -77.0289], [-12.0885, -77.0241], [-12.0908, -77.0227]],
|
||||
strokeColor : '#131540',
|
||||
strokeOpacity : 0.6,
|
||||
strokeWeight : 6
|
||||
});
|
||||
});
|
||||
|
||||
it("should add the line to the polylines collection", function() {
|
||||
expect(map_with_polygons.polylines.length).toEqual(1);
|
||||
expect(map_with_polygons.polylines[0]).toEqual(line);
|
||||
});
|
||||
|
||||
it("should be added in the current map", function() {
|
||||
expect(line.getMap()).toEqual(map_with_polygons.map);
|
||||
});
|
||||
|
||||
it("should return the defined path", function() {
|
||||
var first_point = line.getPath().getAt(0);
|
||||
|
||||
expect(parseFloat(first_point.lat().toFixed(4))).toEqual(-12.0440);
|
||||
expect(parseFloat(first_point.lng().toFixed(4))).toEqual(-77.0247);
|
||||
});
|
||||
});
|
||||
|
||||
describe("A rectangle", function() {
|
||||
beforeEach(function() {
|
||||
rectangle = rectangle || map_with_polygons.drawRectangle({
|
||||
bounds : [[-12.0303,-77.0237],[-12.0348,-77.0115]],
|
||||
strokeColor : '#BBD8E9',
|
||||
strokeOpacity : 1,
|
||||
strokeWeight : 3,
|
||||
fillColor : '#BBD8E9',
|
||||
fillOpacity : 0.6
|
||||
});
|
||||
});
|
||||
|
||||
it("should add the rectangle to the polygons collection", function() {
|
||||
expect(map_with_polygons.polygons.length).toEqual(1);
|
||||
expect(map_with_polygons.polygons[0]).toEqual(rectangle);
|
||||
});
|
||||
|
||||
it("should be added in the current map", function() {
|
||||
expect(rectangle.getMap()).toEqual(map_with_polygons.map);
|
||||
});
|
||||
|
||||
it("should have the defined bounds", function() {
|
||||
// Fix for floating-point bug
|
||||
var SWLat = parseFloat(rectangle.getBounds().getSouthWest().lat().toFixed(4));
|
||||
var SWLng = parseFloat(rectangle.getBounds().getSouthWest().lng().toFixed(4));
|
||||
|
||||
var NELat = parseFloat(rectangle.getBounds().getNorthEast().lat().toFixed(4));
|
||||
var NELng = parseFloat(rectangle.getBounds().getNorthEast().lng().toFixed(4));
|
||||
|
||||
expect(SWLat).toEqual(-12.0303);
|
||||
expect(SWLng).toEqual(-77.0237);
|
||||
expect(NELat).toEqual(-12.0348);
|
||||
expect(NELng).toEqual(-77.0115);
|
||||
});
|
||||
});
|
||||
|
||||
describe("A polygon", function() {
|
||||
beforeEach(function() {
|
||||
polygon = polygon || map_with_polygons.drawPolygon({
|
||||
paths : [[-12.0403,-77.0337],[-12.0402,-77.0399],[-12.0500,-77.0244],[-12.0448,-77.0215]],
|
||||
strokeColor : '#25D359',
|
||||
strokeOpacity : 1,
|
||||
strokeWeight : 3,
|
||||
fillColor : '#25D359',
|
||||
fillOpacity : 0.6
|
||||
});
|
||||
});
|
||||
|
||||
it("should add the polygon to the polygons collection", function() {
|
||||
expect(map_with_polygons.polygons.length).toEqual(2);
|
||||
expect(map_with_polygons.polygons[1]).toEqual(polygon);
|
||||
});
|
||||
|
||||
it("should be added in the current map", function() {
|
||||
expect(polygon.getMap()).toEqual(map_with_polygons.map);
|
||||
});
|
||||
|
||||
it("should return the defined path", function() {
|
||||
var first_point = polygon.getPath().getAt(0);
|
||||
|
||||
expect(parseFloat(first_point.lat().toFixed(4))).toEqual(-12.0403);
|
||||
expect(parseFloat(first_point.lng().toFixed(4))).toEqual(-77.0337);
|
||||
});
|
||||
});
|
||||
|
||||
describe("A circle", function() {
|
||||
beforeEach(function() {
|
||||
circle = circle || map_with_polygons.drawCircle({
|
||||
lat : -12.040504866577001,
|
||||
lng : -77.02024422636042,
|
||||
radius : 350,
|
||||
strokeColor : '#432070',
|
||||
strokeOpacity : 1,
|
||||
strokeWeight : 3,
|
||||
fillColor : '#432070',
|
||||
fillOpacity : 0.6
|
||||
});
|
||||
});
|
||||
|
||||
it("should add the circle to the polygons collection", function() {
|
||||
expect(map_with_polygons.polygons.length).toEqual(3);
|
||||
expect(map_with_polygons.polygons[2]).toEqual(circle);
|
||||
});
|
||||
|
||||
it("should be added in the current map", function() {
|
||||
expect(circle.getMap()).toEqual(map_with_polygons.map);
|
||||
});
|
||||
|
||||
it("should have the defined radius", function() {
|
||||
expect(circle.getRadius()).toEqual(350);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("Removing geometry overlays", function() {
|
||||
var map_with_polygons, line, rectangle, circle, polygon;
|
||||
|
||||
beforeEach(function() {
|
||||
map_with_polygons = map_with_polygons || new GMaps({
|
||||
el : '#map-with-polygons',
|
||||
lat : -12.0433,
|
||||
lng : -77.0283,
|
||||
zoom : 12
|
||||
});
|
||||
});
|
||||
|
||||
describe("A line", function() {
|
||||
beforeEach(function() {
|
||||
line = map_with_polygons.drawPolyline({
|
||||
path : [[-12.0440, -77.0247], [-12.0544, -77.0302], [-12.0551, -77.0303], [-12.0759, -77.0276], [-12.0763, -77.0279], [-12.0768, -77.0289], [-12.0885, -77.0241], [-12.0908, -77.0227]],
|
||||
strokeColor : '#131540',
|
||||
strokeOpacity : 0.6,
|
||||
strokeWeight : 6
|
||||
});
|
||||
|
||||
map_with_polygons.removePolyline(line);
|
||||
});
|
||||
|
||||
it("should remove the line from the polylines collection", function() {
|
||||
expect(map_with_polygons.polylines.length).toEqual(0);
|
||||
expect(line.getMap()).toBeNull();
|
||||
});
|
||||
});
|
||||
|
||||
describe("A rectangle", function() {
|
||||
beforeEach(function() {
|
||||
rectangle = map_with_polygons.drawRectangle({
|
||||
bounds : [[-12.0303,-77.0237],[-12.0348,-77.0115]],
|
||||
strokeColor : '#BBD8E9',
|
||||
strokeOpacity : 1,
|
||||
strokeWeight : 3,
|
||||
fillColor : '#BBD8E9',
|
||||
fillOpacity : 0.6
|
||||
});
|
||||
|
||||
map_with_polygons.removePolygon(rectangle);
|
||||
});
|
||||
|
||||
it("should remove the rectangle from the polygons collection", function() {
|
||||
expect(map_with_polygons.polygons.length).toEqual(0);
|
||||
expect(rectangle.getMap()).toBeNull();
|
||||
});
|
||||
});
|
||||
|
||||
describe("A polygon", function() {
|
||||
beforeEach(function() {
|
||||
polygon = map_with_polygons.drawPolygon({
|
||||
paths : [[-12.0403,-77.0337],[-12.0402,-77.0399],[-12.0500,-77.0244],[-12.0448,-77.0215]],
|
||||
strokeColor : '#25D359',
|
||||
strokeOpacity : 1,
|
||||
strokeWeight : 3,
|
||||
fillColor : '#25D359',
|
||||
fillOpacity : 0.6
|
||||
});
|
||||
|
||||
map_with_polygons.removePolygon(polygon);
|
||||
});
|
||||
|
||||
it("should remove the polygon from the polygons collection", function() {
|
||||
expect(map_with_polygons.polygons.length).toEqual(0);
|
||||
expect(polygon.getMap()).toBeNull();
|
||||
});
|
||||
});
|
||||
|
||||
describe("A circle", function() {
|
||||
beforeEach(function() {
|
||||
circle = map_with_polygons.drawCircle({
|
||||
lat : -12.040504866577001,
|
||||
lng : -77.02024422636042,
|
||||
radius : 350,
|
||||
strokeColor : '#432070',
|
||||
strokeOpacity : 1,
|
||||
strokeWeight : 3,
|
||||
fillColor : '#432070',
|
||||
fillOpacity : 0.6
|
||||
});
|
||||
|
||||
map_with_polygons.removePolygon(circle);
|
||||
});
|
||||
|
||||
it("should remove the circle from the polygons collection", function() {
|
||||
expect(map_with_polygons.polygons.length).toEqual(0);
|
||||
expect(circle.getMap()).toBeNull();
|
||||
});
|
||||
});
|
||||
});
|
||||
50
assets/plugins/gmaps/test/spec/LayerSpec.js
Normal file
50
assets/plugins/gmaps/test/spec/LayerSpec.js
Normal file
@@ -0,0 +1,50 @@
|
||||
describe("Adding layers", function() {
|
||||
var map_with_layers, single_layer, multiple_layers = [];
|
||||
|
||||
beforeEach(function() {
|
||||
map_with_layers = map_with_layers || new GMaps({
|
||||
el : '#map-with-layers',
|
||||
lat: -12.0433,
|
||||
lng: -77.0283,
|
||||
zoom: 12
|
||||
});
|
||||
});
|
||||
|
||||
describe("Single layer", function() {
|
||||
beforeEach(function() {
|
||||
single_layer = single_layer || map_with_layers.addLayer('traffic');
|
||||
})
|
||||
|
||||
it("should be added in the current map", function() {
|
||||
expect(single_layer.getMap()).toEqual(map_with_layers.map);
|
||||
});
|
||||
|
||||
it("should be removed from the current map", function() {
|
||||
map_with_layers.removeLayer('traffic');
|
||||
|
||||
expect(single_layer.getMap()).toBeNull();
|
||||
});
|
||||
});
|
||||
|
||||
describe("Multiple layers", function() {
|
||||
beforeEach(function() {
|
||||
if (multiple_layers.length == 0) {
|
||||
multiple_layers.push(map_with_layers.addLayer('transit'));
|
||||
multiple_layers.push(map_with_layers.addLayer('bicycling'));
|
||||
}
|
||||
});
|
||||
|
||||
it("should be added in the current map", function() {
|
||||
expect(multiple_layers[0].getMap()).toEqual(map_with_layers.map);
|
||||
expect(multiple_layers[1].getMap()).toEqual(map_with_layers.map);
|
||||
});
|
||||
|
||||
it("should be removed from the current map", function() {
|
||||
map_with_layers.removeLayer('transit');
|
||||
map_with_layers.removeLayer('bicycling');
|
||||
|
||||
expect(multiple_layers[0].getMap()).toBeNull();
|
||||
expect(multiple_layers[1].getMap()).toBeNull();
|
||||
});
|
||||
});
|
||||
});
|
||||
178
assets/plugins/gmaps/test/spec/MapSpec.js
Normal file
178
assets/plugins/gmaps/test/spec/MapSpec.js
Normal file
@@ -0,0 +1,178 @@
|
||||
describe("Creating a map", function() {
|
||||
var basic_map, advanced_map, map_with_events, map_with_custom_controls;
|
||||
|
||||
it("should throw an error if element is not defined", function() {
|
||||
expect(function() { new GMaps({}); }).toThrow(new Error('No element defined.'));
|
||||
});
|
||||
|
||||
describe("With basic options", function() {
|
||||
beforeEach(function() {
|
||||
basic_map = basic_map || new GMaps({
|
||||
el : '#basic-map',
|
||||
lat: -12.0433,
|
||||
lng: -77.0283,
|
||||
zoom: 12
|
||||
});
|
||||
});
|
||||
|
||||
it("should create a GMaps object", function() {
|
||||
expect(basic_map).toBeDefined();
|
||||
});
|
||||
|
||||
it("should have centered the map at the initial coordinates", function() {
|
||||
var lat = basic_map.getCenter().lat();
|
||||
var lng = basic_map.getCenter().lng();
|
||||
|
||||
expect(lat).toEqual(-12.0433);
|
||||
expect(lng).toEqual(-77.0283);
|
||||
});
|
||||
|
||||
it("should have the correct zoom", function() {
|
||||
expect(basic_map.getZoom()).toEqual(12);
|
||||
});
|
||||
});
|
||||
|
||||
describe("With advanced controls", function() {
|
||||
beforeEach(function() {
|
||||
advanced_map = advanced_map || new GMaps({
|
||||
el : '#advanced-map',
|
||||
lat: -12.0433,
|
||||
lng: -77.0283,
|
||||
zoomControl : true,
|
||||
panControl : false,
|
||||
streetViewControl : false,
|
||||
mapTypeControl: false,
|
||||
overviewMapControl: false
|
||||
});
|
||||
});
|
||||
|
||||
it("should show the defined controls", function() {
|
||||
expect(advanced_map.map.zoomControl).toBeTruthy();
|
||||
expect(advanced_map.map.panControl).toBeFalsy();
|
||||
expect(advanced_map.map.streetViewControl).toBeFalsy();
|
||||
expect(advanced_map.map.mapTypeControl).toBeFalsy();
|
||||
expect(advanced_map.map.overviewMapControl).toBeFalsy();
|
||||
});
|
||||
});
|
||||
|
||||
describe("With events", function() {
|
||||
var callbacks, current_zoom = 0, current_center = null;
|
||||
|
||||
beforeEach(function() {
|
||||
callbacks = {
|
||||
onclick : function(e) {
|
||||
var lat = e.latLng.lat();
|
||||
var lng = e.latLng.lng();
|
||||
|
||||
map_with_events.addMarker({
|
||||
lat : lat,
|
||||
lng : lng,
|
||||
title : 'New Marker'
|
||||
});
|
||||
},
|
||||
onzoomchanged : function() {
|
||||
console.log('onzoomchanged');
|
||||
current_zoom = this.getZoom();
|
||||
},
|
||||
oncenterchanged : function() {
|
||||
console.log('oncenterchanged');
|
||||
current_center = this.getCenter();
|
||||
}
|
||||
};
|
||||
|
||||
spyOn(callbacks, 'onclick').andCallThrough();
|
||||
spyOn(callbacks, 'onzoomchanged').andCallThrough();
|
||||
spyOn(callbacks, 'oncenterchanged').andCallThrough();
|
||||
|
||||
map_with_events = map_with_events || new GMaps({
|
||||
el : '#map-with-events',
|
||||
lat : -12.0433,
|
||||
lng : -77.0283,
|
||||
click : callbacks.onclick,
|
||||
zoom_changed : callbacks.onzoomchanged,
|
||||
center_changed : callbacks.oncenterchanged
|
||||
});
|
||||
});
|
||||
|
||||
it("should respond to zoom_changed event", function() {
|
||||
map_with_events.map.setZoom(16);
|
||||
|
||||
expect(callbacks.onzoomchanged).toHaveBeenCalled();
|
||||
expect(current_zoom).toEqual(16);
|
||||
});
|
||||
|
||||
it("should respond to center_changed event", function() {
|
||||
map_with_events.map.setCenter(new google.maps.LatLng(-12.0907, -77.0227));
|
||||
|
||||
// Fix for floating-point bug
|
||||
var lat = parseFloat(current_center.lat().toFixed(4));
|
||||
var lng = parseFloat(current_center.lng().toFixed(4));
|
||||
|
||||
expect(callbacks.oncenterchanged).toHaveBeenCalled();
|
||||
expect(lat).toEqual(-12.0907);
|
||||
expect(lng).toEqual(-77.0227);
|
||||
});
|
||||
|
||||
it("should respond to click event", function() {
|
||||
google.maps.event.trigger(map_with_events.map, 'click', {
|
||||
latLng : new google.maps.LatLng(-12.0433, -77.0283)
|
||||
});
|
||||
|
||||
expect(callbacks.onclick).toHaveBeenCalled();
|
||||
expect(map_with_events.markers.length).toEqual(1);
|
||||
});
|
||||
|
||||
afterEach(function() {
|
||||
document.getElementById('map-with-events').innerHTML = '';
|
||||
map_with_events = null;
|
||||
});
|
||||
});
|
||||
|
||||
describe("With custom controls", function() {
|
||||
var callbacks, markers_in_map = 0;
|
||||
|
||||
beforeEach(function() {
|
||||
callbacks = {
|
||||
onclick : function() {
|
||||
map_with_custom_controls.addMarker({
|
||||
lat : map_with_custom_controls.getCenter().lat(),
|
||||
lng : map_with_custom_controls.getCenter().lng()
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
spyOn(callbacks, 'onclick').andCallThrough();
|
||||
|
||||
map_with_custom_controls = new GMaps({
|
||||
el : '#map-with-custom-controls',
|
||||
lat : -12.0433,
|
||||
lng : -77.0283
|
||||
});
|
||||
|
||||
map_with_custom_controls.addControl({
|
||||
position : 'top_right',
|
||||
content : 'Add marker at the center',
|
||||
style : {
|
||||
margin: '5px',
|
||||
padding: '1px 6px',
|
||||
border: 'solid 1px #717B87',
|
||||
background: '#fff'
|
||||
},
|
||||
events : {
|
||||
click: callbacks.onclick
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it("should add the control to the controls collection", function() {
|
||||
expect(map_with_custom_controls.controls.length).toEqual(1);
|
||||
});
|
||||
|
||||
it("should respond to click event attached to the custom control", function() {
|
||||
google.maps.event.trigger(map_with_custom_controls.controls[0], 'click');
|
||||
|
||||
expect(callbacks.onclick).toHaveBeenCalled();
|
||||
expect(map_with_custom_controls.markers.length).toEqual(1);
|
||||
});
|
||||
});
|
||||
});
|
||||
60
assets/plugins/gmaps/test/spec/MarkerSpec.js
Normal file
60
assets/plugins/gmaps/test/spec/MarkerSpec.js
Normal file
@@ -0,0 +1,60 @@
|
||||
describe("Creating a marker", function() {
|
||||
var map, marker;
|
||||
|
||||
beforeEach(function() {
|
||||
map = map || new GMaps({
|
||||
el : '#map-with-markers',
|
||||
lat : -12.0533,
|
||||
lng: -77.0293,
|
||||
zoom: 14
|
||||
});
|
||||
});
|
||||
|
||||
describe("With basic options", function() {
|
||||
beforeEach(function() {
|
||||
marker = map.addMarker({
|
||||
lat : -12.0533,
|
||||
lng: -77.0293,
|
||||
title : 'New marker'
|
||||
});
|
||||
});
|
||||
|
||||
it("should add the marker to the markers collection", function() {
|
||||
expect(map.markers.length).toEqual(1);
|
||||
expect(map.markers[0]).toEqual(marker);
|
||||
});
|
||||
|
||||
it("should create a marker with defined position", function() {
|
||||
// Fix for floating-point bug
|
||||
expect(parseFloat(marker.getPosition().lat().toFixed(4))).toEqual(-12.0533);
|
||||
expect(parseFloat(marker.getPosition().lng().toFixed(4))).toEqual(-77.0293);
|
||||
});
|
||||
});
|
||||
|
||||
describe("With events", function() {
|
||||
var callbacks;
|
||||
|
||||
beforeEach(function() {
|
||||
callbacks = {
|
||||
onclick : function() {
|
||||
console.log(this.title);
|
||||
}
|
||||
};
|
||||
|
||||
spyOn(callbacks, 'onclick').andCallThrough();
|
||||
|
||||
marker = map.addMarker({
|
||||
lat : -12.0533,
|
||||
lng: -77.0193,
|
||||
title : 'New marker',
|
||||
click : callbacks.onclick
|
||||
});
|
||||
});
|
||||
|
||||
it("should respond to click event", function() {
|
||||
google.maps.event.trigger(marker, 'click');
|
||||
|
||||
expect(callbacks.onclick).toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
});
|
||||
30
assets/plugins/gmaps/test/spec/OverlaySpec.js
Normal file
30
assets/plugins/gmaps/test/spec/OverlaySpec.js
Normal file
@@ -0,0 +1,30 @@
|
||||
describe("Drawing HTML overlays", function() {
|
||||
var map_with_overlays, overlay;
|
||||
|
||||
beforeEach(function() {
|
||||
map_with_overlays = map_with_overlays || new GMaps({
|
||||
el : '#map-with-overlays',
|
||||
lat : -12.0433,
|
||||
lng : -77.0283,
|
||||
zoom : 12
|
||||
});
|
||||
|
||||
overlay = overlay || map_with_overlays.drawOverlay({
|
||||
lat: map_with_overlays.getCenter().lat(),
|
||||
lng: map_with_overlays.getCenter().lng(),
|
||||
layer: 'overlayLayer',
|
||||
content: '<div class="overlay">Lima</div>',
|
||||
verticalAlign: 'top',
|
||||
horizontalAlign: 'center'
|
||||
});
|
||||
});
|
||||
|
||||
it("should add the overlay to the overlays collection", function() {
|
||||
expect(map_with_overlays.overlays.length).toEqual(1);
|
||||
expect(map_with_overlays.overlays[0]).toEqual(overlay);
|
||||
});
|
||||
|
||||
it("should add the overlay in the current map", function() {
|
||||
expect(overlay.getMap()).toEqual(map_with_overlays.map);
|
||||
});
|
||||
});
|
||||
86
assets/plugins/gmaps/test/spec/RouteSpec.js
Normal file
86
assets/plugins/gmaps/test/spec/RouteSpec.js
Normal file
@@ -0,0 +1,86 @@
|
||||
var map_with_routes, route, routes;
|
||||
|
||||
describe("Drawing a route", function() {
|
||||
beforeEach(function() {
|
||||
map_with_routes = map_with_routes || new GMaps({
|
||||
el : '#map-with-routes',
|
||||
lat : -12.0433,
|
||||
lng : -77.0283,
|
||||
zoom : 12
|
||||
});
|
||||
});
|
||||
|
||||
it("should add a line in the current map", function() {
|
||||
var route_flag;
|
||||
|
||||
runs(function() {
|
||||
route_flag = false;
|
||||
|
||||
map_with_routes.drawRoute({
|
||||
origin : [-12.044012922866312, -77.02470665341184],
|
||||
destination : [-12.090814532191756, -77.02271108990476],
|
||||
travelMode : 'driving',
|
||||
strokeColor : '#131540',
|
||||
strokeOpacity : 0.6,
|
||||
strokeWeight : 6,
|
||||
callback : function() {
|
||||
route_flag = true;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
waitsFor(function() {
|
||||
return route_flag;
|
||||
}, "The drawn route should create a line in the current map", 500);
|
||||
|
||||
runs(function() {
|
||||
expect(map_with_routes.polylines.length).toEqual(1);
|
||||
expect(map_with_routes.polylines[0].get('strokeColor')).toEqual('#131540');
|
||||
expect(map_with_routes.polylines[0].get('strokeOpacity')).toEqual(0.6);
|
||||
expect(map_with_routes.polylines[0].getMap()).toEqual(map_with_routes.map);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe("Getting routes", function() {
|
||||
beforeEach(function() {
|
||||
map_with_routes = map_with_routes || new GMaps({
|
||||
el : '#map-with-routes',
|
||||
lat : -12.0433,
|
||||
lng : -77.0283,
|
||||
zoom : 12
|
||||
});
|
||||
});
|
||||
|
||||
it("should return an array of routes", function() {
|
||||
var routes_flag;
|
||||
|
||||
runs(function() {
|
||||
routes_flag = false;
|
||||
|
||||
map_with_routes.getRoutes({
|
||||
origin : [-12.0440, -77.0247],
|
||||
destination : [-12.0908, -77.0227],
|
||||
callback : function(r) {
|
||||
routes = r;
|
||||
|
||||
routes_flag = true;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
waitsFor(function() {
|
||||
return routes_flag;
|
||||
}, "#getRoutes should return the found routes as an argument", 500);
|
||||
|
||||
runs(function() {
|
||||
expect(routes).toBeDefined();
|
||||
expect(map_with_routes.routes).toEqual(routes);
|
||||
|
||||
if (routes.length > 0) {
|
||||
expect(routes[0].legs[0].distance).toBeDefined();
|
||||
expect(routes[0].legs[0].duration).toBeDefined();
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
84
assets/plugins/gmaps/test/spec/StreetViewSpec.js
Normal file
84
assets/plugins/gmaps/test/spec/StreetViewSpec.js
Normal file
@@ -0,0 +1,84 @@
|
||||
describe("Create a Street View Panorama", function() {
|
||||
var map_with_streetview, attached_panorama, standalone_panorama, panorama_with_events;
|
||||
|
||||
beforeEach(function() {
|
||||
map_with_streetview = map_with_streetview || new GMaps({
|
||||
el : '#map-with-streetview',
|
||||
lat : 42.3455,
|
||||
lng : -71.0983,
|
||||
zoom : 12
|
||||
});
|
||||
});
|
||||
|
||||
describe("Standalone", function() {
|
||||
beforeEach(function() {
|
||||
standalone_panorama = standalone_panorama || GMaps.createPanorama({
|
||||
el : '#streetview-standalone-panorama',
|
||||
lat : 42.3455,
|
||||
lng : -71.0983,
|
||||
pov : {
|
||||
heading : 60,
|
||||
pitch : -10,
|
||||
zoom : 1
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it("should create a Street View panorama", function() {
|
||||
expect(standalone_panorama).toBeDefined();
|
||||
});
|
||||
});
|
||||
|
||||
describe("Attached to the current map", function() {
|
||||
beforeEach(function() {
|
||||
attached_panorama = attached_panorama || map_with_streetview.createPanorama({
|
||||
el : '#streetview-panorama',
|
||||
pov : {
|
||||
heading : 60,
|
||||
pitch : -10,
|
||||
zoom : 1
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
it("should be equal to the current map Street View panorama", function() {
|
||||
expect(map_with_streetview.getStreetView()).toEqual(attached_panorama);
|
||||
});
|
||||
});
|
||||
|
||||
describe("With events", function() {
|
||||
var callbacks;
|
||||
|
||||
beforeEach(function() {
|
||||
callbacks = {
|
||||
onpovchanged : function() {
|
||||
console.log(this);
|
||||
}
|
||||
};
|
||||
|
||||
spyOn(callbacks, 'onpovchanged').andCallThrough();
|
||||
|
||||
panorama_with_events = panorama_with_events || GMaps.createPanorama({
|
||||
el : '#streetview-with-events',
|
||||
lat : 42.3455,
|
||||
lng : -71.0983,
|
||||
pov : {
|
||||
heading : 60,
|
||||
pitch : -10,
|
||||
zoom : 1
|
||||
},
|
||||
pov_changed : callbacks.onpovchanged
|
||||
});
|
||||
});
|
||||
|
||||
it("should respond to pov_changed event", function() {
|
||||
panorama_with_events.setPov({
|
||||
heading : 80,
|
||||
pitch : -10,
|
||||
zoom : 1
|
||||
});
|
||||
|
||||
expect(callbacks.onpovchanged).toHaveBeenCalled();
|
||||
});
|
||||
});
|
||||
});
|
||||
43
assets/plugins/gmaps/test/spec/StyleSpec.js
Normal file
43
assets/plugins/gmaps/test/spec/StyleSpec.js
Normal file
@@ -0,0 +1,43 @@
|
||||
describe("Adding Map Styles", function() {
|
||||
var map_with_styles;
|
||||
|
||||
beforeEach(function() {
|
||||
map_with_styles = map_with_styles || new GMaps({
|
||||
el : '#map-with-styles',
|
||||
lat : -12.0433,
|
||||
lng : -77.0283,
|
||||
zoom : 12
|
||||
});
|
||||
|
||||
map_with_styles.addStyle({
|
||||
styledMapName : {
|
||||
name : 'Lighter'
|
||||
},
|
||||
mapTypeId : 'lighter',
|
||||
styles : [
|
||||
{
|
||||
elementType : 'geometry',
|
||||
stylers : [
|
||||
{ lightness : 50 }
|
||||
]
|
||||
},
|
||||
{
|
||||
elementType : 'labels',
|
||||
stylers : [
|
||||
{ visibility : 'off' }
|
||||
]
|
||||
},
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
it("should add a MapType to the current map", function() {
|
||||
expect(map_with_styles.map.mapTypes.get('lighter')).toBeDefined();
|
||||
});
|
||||
|
||||
it("should update the styles in the current map", function() {
|
||||
map_with_styles.setStyle('lighter');
|
||||
|
||||
expect(map_with_styles.getMapTypeId()).toEqual('lighter');
|
||||
});
|
||||
});
|
||||
30
assets/plugins/gmaps/test/style.css
Normal file
30
assets/plugins/gmaps/test/style.css
Normal file
@@ -0,0 +1,30 @@
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
font-weight: lighter;
|
||||
text-transform: lowercase;
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
.map,
|
||||
.panorama {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.with-columns {
|
||||
display: block;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.with-columns .map,
|
||||
.with-columns .panorama {
|
||||
display: block;
|
||||
width: 50%;
|
||||
height: 150px;
|
||||
float: left;
|
||||
}
|
||||
49
assets/plugins/gmaps/test/template/jasmine-gmaps.html
Normal file
49
assets/plugins/gmaps/test/template/jasmine-gmaps.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Jasmine Spec Runner</title>
|
||||
<% css.forEach(function(style){ %>
|
||||
<link rel="stylesheet" type="text/css" href="<%= style %>">
|
||||
<% }) %>
|
||||
<% with (scripts) { %>
|
||||
<% [].concat(polyfills, jasmine, vendor, helpers, src, specs, reporters, start).forEach(function(script){ %>
|
||||
<script src="<%= script %>"></script>
|
||||
<% }) %>
|
||||
<% }; %>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h3>Basic map</h3>
|
||||
<div class="map" id="basic-map"></div>
|
||||
<h3>Advanced map</h3>
|
||||
<div class="map" id="advanced-map"></div>
|
||||
<h3>Map with events</h3>
|
||||
<div class="map" id="map-with-events"></div>
|
||||
<h3>Map with markers</h3>
|
||||
<div class="map" id="map-with-markers"></div>
|
||||
<h3>Map with custom controls</h3>
|
||||
<div class="map" id="map-with-custom-controls"></div>
|
||||
<h3>Map with polygons</h3>
|
||||
<div class="map" id="map-with-polygons"></div>
|
||||
<h3>Map with layers</h3>
|
||||
<div class="map" id="map-with-layers"></div>
|
||||
<h3>Map with overlays</h3>
|
||||
<div class="map" id="map-with-overlays"></div>
|
||||
<h3>Map with routes</h3>
|
||||
<div class="map" id="map-with-routes"></div>
|
||||
<h3>Map with styles</h3>
|
||||
<div class="map" id="map-with-styles"></div>
|
||||
<h3>Street View Panorama</h3>
|
||||
<div class="panorama" id="streetview-standalone-panorama"></div>
|
||||
<h3>Map with Street View</h3>
|
||||
<div class="with-columns">
|
||||
<div class="map" id="map-with-streetview"></div>
|
||||
<div class="panorama" id="streetview-panorama"></div>
|
||||
</div>
|
||||
<h3>Street View Panorama with events</h3>
|
||||
<div class="panorama" id="streetview-with-events"></div>
|
||||
<h3>Events</h3>
|
||||
<div class="map" id="events"></div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user