When to use get property and inline function for TypeScript propertiesWhat's the difference between unit, functional, acceptance, and integration tests?What is TypeScript and why would I use it in place of JavaScript?How do you explicitly set a new property on `window` in TypeScript?get and set in TypeScriptAre strongly-typed functions as parameters possible in TypeScript?TypeScript Converting a String to a numberAngular HTTP GET with TypeScript error http.get(…).map is not a function in [null]Typescript: Interfaces vs TypesCan't bind to 'ngModel' since it isn't a known property of 'input'Can't bind to 'formGroup' since it isn't a known property of 'form'
Does the reader need to like the PoV character?
Make a Bowl of Alphabet Soup
Is this toilet slogan correct usage of the English language?
What (the heck) is a Super Worm Equinox Moon?
How many arrows is an archer expected to fire by the end of the Tyranny of Dragons pair of adventures?
Will number of steps recorded on FitBit/any fitness tracker add up distance in PokemonGo?
Taxes on Dividends in a Roth IRA
What is going on with gets(stdin) on the site coderbyte?
Is it allowed to activate the ability of multiple planeswalkers in a single turn?
How would you translate "more" for use as an interface button?
Shouldn’t conservatives embrace universal basic income?
Delete multiple columns using awk or sed
Strong empirical falsification of quantum mechanics based on vacuum energy density?
When were female captains banned from Starfleet?
Why can't the Brexit deadlock in the UK parliament be solved with a plurality vote?
Is there a way to have vectors outlined in a Vector Plot?
I found an audio circuit and I built it just fine, but I find it a bit too quiet. How do I amplify the output so that it is a bit louder?
Does Doodling or Improvising on the Piano Have Any Benefits?
Why do ¬, ∀ and ∃ have the same precedence?
Why do Radio Buttons not fill the entire outer circle?
How to make money from a browser who sees 5 seconds into the future of any web page?
Were Persian-Median kings illiterate?
Pre-mixing cryogenic fuels and using only one fuel tank
Microchip documentation does not label CAN buss pins on micro controller pinout diagram
When to use get property and inline function for TypeScript properties
What's the difference between unit, functional, acceptance, and integration tests?What is TypeScript and why would I use it in place of JavaScript?How do you explicitly set a new property on `window` in TypeScript?get and set in TypeScriptAre strongly-typed functions as parameters possible in TypeScript?TypeScript Converting a String to a numberAngular HTTP GET with TypeScript error http.get(…).map is not a function in [null]Typescript: Interfaces vs TypesCan't bind to 'ngModel' since it isn't a known property of 'input'Can't bind to 'formGroup' since it isn't a known property of 'form'
I have a simple component class as follows:
import Component from '@angular/core';
import ControlService from '../services/control-service';
@Component(
templateUrl: './control-bar.component.html',
styleUrls: ['./control-bar.component.less']
)
export class ControlBarComponent
get context(): any return this.controls.context;
constructor(private controls: ControlService)
is(contextName)
return this.context.constructor.name == contextName;
The problem arises when I try to write a unit test for the given code. I get the following error:
TypeError: Cannot read property 'constructor' of undefined
at ControlBarComponent../ src / app / courses / control
- bar.component.ts.ControlBarComponent.is(http://localhost:9876/
_karma_webpack_/webpack:/src/app/courses/control-bar.component.ts:12:33)
at Object.eval[as updateDirectives]
(ng:///DynamicTestModule/ControlBarComponent.ngfactory.js:111:25)
After playing around tod and trying find an answer I try the following code which no longer throws an error.
// Same except for the following line
context = () => this.controls.context;
// replaces
get context(): any return this.controls.context;
So are there any drawbacks to this solution? And if so, when should I use these two code constructs?
angular typescript testing karma-jasmine
add a comment |
I have a simple component class as follows:
import Component from '@angular/core';
import ControlService from '../services/control-service';
@Component(
templateUrl: './control-bar.component.html',
styleUrls: ['./control-bar.component.less']
)
export class ControlBarComponent
get context(): any return this.controls.context;
constructor(private controls: ControlService)
is(contextName)
return this.context.constructor.name == contextName;
The problem arises when I try to write a unit test for the given code. I get the following error:
TypeError: Cannot read property 'constructor' of undefined
at ControlBarComponent../ src / app / courses / control
- bar.component.ts.ControlBarComponent.is(http://localhost:9876/
_karma_webpack_/webpack:/src/app/courses/control-bar.component.ts:12:33)
at Object.eval[as updateDirectives]
(ng:///DynamicTestModule/ControlBarComponent.ngfactory.js:111:25)
After playing around tod and trying find an answer I try the following code which no longer throws an error.
// Same except for the following line
context = () => this.controls.context;
// replaces
get context(): any return this.controls.context;
So are there any drawbacks to this solution? And if so, when should I use these two code constructs?
angular typescript testing karma-jasmine
I think that's workaround solution what you need here is create mock ControlService and pass when you get the instance of component
– TheParam
Mar 7 at 5:38
what is theprovider
section in your spec file ? Share the code of spec files. The error is caused bythis.context.constructor.name
line asthis.context
is not defined
– Shashank Vivek
Mar 8 at 3:50
add a comment |
I have a simple component class as follows:
import Component from '@angular/core';
import ControlService from '../services/control-service';
@Component(
templateUrl: './control-bar.component.html',
styleUrls: ['./control-bar.component.less']
)
export class ControlBarComponent
get context(): any return this.controls.context;
constructor(private controls: ControlService)
is(contextName)
return this.context.constructor.name == contextName;
The problem arises when I try to write a unit test for the given code. I get the following error:
TypeError: Cannot read property 'constructor' of undefined
at ControlBarComponent../ src / app / courses / control
- bar.component.ts.ControlBarComponent.is(http://localhost:9876/
_karma_webpack_/webpack:/src/app/courses/control-bar.component.ts:12:33)
at Object.eval[as updateDirectives]
(ng:///DynamicTestModule/ControlBarComponent.ngfactory.js:111:25)
After playing around tod and trying find an answer I try the following code which no longer throws an error.
// Same except for the following line
context = () => this.controls.context;
// replaces
get context(): any return this.controls.context;
So are there any drawbacks to this solution? And if so, when should I use these two code constructs?
angular typescript testing karma-jasmine
I have a simple component class as follows:
import Component from '@angular/core';
import ControlService from '../services/control-service';
@Component(
templateUrl: './control-bar.component.html',
styleUrls: ['./control-bar.component.less']
)
export class ControlBarComponent
get context(): any return this.controls.context;
constructor(private controls: ControlService)
is(contextName)
return this.context.constructor.name == contextName;
The problem arises when I try to write a unit test for the given code. I get the following error:
TypeError: Cannot read property 'constructor' of undefined
at ControlBarComponent../ src / app / courses / control
- bar.component.ts.ControlBarComponent.is(http://localhost:9876/
_karma_webpack_/webpack:/src/app/courses/control-bar.component.ts:12:33)
at Object.eval[as updateDirectives]
(ng:///DynamicTestModule/ControlBarComponent.ngfactory.js:111:25)
After playing around tod and trying find an answer I try the following code which no longer throws an error.
// Same except for the following line
context = () => this.controls.context;
// replaces
get context(): any return this.controls.context;
So are there any drawbacks to this solution? And if so, when should I use these two code constructs?
angular typescript testing karma-jasmine
angular typescript testing karma-jasmine
edited Mar 7 at 5:34
TheParam
3,81011829
3,81011829
asked Mar 7 at 4:58
jwizejwize
3,08012236
3,08012236
I think that's workaround solution what you need here is create mock ControlService and pass when you get the instance of component
– TheParam
Mar 7 at 5:38
what is theprovider
section in your spec file ? Share the code of spec files. The error is caused bythis.context.constructor.name
line asthis.context
is not defined
– Shashank Vivek
Mar 8 at 3:50
add a comment |
I think that's workaround solution what you need here is create mock ControlService and pass when you get the instance of component
– TheParam
Mar 7 at 5:38
what is theprovider
section in your spec file ? Share the code of spec files. The error is caused bythis.context.constructor.name
line asthis.context
is not defined
– Shashank Vivek
Mar 8 at 3:50
I think that's workaround solution what you need here is create mock ControlService and pass when you get the instance of component
– TheParam
Mar 7 at 5:38
I think that's workaround solution what you need here is create mock ControlService and pass when you get the instance of component
– TheParam
Mar 7 at 5:38
what is the
provider
section in your spec file ? Share the code of spec files. The error is caused by this.context.constructor.name
line as this.context
is not defined– Shashank Vivek
Mar 8 at 3:50
what is the
provider
section in your spec file ? Share the code of spec files. The error is caused by this.context.constructor.name
line as this.context
is not defined– Shashank Vivek
Mar 8 at 3:50
add a comment |
0
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',
autoActivateHeartbeat: false,
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
);
);
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%2f55036377%2fwhen-to-use-get-property-and-inline-function-for-typescript-properties%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
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.
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%2f55036377%2fwhen-to-use-get-property-and-inline-function-for-typescript-properties%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
I think that's workaround solution what you need here is create mock ControlService and pass when you get the instance of component
– TheParam
Mar 7 at 5:38
what is the
provider
section in your spec file ? Share the code of spec files. The error is caused bythis.context.constructor.name
line asthis.context
is not defined– Shashank Vivek
Mar 8 at 3:50