0bc210d905
- Adds VSCode file template for component unit testing. - Updates development docs with details on UI dev
59 lines
1.8 KiB
Plaintext
59 lines
1.8 KiB
Plaintext
{
|
|
"Btrix Component": {
|
|
"scope": "javascript,typescript",
|
|
"prefix": ["component", "@customElement"],
|
|
"isFileTemplate": true,
|
|
"body": [
|
|
"import { localized } from \"@lit/localize\";",
|
|
"import { html } from \"lit\";",
|
|
"import { customElement } from \"lit/decorators.js\";",
|
|
"",
|
|
"import { BtrixElement } from \"@/classes/BtrixElement\";",
|
|
"",
|
|
"@customElement(\"btrix-${1:component}\")",
|
|
"@localized()",
|
|
"export class ${2:Component} extends BtrixElement {",
|
|
"\trender() {",
|
|
"\t\treturn html``;",
|
|
"\t}",
|
|
"}",
|
|
""
|
|
]
|
|
},
|
|
"Btrix Component Test": {
|
|
"scope": "javascript,typescript",
|
|
"prefix": ["test","describe"],
|
|
"isFileTemplate": true,
|
|
"body": [
|
|
"import { expect, fixture } from \"@open-wc/testing\";",
|
|
"import { html } from \"lit/static-html.js\";",
|
|
"import { restore, stub } from \"sinon\";",
|
|
"",
|
|
"import { ${1:Component} } from \"./${TM_FILENAME_BASE/\\.test(.*)/$1/}\";",
|
|
"",
|
|
"import { AppStateService } from \"@/utils/state\";",
|
|
"",
|
|
"describe(\"<btrix-${TM_FILENAME_BASE/\\.test(.*)/$1/}>\", () => {",
|
|
" beforeEach(() => {",
|
|
" AppStateService.resetAll();",
|
|
" stub(window.history, \"pushState\");",
|
|
" });",
|
|
"",
|
|
" afterEach(() => {",
|
|
" restore();",
|
|
" });",
|
|
"",
|
|
" it(\"is defined\", async () => {",
|
|
" const el = await fixture<${1:Component}>(",
|
|
" html`<btrix-${TM_FILENAME_BASE/\\.test(.*)/$1/}></btrix-${TM_FILENAME_BASE/\\.test(.*)/$1/}>`,",
|
|
" );",
|
|
"",
|
|
" expect(el).instanceOf(${1:Component});",
|
|
" });",
|
|
"});",
|
|
""
|
|
],
|
|
"description": "Unit test for custom component that extends `BtrixComponent`"
|
|
}
|
|
}
|