michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[ci] yarn format

Browse source
This commit is contained in:
FredKSchott 2021-09-03 18:07:39 +00:00 committed by GitHub Actions
parent e282e8e4ac
commit e516f9c953
2 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/src/pages/reference/builtin-components.md
View file

@ -5,7 +5,6 @@ title: Built-In Components
Astro includes several builtin components for you to use in your projects. All builtin components are available via `import {} from 'astro/components';`. Astro includes several builtin components for you to use in your projects. All builtin components are available via `import {} from 'astro/components';`.
## `<Code />` ## `<Code />`
```astro ```astro
@ -24,7 +23,6 @@ This component provides syntax highlighting for code blocks at build time (no cl
You can also use the `<Prism />` component for syntax highlighting powered by the [Prism](https://prismjs.com/) syntax highlighting library. This is the library that Astro's Markdown uses by default. However, we will be transitioning all usage over to `<Code>` as we move towards our v1.0 release. You can also use the `<Prism />` component for syntax highlighting powered by the [Prism](https://prismjs.com/) syntax highlighting library. This is the library that Astro's Markdown uses by default. However, we will be transitioning all usage over to `<Code>` as we move towards our v1.0 release.
## `<Markdown />` ## `<Markdown />`
```astro ```astro

23
packages/astro/test/astro-component-code.test.js
View file

@ -36,7 +36,7 @@ Components('<Code theme="...">', async ({ runtime }) => {
assert.equal($('pre').attr('style'), 'background-color: #2e3440ff; overflow-x: auto;', 'applies custom theme'); assert.equal($('pre').attr('style'), 'background-color: #2e3440ff; overflow-x: auto;', 'applies custom theme');
}); });
Components('<Code wrap>', async ({ runtime }) => { Components('<Code wrap>', async ({ runtime }) => {
{ {
let result = await runtime.load('/wrap-true'); let result = await runtime.load('/wrap-true');
assert.ok(!result.error, `build error: ${result.error}`); assert.ok(!result.error, `build error: ${result.error}`);
@ -66,14 +66,19 @@ Components('<Code lang="..." theme="css-variables">', async ({ runtime }) => {
const $ = doc(result.contents); const $ = doc(result.contents);
assert.equal($('pre').length, 1); assert.equal($('pre').length, 1);
assert.equal($('pre').attr('class'), 'astro-code'); assert.equal($('pre').attr('class'), 'astro-code');
assert.equal($('pre, pre span').map((i, f) => f.attribs ? f.attribs.style : 'no style found').toArray(), [ assert.equal(
"background-color: var(--astro-code-color-background); overflow-x: auto;", $('pre, pre span')
"color: var(--astro-code-token-constant)", .map((i, f) => (f.attribs ? f.attribs.style : 'no style found'))
"color: var(--astro-code-token-function)", .toArray(),
"color: var(--astro-code-color-text)", [
"color: var(--astro-code-token-string-expression)", 'background-color: var(--astro-code-color-background); overflow-x: auto;',
"color: var(--astro-code-color-text)", 'color: var(--astro-code-token-constant)',
]); 'color: var(--astro-code-token-function)',
'color: var(--astro-code-color-text)',
'color: var(--astro-code-token-string-expression)',
'color: var(--astro-code-color-text)',
]
);
}); });
Components.run(); Components.run();