@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.
Files changed (40) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/README.md +18 -28
  3. package/index.d.ts +1 -1
  4. package/index.es.js +366 -247
  5. package/index.js +651 -532
  6. package/package.json +46 -23
  7. package/src/components/FontAwesomeIcon.js +65 -24
  8. package/src/components/FontAwesomeLayers.js +4 -4
  9. package/src/components/FontAwesomeLayersText.js +14 -11
  10. package/src/converter.js +15 -18
  11. package/src/utils.js +10 -1
  12. package/.babelrc +0 -3
  13. package/.github/ISSUE_TEMPLATE/bug_report.md +0 -24
  14. package/.github/ISSUE_TEMPLATE/feature_request.md +0 -20
  15. package/.github/workflows/ci.yml +0 -29
  16. package/.tool-versions +0 -2
  17. package/CODE_OF_CONDUCT.md +0 -74
  18. package/CONTRIBUTING.md +0 -57
  19. package/DEVELOPMENT.md +0 -46
  20. package/bin/dev +0 -3
  21. package/bin/setup +0 -8
  22. package/examples/vue-awesome-example/.browserslistrc +0 -3
  23. package/examples/vue-awesome-example/.editorconfig +0 -7
  24. package/examples/vue-awesome-example/.eslintrc.js +0 -18
  25. package/examples/vue-awesome-example/babel.config.js +0 -5
  26. package/examples/vue-awesome-example/package-lock.json +0 -20468
  27. package/examples/vue-awesome-example/package.json +0 -38
  28. package/examples/vue-awesome-example/public/favicon.ico +0 -0
  29. package/examples/vue-awesome-example/public/index.html +0 -18
  30. package/examples/vue-awesome-example/src/App.vue +0 -74
  31. package/examples/vue-awesome-example/src/main.ts +0 -19
  32. package/examples/vue-awesome-example/src/shims-vue.d.ts +0 -5
  33. package/examples/vue-awesome-example/tsconfig.json +0 -39
  34. package/examples/vue-awesome-example/vue.config.js +0 -3
  35. package/rollup.config.js +0 -55
  36. package/src/components/__fixtures__/helpers.js +0 -10
  37. package/src/components/__fixtures__/icons.js +0 -23
  38. package/src/components/__tests__/FontAwesomeIcon.test.js +0 -285
  39. package/src/components/__tests__/FontAwesomeLayers.test.js +0 -66
  40. 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
- })