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'













1















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?










share|improve this question
























  • 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
















1















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?










share|improve this question
























  • 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














1












1








1








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?










share|improve this question
















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






share|improve this question















share|improve this question













share|improve this question




share|improve this question








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 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


















  • 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

















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













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
);



);













draft saved

draft discarded


















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















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.




draft saved


draft discarded














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





















































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

1928 у кіно

Захаров Федір Захарович

Ель Греко