diff --git a/src/markdown/plugins/__tests__/containers.spec.ts b/src/markdown/plugins/__tests__/containers.spec.ts
new file mode 100644
index 00000000..54a4e61d
--- /dev/null
+++ b/src/markdown/plugins/__tests__/containers.spec.ts
@@ -0,0 +1,29 @@
+import each from 'jest-each'
+import MarkdownIt from 'markdown-it'
+import { containerPlugin } from '../containers'
+import { getFragment } from '@/test-utils'
+
+let md: MarkdownIt
+
+describe('plugins/component', () => {
+ beforeEach(() => {
+ md = new MarkdownIt()
+ containerPlugin(md)
+ })
+
+ each([
+ ['tip'],
+ ['warning'],
+ ['danger'],
+ ['info'],
+ ['custom-tip'],
+ ['custom-warning'],
+ ['custom-danger'],
+ ['custom-info'],
+ ['v-pre']
+ ]).test('renders a "%s" block', (fileName: string) => {
+ expect(getFragment(__dirname, `containers/${fileName}.html`)).toEqual(
+ md.render(getFragment(__dirname, `containers/${fileName}.md`))
+ )
+ })
+})
diff --git a/src/markdown/plugins/__tests__/fragments/containers/custom-danger.html b/src/markdown/plugins/__tests__/fragments/containers/custom-danger.html
new file mode 100644
index 00000000..1f63ad3d
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/custom-danger.html
@@ -0,0 +1,3 @@
+
Custom danger
+
This is a custom danger block.
+
diff --git a/src/markdown/plugins/__tests__/fragments/containers/custom-danger.md b/src/markdown/plugins/__tests__/fragments/containers/custom-danger.md
new file mode 100644
index 00000000..e8258eed
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/custom-danger.md
@@ -0,0 +1,3 @@
+::: danger Custom danger
+This is a custom danger block.
+:::
diff --git a/src/markdown/plugins/__tests__/fragments/containers/custom-info.html b/src/markdown/plugins/__tests__/fragments/containers/custom-info.html
new file mode 100644
index 00000000..7700b38e
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/custom-info.html
@@ -0,0 +1,3 @@
+Custom info
+
This is a custom info block.
+
diff --git a/src/markdown/plugins/__tests__/fragments/containers/custom-info.md b/src/markdown/plugins/__tests__/fragments/containers/custom-info.md
new file mode 100644
index 00000000..eb5753ea
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/custom-info.md
@@ -0,0 +1,3 @@
+::: info Custom info
+This is a custom info block.
+:::
diff --git a/src/markdown/plugins/__tests__/fragments/containers/custom-tip.html b/src/markdown/plugins/__tests__/fragments/containers/custom-tip.html
new file mode 100644
index 00000000..83a531c7
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/custom-tip.html
@@ -0,0 +1,3 @@
+Custom tip
+
This is a custom tip block.
+
diff --git a/src/markdown/plugins/__tests__/fragments/containers/custom-tip.md b/src/markdown/plugins/__tests__/fragments/containers/custom-tip.md
new file mode 100644
index 00000000..ed6e4c6c
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/custom-tip.md
@@ -0,0 +1,3 @@
+::: tip Custom tip
+This is a custom tip block.
+:::
diff --git a/src/markdown/plugins/__tests__/fragments/containers/custom-warning.html b/src/markdown/plugins/__tests__/fragments/containers/custom-warning.html
new file mode 100644
index 00000000..c0026188
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/custom-warning.html
@@ -0,0 +1,3 @@
+Custom warning
+
This is a custom warning block.
+
diff --git a/src/markdown/plugins/__tests__/fragments/containers/custom-warning.md b/src/markdown/plugins/__tests__/fragments/containers/custom-warning.md
new file mode 100644
index 00000000..bd730c81
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/custom-warning.md
@@ -0,0 +1,3 @@
+::: warning Custom warning
+This is a custom warning block.
+:::
diff --git a/src/markdown/plugins/__tests__/fragments/containers/danger.html b/src/markdown/plugins/__tests__/fragments/containers/danger.html
new file mode 100644
index 00000000..6dfadf92
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/danger.html
@@ -0,0 +1,3 @@
+Danger
+
This is a danger block.
+
diff --git a/src/markdown/plugins/__tests__/fragments/containers/danger.md b/src/markdown/plugins/__tests__/fragments/containers/danger.md
new file mode 100644
index 00000000..0a66fcb3
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/danger.md
@@ -0,0 +1,3 @@
+::: danger
+This is a danger block.
+:::
diff --git a/src/markdown/plugins/__tests__/fragments/containers/info.html b/src/markdown/plugins/__tests__/fragments/containers/info.html
new file mode 100644
index 00000000..c13e694c
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/info.html
@@ -0,0 +1,3 @@
+Info
+
This is an info block.
+
diff --git a/src/markdown/plugins/__tests__/fragments/containers/info.md b/src/markdown/plugins/__tests__/fragments/containers/info.md
new file mode 100644
index 00000000..2466f887
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/info.md
@@ -0,0 +1,3 @@
+::: info
+This is an info block.
+:::
diff --git a/src/markdown/plugins/__tests__/fragments/containers/tip.html b/src/markdown/plugins/__tests__/fragments/containers/tip.html
new file mode 100644
index 00000000..37ed5fbc
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/tip.html
@@ -0,0 +1,3 @@
+Tip
+
This is a tip block.
+
diff --git a/src/markdown/plugins/__tests__/fragments/containers/tip.md b/src/markdown/plugins/__tests__/fragments/containers/tip.md
new file mode 100644
index 00000000..a61fe5ce
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/tip.md
@@ -0,0 +1,3 @@
+::: tip
+This is a tip block.
+:::
diff --git a/src/markdown/plugins/__tests__/fragments/containers/v-pre.html b/src/markdown/plugins/__tests__/fragments/containers/v-pre.html
new file mode 100644
index 00000000..e79215a2
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/v-pre.html
@@ -0,0 +1,3 @@
+
diff --git a/src/markdown/plugins/__tests__/fragments/containers/v-pre.md b/src/markdown/plugins/__tests__/fragments/containers/v-pre.md
new file mode 100644
index 00000000..ad889ec7
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/v-pre.md
@@ -0,0 +1,3 @@
+::: v-pre
+This is a v-pre block
+:::
diff --git a/src/markdown/plugins/__tests__/fragments/containers/warning.html b/src/markdown/plugins/__tests__/fragments/containers/warning.html
new file mode 100644
index 00000000..d2226ed7
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/warning.html
@@ -0,0 +1,3 @@
+Warning
+
This is a warning block.
+
diff --git a/src/markdown/plugins/__tests__/fragments/containers/warning.md b/src/markdown/plugins/__tests__/fragments/containers/warning.md
new file mode 100644
index 00000000..197e9007
--- /dev/null
+++ b/src/markdown/plugins/__tests__/fragments/containers/warning.md
@@ -0,0 +1,3 @@
+::: warning
+This is a warning block.
+:::
diff --git a/src/node/markdown/plugins/containers.ts b/src/node/markdown/plugins/containers.ts
index be9cf483..e6e44c9e 100644
--- a/src/node/markdown/plugins/containers.ts
+++ b/src/node/markdown/plugins/containers.ts
@@ -4,9 +4,10 @@ import Token from 'markdown-it/lib/token'
const container = require('markdown-it-container')
export const containerPlugin = (md: MarkdownIt) => {
- md.use(...createContainer('tip', 'TIP'))
- .use(...createContainer('warning', 'WARNING'))
- .use(...createContainer('danger', 'WARNING'))
+ md.use(...createContainer('tip', 'Tip'))
+ .use(...createContainer('warning', 'Warning'))
+ .use(...createContainer('danger', 'Danger'))
+ .use(...createContainer('info', 'Info'))
// explicitly escape Vue syntax
.use(container, 'v-pre', {
render: (tokens: Token[], idx: number) =>