@fortawesome/vue-fontawesome 3.0.0-4 → 3.0.1

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.
Files changed (37) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/README.md +9 -802
  3. package/index.d.ts +1 -1
  4. package/index.es.js +319 -222
  5. package/index.js +651 -554
  6. package/package.json +43 -21
  7. package/src/components/FontAwesomeIcon.js +45 -5
  8. package/src/utils.js +10 -1
  9. package/.babelrc +0 -3
  10. package/.github/ISSUE_TEMPLATE/bug_report.md +0 -24
  11. package/.github/ISSUE_TEMPLATE/feature_request.md +0 -20
  12. package/.github/workflows/ci.yml +0 -29
  13. package/.tool-versions +0 -2
  14. package/CODE_OF_CONDUCT.md +0 -74
  15. package/CONTRIBUTING.md +0 -57
  16. package/DEVELOPMENT.md +0 -46
  17. package/bin/dev +0 -3
  18. package/bin/setup +0 -8
  19. package/examples/vue-awesome-example/.browserslistrc +0 -3
  20. package/examples/vue-awesome-example/.editorconfig +0 -7
  21. package/examples/vue-awesome-example/.eslintrc.js +0 -18
  22. package/examples/vue-awesome-example/babel.config.js +0 -5
  23. package/examples/vue-awesome-example/package-lock.json +0 -20468
  24. package/examples/vue-awesome-example/package.json +0 -38
  25. package/examples/vue-awesome-example/public/favicon.ico +0 -0
  26. package/examples/vue-awesome-example/public/index.html +0 -18
  27. package/examples/vue-awesome-example/src/App.vue +0 -74
  28. package/examples/vue-awesome-example/src/main.ts +0 -19
  29. package/examples/vue-awesome-example/src/shims-vue.d.ts +0 -5
  30. package/examples/vue-awesome-example/tsconfig.json +0 -39
  31. package/examples/vue-awesome-example/vue.config.js +0 -3
  32. package/rollup.config.js +0 -55
  33. package/src/components/__fixtures__/helpers.js +0 -10
  34. package/src/components/__fixtures__/icons.js +0 -23
  35. package/src/components/__tests__/FontAwesomeIcon.test.js +0 -299
  36. package/src/components/__tests__/FontAwesomeLayers.test.js +0 -83
  37. package/src/components/__tests__/FontAwesomeLayersText.test.js +0 -94
package/src/components/__tests__/FontAwesomeLayersText.test.js DELETED
@@ -1,94 +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
- })
78
-
79
- describe('reactivity', () => {
80
- test('changing props should update the element', async () => {
81
- const wrapper = compileAndMount({
82
- template: '<font-awesome-layers-text :value="42" :counter="true" />',
83
- components: {
84
- FontAwesomeLayersText
85
- }
86
- })
87
-
88
- expect(wrapper.element.innerHTML).toBe('42')
89
-
90
- await wrapper.setProps({ value: 43 })
91
-
92
- expect(wrapper.element.innerHTML).toBe('43')
93
- })
94
- })