Come testare String.prototype.includes in PhantomJS

Question

Ho un ember-cli 0.2.7 utilizzando Ember.js 1.12.0 app con un pezzo di codice che assomiglia:

controllers/cart.js

import Ember from 'ember'; 

export default Ember.Controller.extend({ 

    footwearInCart: Ember.computed('model.@each.category', function() { 
     return this.get('model').any(product => product.get('category').includes('Footwear')); 
    }) 
}); 

Passa attraverso tutti gli oggetti nel modello e restituisce true se la proprietà della categoria contiene "calzature".

sto cercando di testare in questo modo:

tests/unit/controllers/cart-test.js

import { moduleFor, test } from 'ember-qunit'; 
import Ember from 'ember'; 

var products = [Ember.Object.create({name: 'shoe', category: 'Footwear', subTotal: 10}), Ember.Object.create({name: 'shirt', subTotal: 20})]; 

var model = Ember.ArrayProxy.create({ 
    content: Ember.A(products) 
}); 

moduleFor('controller:cart', { 
    beforeEach() { 
    this.controller = this.subject(); 
    } 
}); 

test('footwearInCart property works', function(assert) { 
    this.controller.set('model', model); 

    assert.equal(this.controller.get('footwearInCart'), true, 'The footwearInCart function returns true if the category property of product in cart contains the word "Footwear"'); 
}); 

il codice funziona come dovrebbe quando si esegue l'applicazione, ma a quanto pare PhantomJS non riconosce il metodo di .includes. (Il metodo è documentato qui String.prototype.includes()

Come posso ottenere PhantomJS per riconoscere il metodo .includes?

Grazie!

Answer 1

Apparentemente PhantomJS non implementa ES6 dispone correttamente. Per fortuna String.prototype.includes è abbastanza facile da polyfill . è possibile scegliere se si vuole fare che nella suite di test o il controller il codice polyfill è:.

if (!String.prototype.includes) { 
    String.prototype.includes = function() {'use strict'; 
    return String.prototype.indexOf.apply(this, arguments) !== -1; 
    }; 
} 

possibile mettere a destra prima della chiamata assert (si potrebbe vuoi usare una bandiera per ricordare di aver aggiunto il polyfill e rimuoverlo dopo lo assert), o farlo nel modulo stesso, prima o dopo il blocco export.

Answer 2

Mentre la risposta selezionata è corretta, penso che valga la pena notare che l'aggiunta di questo nel test specifico non è sufficiente per la maggior parte delle app; Io suggerirei di creare un vendor/phantom-js-polyfills.js che contiene questo polyfill (più eventuali altri che sorgono lungo la linea) e poi all'interno del vostro ember-cli-build.js è possibile caricare in modo condizionale in:

if (EmberApp.env() === 'test') { 
    app.import('vendor/phantom-js-polyfills.js'); 
    } 

Answer 3

Ho usato il seguente polyfill di recente che ho fatto il lavoro

https://www.npmjs.com/package/phantomjs-polyfill-string-includes