How do I make test for method of component in Angular 5?











up vote
-1
down vote

favorite












I have a component in Angular 5 with simple logic: user have to press a key, the method onKeyDown calculates result value, so in 1st press resault should be 4, in 2th should be 8:



@Component({
selector: 'app-landing',
templateUrl: './main.component.html',
styleUrls: ['./main.component.less']
})

export class MainComponent {
result = 0;
cycle = 0;

constructor() {
document.addEventListener('keydown', (e) => this.onKeyDown(e), false);
}

onKeyDown(e: any) {
// do something
sont someConst = 4;
result = result + someConst;
cycle++;
return {
cycle: cycle,
result: result
};
}
}


Then I whant to do test for this process: I want to simulate the users pressing button and check if results are what I expect:



// pseudo code
DoTest {
MainComponent instanceForTest = new MainComponent();
var test_01 = instanceForTest.onKeyDown(13);
var test_02 = instanceForTest.onKeyDown(13);
if (
test_01.wcycle == 1 &&
test_01.result == 4
){
Console.WriteLine("Test 01 passed");
}
if (
test_02.wcycle == 2 &&
test_02.result == 8
){
Console.WriteLine("Test 02 passed");
}
}


How do I make this test in ngx?










share|improve this question
























  • Did you try writing your own test? Please post the actual code you used to attempt to solve this yourself. StackOverflow expects you to try to solve your own problem first, as your attempts help us to better understand what you want. Please edit the question to illustrate the specific problem you're having in a Minimal, Complete, and Verifiable example. For more information, please see How to Ask and take the tour.
    – dmcgrandle
    Nov 12 at 5:34















up vote
-1
down vote

favorite












I have a component in Angular 5 with simple logic: user have to press a key, the method onKeyDown calculates result value, so in 1st press resault should be 4, in 2th should be 8:



@Component({
selector: 'app-landing',
templateUrl: './main.component.html',
styleUrls: ['./main.component.less']
})

export class MainComponent {
result = 0;
cycle = 0;

constructor() {
document.addEventListener('keydown', (e) => this.onKeyDown(e), false);
}

onKeyDown(e: any) {
// do something
sont someConst = 4;
result = result + someConst;
cycle++;
return {
cycle: cycle,
result: result
};
}
}


Then I whant to do test for this process: I want to simulate the users pressing button and check if results are what I expect:



// pseudo code
DoTest {
MainComponent instanceForTest = new MainComponent();
var test_01 = instanceForTest.onKeyDown(13);
var test_02 = instanceForTest.onKeyDown(13);
if (
test_01.wcycle == 1 &&
test_01.result == 4
){
Console.WriteLine("Test 01 passed");
}
if (
test_02.wcycle == 2 &&
test_02.result == 8
){
Console.WriteLine("Test 02 passed");
}
}


How do I make this test in ngx?










share|improve this question
























  • Did you try writing your own test? Please post the actual code you used to attempt to solve this yourself. StackOverflow expects you to try to solve your own problem first, as your attempts help us to better understand what you want. Please edit the question to illustrate the specific problem you're having in a Minimal, Complete, and Verifiable example. For more information, please see How to Ask and take the tour.
    – dmcgrandle
    Nov 12 at 5:34













up vote
-1
down vote

favorite









up vote
-1
down vote

favorite











I have a component in Angular 5 with simple logic: user have to press a key, the method onKeyDown calculates result value, so in 1st press resault should be 4, in 2th should be 8:



@Component({
selector: 'app-landing',
templateUrl: './main.component.html',
styleUrls: ['./main.component.less']
})

export class MainComponent {
result = 0;
cycle = 0;

constructor() {
document.addEventListener('keydown', (e) => this.onKeyDown(e), false);
}

onKeyDown(e: any) {
// do something
sont someConst = 4;
result = result + someConst;
cycle++;
return {
cycle: cycle,
result: result
};
}
}


Then I whant to do test for this process: I want to simulate the users pressing button and check if results are what I expect:



// pseudo code
DoTest {
MainComponent instanceForTest = new MainComponent();
var test_01 = instanceForTest.onKeyDown(13);
var test_02 = instanceForTest.onKeyDown(13);
if (
test_01.wcycle == 1 &&
test_01.result == 4
){
Console.WriteLine("Test 01 passed");
}
if (
test_02.wcycle == 2 &&
test_02.result == 8
){
Console.WriteLine("Test 02 passed");
}
}


How do I make this test in ngx?










share|improve this question















I have a component in Angular 5 with simple logic: user have to press a key, the method onKeyDown calculates result value, so in 1st press resault should be 4, in 2th should be 8:



@Component({
selector: 'app-landing',
templateUrl: './main.component.html',
styleUrls: ['./main.component.less']
})

export class MainComponent {
result = 0;
cycle = 0;

constructor() {
document.addEventListener('keydown', (e) => this.onKeyDown(e), false);
}

onKeyDown(e: any) {
// do something
sont someConst = 4;
result = result + someConst;
cycle++;
return {
cycle: cycle,
result: result
};
}
}


Then I whant to do test for this process: I want to simulate the users pressing button and check if results are what I expect:



// pseudo code
DoTest {
MainComponent instanceForTest = new MainComponent();
var test_01 = instanceForTest.onKeyDown(13);
var test_02 = instanceForTest.onKeyDown(13);
if (
test_01.wcycle == 1 &&
test_01.result == 4
){
Console.WriteLine("Test 01 passed");
}
if (
test_02.wcycle == 2 &&
test_02.result == 8
){
Console.WriteLine("Test 02 passed");
}
}


How do I make this test in ngx?







angular unit-testing testing components integration-testing






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 11 at 21:53









georgeawg

32.3k104966




32.3k104966










asked Nov 11 at 20:55









mr_blond

13511




13511












  • Did you try writing your own test? Please post the actual code you used to attempt to solve this yourself. StackOverflow expects you to try to solve your own problem first, as your attempts help us to better understand what you want. Please edit the question to illustrate the specific problem you're having in a Minimal, Complete, and Verifiable example. For more information, please see How to Ask and take the tour.
    – dmcgrandle
    Nov 12 at 5:34


















  • Did you try writing your own test? Please post the actual code you used to attempt to solve this yourself. StackOverflow expects you to try to solve your own problem first, as your attempts help us to better understand what you want. Please edit the question to illustrate the specific problem you're having in a Minimal, Complete, and Verifiable example. For more information, please see How to Ask and take the tour.
    – dmcgrandle
    Nov 12 at 5:34
















Did you try writing your own test? Please post the actual code you used to attempt to solve this yourself. StackOverflow expects you to try to solve your own problem first, as your attempts help us to better understand what you want. Please edit the question to illustrate the specific problem you're having in a Minimal, Complete, and Verifiable example. For more information, please see How to Ask and take the tour.
– dmcgrandle
Nov 12 at 5:34




Did you try writing your own test? Please post the actual code you used to attempt to solve this yourself. StackOverflow expects you to try to solve your own problem first, as your attempts help us to better understand what you want. Please edit the question to illustrate the specific problem you're having in a Minimal, Complete, and Verifiable example. For more information, please see How to Ask and take the tour.
– dmcgrandle
Nov 12 at 5:34

















active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53253148%2fhow-do-i-make-test-for-method-of-component-in-angular-5%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown






























active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.





Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


Please pay close attention to the following guidance:


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53253148%2fhow-do-i-make-test-for-method-of-component-in-angular-5%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Bressuire

Vorschmack

Quarantine