कोणीय 2 में दिनांक पाइप का उपयोग करके मैं तत्व के प्रतिपादन का परीक्षण कैसे कर सकता हूं?

Question

मैं ऐसे घटक का परीक्षण नहीं कर सकता जो अंगुलर 2 में दिनांक पाइप का उपयोग करता है (फैंटॉमजेएस के माध्यम से कर्म का उपयोग करके)। जब मैं कोशिश, मैं मूल अपवाद: ReferenceError: चर नहीं मिली: Intl

यहाँ अपने पूरे कल्पना फ़ाइल है:

import { provide, PLATFORM_PIPES } from '@angular/core'; 
import { DatePipe } from '@angular/common'; 
import { addProviders, async, inject } from '@angular/core/testing'; 

import { Post, PostComponent, PostHtmlComponent } from './'; 
import { usingComponentFixture } from '../../test-helpers'; 

describe('Component: Post',() => { 
    beforeEach(() => { 
    provide(PLATFORM_PIPES, {useValue: DatePipe, multi: true }); 
    addProviders([PostComponent, PostHtmlComponent, ]); 
    }); 

    it('should render an h1 tag with text matching the post title', 
    usingComponentFixture(PostComponent, fixture => { 
     let component = <PostComponent>fixture.componentInstance; 
     let element = fixture.nativeElement; 

     component.post = <Post>{ title: 'Hello', publishedOn: new Date('8/5/2016') }; 
     fixture.detectChanges(); 
     expect(element.querySelector('.blog-post-header h1').innerText).toBe('Hello'); 
    }) 
); 
}); 

और इस घटक टेम्पलेट है:

<div class="col-lg-8 col-md-7 col-sm-6"> 
    <h1>{{post.title}}</h1> 
    <p class="lead">{{post.publishedOn | date:'fullDate'}}</p> 
</div> 

Answer 1

मैं इस मुद्दे को हल करने में सक्षम था।

1. NPM स्थापित कर्म-intl-शिम --save-देव
2. जोड़ें 'intl-शिम' karma.conf.js में चौखटे संग्रह करने के लिए

3. जोड़ें: यहाँ मैं करना था क्या कर्म-परीक्षण shim.js के लिए निम्न (यह फ़ाइलों karma.conf.js के संग्रह में संदर्भित है)

   require('karma-intl-shim'); 
   require('./en-us.js'); // copied from https://github.com/andyearnshaw/Intl.js/blob/master/locale-data/json/en-US.json 
   Intl.__addLocaleData(enUsLocaleData); 
   

Answer 2

परीक्षण के लिए मैं तारीख पाइप नकली:

@Pipe({ 
    name: 'date', 
    pure: false // required to update the value when the promise is resolved 
}) 

export class MockedDatePipe implements Pipe { 
    name: string = 'date'; 

    transform(query: string, ...args: any[]): any { 
     return query; 
    } 
} 

फिर जब मैं परीक्षण मॉड्यूल कॉन्फ़िगर मैं इसे घोषणा में इंजेक्षन:

TestBed.configureTestingModule({ 
    providers: [ 
     SelectionDispatcher, 
     { provide: MyService, useClass: MockedMyServiceService } 
    ], 
    declarations: [ MyComponent, MockedTranslatePipe, MockedDatePipe ] 
}); 

Answer 3

देना पाइप = नए DatePipe ('एन');

उम्मीद (page.myDate.nativeElement.innerHTML) .toBe (pipe.transform (model.date, 'dd/एम एम/yyyy');