@comicrelief/component-library 7.19.0 → 7.19.2

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 (82) hide show
  1. package/cypress/integration/components/atoms/button.spec.js +113 -0
  2. package/cypress/integration/components/atoms/buttonWithStates.spec.js +53 -0
  3. package/cypress/integration/components/atoms/checkbox.spec.js +68 -0
  4. package/cypress/integration/components/atoms/confetti.spec.js +52 -0
  5. package/cypress/integration/components/atoms/errorText.spec.js +51 -0
  6. package/cypress/integration/components/atoms/label.spec.js +104 -0
  7. package/cypress/integration/components/atoms/link.spec.js +207 -0
  8. package/cypress/integration/components/atoms/logo.spec.js +149 -0
  9. package/cypress/integration/components/atoms/pagination.spec.js +214 -0
  10. package/cypress/integration/components/atoms/picture.spec.js +147 -0
  11. package/cypress/integration/components/atoms/radioButton.spec.js +81 -0
  12. package/cypress/integration/components/atoms/richText.spec.js +75 -0
  13. package/cypress/integration/components/atoms/select.spec.js +89 -0
  14. package/cypress/integration/components/atoms/text.spec.js +180 -0
  15. package/cypress/integration/components/atoms/textArea.spec.js +91 -0
  16. package/cypress/integration/components/atoms/textInputWithDrop.spec.js +78 -0
  17. package/cypress/integration/components/molecules/accordion.spec.js +72 -0
  18. package/cypress/integration/components/molecules/articleTeaser.spec.js +110 -0
  19. package/cypress/integration/components/molecules/banner.spec.js +72 -0
  20. package/cypress/integration/components/molecules/box.spec.js +112 -0
  21. package/cypress/integration/components/molecules/card.spec.js +113 -0
  22. package/cypress/integration/components/molecules/chip.spec.js +70 -0
  23. package/cypress/integration/components/molecules/countdown.spec.js +73 -0
  24. package/cypress/integration/components/molecules/descriptor.spec.js +147 -0
  25. package/cypress/integration/components/molecules/doubleCopy.spec.js +81 -0
  26. package/cypress/integration/components/molecules/heroBanner.spec.js +71 -0
  27. package/cypress/integration/components/molecules/infoBanner.spec.js +71 -0
  28. package/cypress/integration/components/molecules/partnerLink.spec.js +70 -0
  29. package/cypress/integration/components/molecules/promo.spec.js +76 -0
  30. package/cypress/integration/components/{Molecules/SchoolLookup.spec.js → molecules/schoolLookup.spec.js} +6 -0
  31. package/cypress/integration/components/molecules/searchInput.spec.js +74 -0
  32. package/cypress/integration/components/molecules/searchResult.spec.js +202 -0
  33. package/cypress/integration/components/molecules/shareButton.spec.js +78 -0
  34. package/cypress/integration/components/molecules/simpleSchoolLookup.spec.js +84 -0
  35. package/cypress/integration/components/molecules/singleMessage.spec.js +537 -0
  36. package/cypress/integration/components/molecules/singleMessageDs.spec.js +248 -0
  37. package/cypress/integration/components/molecules/videoBanner.spec.js +140 -0
  38. package/cypress/integration/components/organisms/cookieBanner.spec.js +82 -0
  39. package/cypress/integration/components/organisms/footer.spec.js +166 -0
  40. package/dist/components/Molecules/VideoBanner/VideoBanner.js +14 -2
  41. package/dist/components/Molecules/VideoBanner/VideoBanner.md +1 -1
  42. package/dist/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +1 -1
  43. package/dist/components/Organisms/Footer/data/footerCopy.js +1 -1
  44. package/package.json +1 -1
  45. package/src/components/Molecules/VideoBanner/VideoBanner.js +9 -3
  46. package/src/components/Molecules/VideoBanner/VideoBanner.md +1 -1
  47. package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +1 -1
  48. package/src/components/Organisms/Footer/data/footerCopy.js +1 -1
  49. package/cypress/integration/components/Atoms/Checkbox.spec.js +0 -69
  50. package/cypress/integration/components/Atoms/Link.spec.js +0 -217
  51. package/cypress/integration/components/Atoms/Logo.spec.js +0 -155
  52. package/cypress/integration/components/Atoms/Pagination.spec.js +0 -217
  53. package/cypress/integration/components/Atoms/Picture.spec.js +0 -147
  54. package/cypress/integration/components/Atoms/RadioButton.spec.js +0 -81
  55. package/cypress/integration/components/Atoms/RichText.spec.js +0 -75
  56. package/cypress/integration/components/Atoms/Select.spec.js +0 -89
  57. package/cypress/integration/components/Atoms/Text.spec.js +0 -180
  58. package/cypress/integration/components/Atoms/TextArea.spec.js +0 -91
  59. package/cypress/integration/components/Molecules/ArticleTeaser.spec.js +0 -111
  60. package/cypress/integration/components/Molecules/Box.spec.js +0 -112
  61. package/cypress/integration/components/Molecules/Card.spec.js +0 -113
  62. package/cypress/integration/components/Molecules/DoubleCopy.spec.js +0 -81
  63. package/cypress/integration/components/Molecules/HeroBanner.spec.js +0 -71
  64. package/cypress/integration/components/Molecules/InfoBanner.spec.js +0 -71
  65. package/cypress/integration/components/Molecules/PartnerLink.spec.js +0 -70
  66. package/cypress/integration/components/Molecules/Promo.spec.js +0 -76
  67. package/cypress/integration/components/Molecules/SearchInput.spec.js +0 -74
  68. package/cypress/integration/components/Molecules/SearchResult.spec.js +0 -202
  69. package/cypress/integration/components/Molecules/ShareButton.spec.js +0 -78
  70. package/cypress/integration/components/Molecules/SingleMessage.spec.js +0 -537
  71. package/cypress/integration/components/Molecules/VideoBanner.spec.js +0 -70
  72. package/cypress/integration/components/Organisms/CookieBanner.spec.js +0 -82
  73. package/cypress/integration/components/Organisms/Footer.spec.js +0 -166
  74. /package/cypress/integration/components/{Atoms/Input.spec.js → atoms/input.spec.js} +0 -0
  75. /package/cypress/integration/components/{Atoms/SocialIcons.spec.js → atoms/socialIcons.spec.js} +0 -0
  76. /package/cypress/integration/components/{Molecules/CardDs.spec.js → molecules/cardDs.spec.js} +0 -0
  77. /package/cypress/integration/components/{Molecules/Typeahead.spec.js → molecules/typeahead.spec.js} +0 -0
  78. /package/cypress/integration/components/{Organisms/Donate.spec.js → organisms/donate.spec.js} +0 -0
  79. /package/cypress/integration/components/{Organisms/EmailSignUp.spec.js → organisms/emailSignUp.spec.js} +0 -0
  80. /package/cypress/integration/components/{Organisms/Header.spec.js → organisms/header.spec.js} +0 -0
  81. /package/cypress/integration/components/{Atoms/MarketingPreferencesDSForm.spec.js → organisms/marketingPreferencesDSForm.spec.js} +0 -0
  82. /package/cypress/integration/components/{Organisms/Membership.spec.js → organisms/membership.spec.js} +0 -0
@@ -1,166 +0,0 @@
1
- describe('Footer component', () => {
2
- before(() => {
3
- // go to footer component
4
- cy.visit('/#footer');
5
- });
6
-
7
- describe('props and methods section', () => {
8
- beforeEach(() => {
9
- cy.get('[data-testid="Footer-container"] button[name="rsg-usage"]')
10
- .contains('Props & methods')
11
- .as('propsBtn');
12
-
13
- cy.get('@propsBtn')
14
- .closest('[class^=rsg--tabs]')
15
- .as('container');
16
- });
17
-
18
- it('is present', () => {
19
- cy.get('@propsBtn').should('exist');
20
- });
21
-
22
- it('does not show table initially', () => {
23
- cy.get('@container')
24
- .find('table')
25
- .should('not.exist');
26
- });
27
-
28
- it('shows the table on button click', () => {
29
- cy.get('@propsBtn').click();
30
- cy.get('@container')
31
- .find('table')
32
- .should('contain', 'Prop name');
33
- });
34
- });
35
-
36
- describe('Footer section', () => {
37
- beforeEach(() => {
38
- cy.get('[data-testid="Footer-example-1"]')
39
- .as('container')
40
- .find('[data-preview="Footer"]')
41
- .as('preview');
42
-
43
- cy.get('@container')
44
- .find('button')
45
- .contains('View Code')
46
- .as('viewCodeBtn');
47
- });
48
-
49
- it('renders footer preview', () => {
50
- //Hear from us
51
- cy.get('@container')
52
- .find('ul > li:nth-child(1) > span')
53
- .contains('Hear from us');
54
- cy.get('@container')
55
- .find('ul > li:nth-child(1) > ul > li:nth-child(1) > a')
56
- .should('have.attr', 'href', 'https://www.comicrelief.com/#')
57
- .contains('Get the newsletter');
58
- cy.get('@container')
59
- .find('ul > li:nth-child(1) > ul > li:nth-child(2) > a')
60
- .should('have.attr', 'href', 'https://www.comicrelief.com/update-your-preferences')
61
- .contains('How we contact you');
62
-
63
- //Get in touch
64
- cy.get('@container')
65
- .find('ul > li:nth-child(2) > span')
66
- .contains('Get in touch');
67
- cy.get('@container')
68
- .find('ul > li:nth-child(2) > ul > li:nth-child(1) > a')
69
- .should('have.attr', 'href', '/contact-us')
70
- .contains('Contact us');
71
- cy.get('@container')
72
- .find('ul > li:nth-child(2) > ul > li:nth-child(2) > a')
73
- .should('have.attr', 'href', 'https://giftaid.comicrelief.com/update')
74
- .contains('Your Gift Aid');
75
- cy.get('@container')
76
- .find('ul > li:nth-child(2) > ul > li:nth-child(3) > a')
77
- .should('have.attr', 'href', 'https://www.comicrelief.com/frequently-asked-questions')
78
- .contains('FAQs');
79
- cy.get('@container')
80
- .find('ul > li:nth-child(2) > ul > li:nth-child(4) > a')
81
- .should('have.attr', 'href', 'https://www.comicrelief.com/red-nose-days-frequently-asked-questions')
82
- .contains('Red Nose Day 2019 FAQs');
83
-
84
- //About us
85
- cy.get('@container')
86
- .find('ul > li:nth-child(3) > span')
87
- .contains('About us');
88
- cy.get('@container')
89
- .find('ul > li:nth-child(3) > ul > li:nth-child(1) > a')
90
- .should('have.attr', 'href', 'https://www.comicrelief.com/about-comic-relief')
91
- .contains('Mission');
92
- cy.get('@container')
93
- .find('ul > li:nth-child(3) > ul > li:nth-child(2) > a')
94
- .should('have.attr', 'href', 'https://www.comicrelief.com/about-comic-relief/history')
95
- .contains('Our history');
96
- cy.get('@container')
97
- .find('ul > li:nth-child(3) > ul > li:nth-child(3) > a')
98
- .should('have.attr', 'href', 'https://www.comicrelief.com/about-comic-relief/finances')
99
- .contains('Finances');
100
- cy.get('@container')
101
- .find('ul > li:nth-child(3) > ul > li:nth-child(4) > a')
102
- .should('have.attr', 'href', 'https://www.comicrelief.com/working-with-us')
103
- .contains('Partners');
104
- cy.get('@container')
105
- .find('ul > li:nth-child(3) > ul > li:nth-child(5) > a')
106
- .should('have.attr', 'href', 'https://www.comicrelief.com/about-comic-relief/meet-the-team')
107
- .contains('Meet the team');
108
- cy.get('@container')
109
- .find('ul > li:nth-child(3) > ul > li:nth-child(6) > a')
110
- .should('have.attr', 'href', 'https://www.sportrelief.com/')
111
- .contains('Sport Relief');
112
-
113
- //Careers
114
- cy.get('@container')
115
- .find('ul > li:nth-child(4) > span')
116
- .contains('Careers');
117
- cy.get('@container')
118
- .find('ul > li:nth-child(4) > ul > li:nth-child(1) > a')
119
- .should('have.attr', 'href', 'https://www.comicrelief.com/careers')
120
- .contains('Working at Comic Relief');
121
- cy.get('@container')
122
- .find('ul > li:nth-child(4) > ul > li:nth-child(2) > a')
123
- .should('have.attr', 'href', 'https://app.beapplied.com/org/comic-relief')
124
- .contains('Open roles');
125
-
126
- //News
127
- cy.get('@container')
128
- .find('ul > li:nth-child(5) > span')
129
- .contains('News');
130
- cy.get('@container')
131
- .find('ul > li:nth-child(5) > ul > li:nth-child(1) > a')
132
- .should('have.attr', 'href', 'https://www.comicrelief.com/news')
133
- .contains('News');
134
- cy.get('@container')
135
- .find('ul > li:nth-child(5) > ul > li:nth-child(2) > a')
136
- .should('have.attr', 'href', 'https://www.comicrelief.com/press-releases')
137
- .contains('Press area');
138
-
139
- //Legal
140
- cy.get('@container')
141
- .find('ul > li:nth-child(6) > span')
142
- .contains('Legal');
143
-
144
- //copyright
145
- cy.get('@container')
146
- .find('p')
147
- .should('exist');
148
-
149
- //logo
150
- cy.get('@container')
151
- .find('a[title="Go to Comic Relief homepage"]')
152
- .should('exist');
153
- });
154
-
155
- it('has view code button', () => {
156
- cy.get('@viewCodeBtn').should('exist');
157
- });
158
-
159
- it('shows code on click', () => {
160
- cy.get('@viewCodeBtn').click();
161
- cy.get('@container')
162
- .find('textarea')
163
- .should('exist');
164
- });
165
- });
166
- });