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?
angular unit-testing testing components integration-testing
add a comment |
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?
angular unit-testing testing components integration-testing
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
add a comment |
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?
angular unit-testing testing components integration-testing
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
angular unit-testing testing components integration-testing
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
add a comment |
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
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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