app-pouchdb-index doesn't work, throws TypeError in console

[hbielenia]

Description

app-pouchdb-index gives exception: TypeError: this.db.createIndex is not a function when attempting to use it.

Expected outcome

app-pouchdb-index element is working and PouchDB indexes created.

Actual outcome

No indexes are created and element throws error:

TypeError: this.db.createIndex is not a function

.__createIndex()
 app-pouchdb-index.html.js:56
._complexObserverEffect()
 polymer.html.js:1634
Polymer.Bind._modelApi._effectEffects()
 polymer.html.js:1469
Polymer.Bind._modelApi._propertySetter()
 polymer.html.js:1453
Polymer.Bind._modelApi.__setProperty()
 polymer.html.js:1462
._computeEffect()
 polymer.html.js:1647
Polymer.Bind._modelApi._effectEffects()
 polymer.html.js:1469
Polymer.Bind._modelApi._propertySetter()
 polymer.html.js:1453
Polymer.Bind._modelApi.__setProperty()
 polymer.html.js:1462
._applyConfig()
 polymer.html.js:2072
._afterClientsReady()
 polymer.html.js:2066
._ready()
 polymer-mini.html.js:62
._readyClients()
 polymer-mini.html.js:70
._ready()
 polymer-mini.html.js:58
._readyClients()
 polymer-mini.html.js:70
._ready()
 polymer-mini.html.js:58
._tryReady()
 polymer-mini.html.js:48
._initFeatures()
 polymer.html.js:4090
Polymer.Base.createdCallback()
 polymer-micro.html.js:190
created()
 webcomponents-lite.js:2217
upgradeWithDefinition()
 webcomponents-lite.js:2185
upgrade()
 webcomponents-lite.js:2173
added()
 webcomponents-lite.js:1978
addedSubtree/<()
 webcomponents-lite.js:1987
forSubtree/<()
 webcomponents-lite.js:1919
findAllElements()
 webcomponents-lite.js:1935
findAllElements()
 webcomponents-lite.js:1936
findAllElements()
 webcomponents-lite.js:1936
forSubtree()
 webcomponents-lite.js:1918
addedSubtree()
 webcomponents-lite.js:1986
addedNode()
 webcomponents-lite.js:1975
upgradeDocument()
 webcomponents-lite.js:2136
_forDocumentTree()
 webcomponents-lite.js:1964
forDocumentTree()
 webcomponents-lite.js:1950
upgradeDocumentTree()
 webcomponents-lite.js:2141
bootstrap()
 webcomponents-lite.js:2473
<anonimowa>
 webcomponents-lite.js:1293
checkDone()
 webcomponents-lite.js:1212
loadedImport()
 webcomponents-lite.js:1223
importParser.parseImport()
 webcomponents-lite.js:1577
importParser.parseLink()
 webcomponents-lite.js:1600
importParser.parse()
 webcomponents-lite.js:1538
importParser.parseNext()
 webcomponents-lite.js:1527
importParser.trackElement/done() 
 webcomponents-lite.js:1637

Live Demo

I attempted to create one at https://jsbin.com/giyuyeyera/edit?html,console,output but it seems app-pouchdb elements there don't have their PouchDB dependency installed.

Steps to reproduce

1. Add app-pouchdb-index and app-pouchdb-query elements according to https://elements.polymer-project.org/elements/app-pouchdb?active=app-pouchdb-query.
2. Open js console in browser.
3. Load a page.

Browsers Affected

Firefox 45.5.1