Have you tried to change the name of the file? MyComponent.test.tsx Also, did you install the types of jest and stuff npm i -D @types/jest. I mean I’m saying this because if you look at the jest config where it says testRegex. You have it like this __tests__/*.(test|spec).tsx the test must be inside a tests … Read more
This should do what you want: <input type=”file” (change)=”readUrl($event)”> <img [src]=”url”> readUrl(event:any) { if (event.target.files && event.target.files[0]) { var reader = new FileReader(); reader.onload = (event: ProgressEvent) => { this.url = (<FileReader>event.target).result; } reader.readAsDataURL(event.target.files[0]); } }
The solution is to disable the native no-unused-vars so that only the TS one is enabled. The former is likely to be enabled if you extend a config in ESLint. Add the rules below to your ESLint config. “rules”: { “no-unused-vars”: “off”, “@typescript-eslint/no-unused-vars”: “error” }
Because src is not a property of the HTMLElement type, but of HTMLImageElement. If you are certain you’ll get an img element, you might want to declare your variable with the correct subtype: element: HTMLImageElement; /* Defining element */ // … this.element = document.createElement(‘img’); /*creating a img*/ Also, you might want to have a look … Read more
When you initialize a class property with a literal such as public foo = { bar: ‘a’ }, its type becomes { bar: string }, even if you declare it as readonly. TypeScript on purpose doesn’t make the type too strict ({ bar: ‘a’ }). Method toLocaleDateString accepts an object whose key year must be … Read more
You can tell Jest how to resolve module paths by configuring the moduleNameMapper option, which is useful if you’re using packages like module-alias or if you’re using absolute paths. Add these lines to your Jest configuration: { // … “jest”: { // … “moduleNameMapper”: { “^src/(.*)$”: “<rootDir>/$1” } } } Now modules that start with … Read more
with newer versions of typescript (>v2 i believe): npm install -D @types/bootstrap Edit: As hughjdavey said in his comment, you also need the following import lines: import * as bootstrap from “bootstrap”; import * as $ from ‘jquery’;
Finally!!! After a long search and reading some tutorials and comments I found the solution: the problem was with the config. Open the test config file and delete the following lines: “-u”, <<<< delete this line “tdd”, <<<< delete this line launch.js “version”: “0.2.0”, “configurations”: [ { “type”: “node”, “request”: “launch”, “name”: “Mocha Tests”, “program”: … Read more
Let’s consider that all “not defined” properties i.e. all properties that are defined in the typescript class like (I wrote “not defined” and not undefined for a reason that will be clear below) class A { prop1: string prop2: number } will not be enumerated by any of Object.keys or this.hasOwnProperty(k) since the autogen javascript … Read more
TL;DR: There is a tool: https://github.com/SitePen/remap-istanbul described as A tool for remapping Istanbul coverage via Source Maps The article on Sitepan describes it in more detail: Intern as well as other JavaScript testing frameworks utilise Istanbul for their code coverage analysis. As we started to adopt more and more TypeScript for our own projects, we … Read more