angular - Angular2 unit testing does not update input's ngModel when used inside a form -


i have extensive testing in our angular 2.4 based application. 1 area have not been able test though forms inputs. tracked down small test case. have plnkr shows issue: https://plnkr.co/edit/nyeaoh2uo5rjt9if6j64 (see form_bug.spec.ts)

note: based example off way code in testing guide works.

the problem when hook input ngmodel, , in test suite update input data flow component if input not inside form. if add form, data not flow correctly.

the core pieces of code are:

@component({    selector: 'with-form-test',    template: `    <div>       <div class="show_val">{{testval}}</div>       <form>          <input name="test_val" id="val_id" [(ngmodel)]="testval" />       </form>    </div>    `, }) class withformtestcomp {    testval: string = 'start'; }

and test. 2 expect() checks in 1 fail.

describe('withformtest', () => {    let fixture: componentfixture<withformtestcomp>;    let comp:    withformtestcomp;    let comp_de: debugelement;     function getinput(): debugelement {       return comp_de.query(by.css('input'));    }    function getshowval(): debugelement {       return comp_de.query(by.css('.show_val'));    }     beforeeach(() => {       testbed.configuretestingmodule({          imports: [             formsmodule,          ],          declarations: [             withformtestcomp,          ],       });        fixture = testbed.createcomponent(withformtestcomp);       comp    = fixture.componentinstance;       comp_de = fixture.debugelement;    });     it('should update testval', () => {       fixture.detectchanges();       const input_elt: htmlinputelement = getinput().nativeelement;        input_elt.value = 'set_val';       input_elt.dispatchevent(newevent('input'));       fixture.detectchanges();        const show_val_elt = getshowval().nativeelement;        expect(comp.testval).toequal('set_val');       expect(show_val_elt.textcontent).tobe('set_val');    });  });

does see how fix work correctly? have looked around , can't find bug reports explain why work without form fail it.


Comments

Post a Comment

Popular posts from this blog

Retrieving ETA (estimated time of arrival) with Google Distance Matrix API and public transit as transport mode -

Image
is possible retrieve eta google's distancematrix api (or alternative api). fyi, eta different duration, when using public transport. following example clarify request. when leave on friday @ 8.15 i'll able catch train @ 8.30 , arrive @ 9.00 am. google says duration 30 minutes. however, when leave on saturday @ 8.15 i'll able catch first train @ 9.00 , arrive @ 9.30 am. google still says duration 30 minutes, means ignore delay. google map supports functionality there api around giving me eta instead of duration. can see, distance-matrix' response no good. clarifying question little. eta estimated time of arrival , it's clear user wants know entire duration of transport (including waiting time public transport).
Read more

android - ConstraintLayout: Realign baseline constraint in case if dependent view visibility was set to GONE -

Image
is there way realign baseline constraint textview in case if dependent view visibility set gone? my layout code: <android.support.constraint.constraintlayout android:layout_width="match_parent" android:layout_height="wrap_content"> <textview android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="test title" android:textcolor="@color/black" android:textsize="24sp" app:layout_constraintleft_toleftof="parent" app:layout_constraintright_torightof="parent"/> <textview android:id="@+id/subtitle1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="subtitle 1" android:textsize="11sp" app:layout_constraintb...
Read more

c# - Populating Gridview inside Listview ItemTemplate On Web User Control from Code Behind -

i have think simple question, might more complex.. i have spent few days looking answer on google , various questions on site cannot seem come right. what trying bind gridview on user control ascx page default.aspx.cs on page load event. user control markup follows: <%@ control language="c#" autoeventwireup="true" codebehind="vulnerabilityexternalip.ascx.cs" inherits="vulnerabilityassesment.controls.vulnerabilityexternalip" %> <asp:table runat="server" cellpadding="1" cellspacing="2"> <asp:tablerow> <asp:tablecell> <asp:label id="lblvulnerabilityname" runat="server" text="vulnerability name:" cssclass="itemname"></asp:label> </asp:tablecell> <asp:tablecell> <asp:label id="lblvulnerabilitynametext" runat="server" text='<%# eval("mainvulnerabilityname")...
Read more