@fortawesome/vue-fontawesome 3.0.0-3 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +31 -0
- package/README.md +18 -28
- package/index.d.ts +1 -1
- package/index.es.js +366 -247
- package/index.js +651 -532
- package/package.json +46 -23
- package/src/components/FontAwesomeIcon.js +65 -24
- package/src/components/FontAwesomeLayers.js +4 -4
- package/src/components/FontAwesomeLayersText.js +14 -11
- package/src/converter.js +15 -18
- package/src/utils.js +10 -1
- package/.babelrc +0 -3
- package/.github/ISSUE_TEMPLATE/bug_report.md +0 -24
- package/.github/ISSUE_TEMPLATE/feature_request.md +0 -20
- package/.github/workflows/ci.yml +0 -29
- package/.tool-versions +0 -2
- package/CODE_OF_CONDUCT.md +0 -74
- package/CONTRIBUTING.md +0 -57
- package/DEVELOPMENT.md +0 -46
- package/bin/dev +0 -3
- package/bin/setup +0 -8
- package/examples/vue-awesome-example/.browserslistrc +0 -3
- package/examples/vue-awesome-example/.editorconfig +0 -7
- package/examples/vue-awesome-example/.eslintrc.js +0 -18
- package/examples/vue-awesome-example/babel.config.js +0 -5
- package/examples/vue-awesome-example/package-lock.json +0 -20468
- package/examples/vue-awesome-example/package.json +0 -38
- package/examples/vue-awesome-example/public/favicon.ico +0 -0
- package/examples/vue-awesome-example/public/index.html +0 -18
- package/examples/vue-awesome-example/src/App.vue +0 -74
- package/examples/vue-awesome-example/src/main.ts +0 -19
- package/examples/vue-awesome-example/src/shims-vue.d.ts +0 -5
- package/examples/vue-awesome-example/tsconfig.json +0 -39
- package/examples/vue-awesome-example/vue.config.js +0 -3
- package/rollup.config.js +0 -55
- package/src/components/__fixtures__/helpers.js +0 -10
- package/src/components/__fixtures__/icons.js +0 -23
- package/src/components/__tests__/FontAwesomeIcon.test.js +0 -285
- package/src/components/__tests__/FontAwesomeLayers.test.js +0 -66
- package/src/components/__tests__/FontAwesomeLayersText.test.js +0 -77
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { compileAndMount } from '../__fixtures__/helpers'
|
|
2
|
-
import FontAwesomeLayersText from '../FontAwesomeLayersText'
|
|
3
|
-
|
|
4
|
-
test('empty', () => {
|
|
5
|
-
const wrapper = compileAndMount({
|
|
6
|
-
template: '<font-awesome-layers-text />',
|
|
7
|
-
components: {
|
|
8
|
-
FontAwesomeLayersText
|
|
9
|
-
}
|
|
10
|
-
})
|
|
11
|
-
|
|
12
|
-
expect(wrapper.element.tagName).toBe('SPAN')
|
|
13
|
-
})
|
|
14
|
-
|
|
15
|
-
test('simple text', () => {
|
|
16
|
-
const wrapper = compileAndMount({
|
|
17
|
-
template: '<font-awesome-layers-text value="Test" />',
|
|
18
|
-
components: {
|
|
19
|
-
FontAwesomeLayersText
|
|
20
|
-
}
|
|
21
|
-
})
|
|
22
|
-
|
|
23
|
-
expect(wrapper.element.getAttribute('class')).toBe('fa-layers-text')
|
|
24
|
-
expect(wrapper.element.innerHTML).toBe('Test')
|
|
25
|
-
})
|
|
26
|
-
|
|
27
|
-
test('accept number for value', () => {
|
|
28
|
-
const wrapper = compileAndMount({
|
|
29
|
-
template: '<font-awesome-layers-text :value="42" />',
|
|
30
|
-
components: {
|
|
31
|
-
FontAwesomeLayersText
|
|
32
|
-
}
|
|
33
|
-
})
|
|
34
|
-
|
|
35
|
-
expect(wrapper.element.getAttribute('class')).toBe('fa-layers-text')
|
|
36
|
-
expect(wrapper.element.innerHTML).toBe('42')
|
|
37
|
-
})
|
|
38
|
-
|
|
39
|
-
describe('transform', () => {
|
|
40
|
-
test('string', () => {
|
|
41
|
-
const wrapper = compileAndMount({
|
|
42
|
-
template: '<font-awesome-layers-text value="1" transform="shrink-6" />',
|
|
43
|
-
components: {
|
|
44
|
-
FontAwesomeLayersText
|
|
45
|
-
}
|
|
46
|
-
})
|
|
47
|
-
|
|
48
|
-
// It appears the jsdom doesn't set the transform for this, not sure why
|
|
49
|
-
expect(wrapper.element)
|
|
50
|
-
})
|
|
51
|
-
})
|
|
52
|
-
|
|
53
|
-
describe('counter', () => {
|
|
54
|
-
test('simple', () => {
|
|
55
|
-
const wrapper = compileAndMount({
|
|
56
|
-
template: '<font-awesome-layers-text :value="42" :counter="true" />',
|
|
57
|
-
components: {
|
|
58
|
-
FontAwesomeLayersText
|
|
59
|
-
}
|
|
60
|
-
})
|
|
61
|
-
|
|
62
|
-
expect(wrapper.element.getAttribute('class')).toBe('fa-layers-counter')
|
|
63
|
-
expect(wrapper.element.getAttribute('class')).not.toBe('fa-layers-text')
|
|
64
|
-
expect(wrapper.element.innerHTML).toBe('42')
|
|
65
|
-
})
|
|
66
|
-
|
|
67
|
-
test('position', () => {
|
|
68
|
-
const wrapper = compileAndMount({
|
|
69
|
-
template: '<font-awesome-layers-text value="42" counter position="bottom-right" />',
|
|
70
|
-
components: {
|
|
71
|
-
FontAwesomeLayersText
|
|
72
|
-
}
|
|
73
|
-
})
|
|
74
|
-
|
|
75
|
-
expect(wrapper.element.getAttribute('class')).toBe('fa-layers-counter fa-layers-bottom-right')
|
|
76
|
-
})
|
|
77
|
-
})
|