44 light gallery

[Rav-Ariyanayagam]

Definition of Done

For every submission to the codebase, check that it meets the DoD below.

• [x] Code fulfils the user story and scenarios set out in the github task and UI prototype.
• [x] The feature has been thoroughly manually tested. (Ask other devs to give some fresh eyes on this as you go.)
• [x] All tests run and passed from terminal. Any broken tests fixed, not disabled or skipped.

  npm test

• [x] Tests added or updated where appropriate. (Be pragmatic about adding new tests, think; how critical is this module or function? If this function broke due to changes, how would it affect the user experience?)
• [x] eslint run and passes. Any issues fixed.

  npm run lint

• [x] PR created in Github.
• [ ] Two peer reviews from other devs.
• [ ] One peer review from one of the teachers.
• [ ] After all the peer review comments are addressed, the branch is merged to main!

[Rav-Ariyanayagam]

Gallery.test.js encounters an error: "Jest encountered an unexpected token"

Details:

/home/learner/workspace/gardenz/node_modules/lightgallery/css/lightgallery.css:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){@font-face {
                                                                                  ^

SyntaxError: Invalid or unexpected token

   8 |
   9 | // import styles
> 10 | import 'lightgallery/css/lightgallery.css'
     | ^
  11 | import 'lightgallery/css/lg-zoom.css'
  12 | import 'lightgallery/css/lg-thumbnail.css'
  13 |

  at Runtime.createScriptFromCode (node_modules/jest-runtime/build/index.js:1728:14)
  at Object.<anonymous> (client/views/user/Gardens/Gallery/Gallery.jsx:10:1)