First comment, lets add some nasty formatting.
Oh lala
it works :D
# Test
# Jest Failing
- Jest fails when it sees
importin component file? Unexpected Token
This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.
Points something related to jest and babel
# Babel
Javascript is moving so fast these days that browsers are lacking behind
TIP
Babel is like python 2to3 tool, or python 3to2 tool
- use new JS features without breaking in old browsers
- Babel REPL live editor
- Babel brodges the gaps between old and new JS standards, Polyfill
In web development, a polyfill is code that implements a feature on web browsers that do not support the feature. Most often, it refers to a JavaScript library that implements an HTML5 web standard, either an established standard (supported by some browsers) on older browsers, or a proposed standard (not supported by any browsers) on existing browsers. Formally, "a polyfill is a shim for a browser API".
Also know as indirection, shim Library in many context
const arr = [1,2,3] console.log(...arr)- Why use it in the first place?
To start using advanced JS features
- Option chaning, browser will not complain if key of not found in json chaining
- Use Property Spread Operator
# Vue Test Utils
- Differencce b/w
mountandshallow mount? mountwill mount all components along with its child componentsShallow mountonly mounts the parent component and skips children- Mocha, chain vs Jest?
Jest has
snapshotswhich Mocha, chai doesnt have
Packages
- flush-promises - when dealing with asynchronous promises
- @vue/cli-plugin-unit-jest
- @vue/test-utils
{ "title": "Test", "frontmatter": { "title": "Test", "tags": [ "test", "page", "markdown", "component" ], "readingShow": "top" }, "regularPath": "/guide/test.html", "relativePath": "guide/test.md", "key": "v-67078104", "path": "/guide/test.html", "headers": [ { "level": 2, "title": "Jest Failing", "slug": "jest-failing" }, { "level": 2, "title": "Babel", "slug": "babel" }, { "level": 2, "title": "Vue Test Utils", "slug": "vue-test-utils" } ], "lastUpdated": "7/30/2020, 8:04:29 PM", "readingTime": { "text": "2 min read", "minutes": 1.7, "time": 102000, "words": 340 } }
pwd is a linux command
My Header
A car is a wheeled, self-powered motor vehicle used for transportation.
My Footer