Y24-138 - As developers we want to move over all requests from Axios to fetch to remove a dependency and make the codebase easier to maintain

[stevieing]

User story
As developers we want to move over all requests from Axios to fetch to remove a dependency and make the codebase easier to maintain

Who are the primary contacts for this story
Steve / Dasun / Seena

Who is the nominated tester for UAT
e.g. John S (don't include surnames in public repos)

Acceptance criteria
To be considered successful the solution must allow:

• Define a strategy to move each store /library to fetch
• Create a list of all of the places where Axios is used
• Create sub stories for each refactor
• Create a clean up story to remove any redundant code and dependencies

Dependencies
This story is blocked by the following dependencies:

• #<issue_no.>
• sanger/#<issue_no.>

References
This story has a non-blocking relationship with:

• #<issue_no.>
• sanger/#<issue_no.>

Additional context
Add any other context or screenshots about the feature request here.

[stevieing]

Proposed strategy (to be discussed):

• Create a factory (example: https://github.com/sanger/traction-ui/pull/1756/files#diff-c5d273e6d7069f315f8d62842f5753d1599be7c0799f26fb6199392203007f2c)
• plug factory into tests ( doing this first will ensure that when we change the code we kow what the failures are related to)
• rationalise any use of test data e.g. reduce places where it is used. Standardise where possible
• Change handleResponse from v1 to v2 in store or library
• some stores use the old response type with deserialize - so you would need to move over to the new response type and use side loading
• make sure you only use relative namespacing for imports because Cypress does not have access to @.
• make sure you use file extensions e.g. .js at the end of the import name as this improves performance.
• Change request from v1 to v2
• Fix unit tests
• Run tests for any components where store or library is used and make any changes and fix
• Run tests for any views where store or library is used and make any changes and fix
• Fixe e2e tests
• Remove use of fixtures where store or library is used and use factory
• Remove data file and fixture

[stevieing]

Things we are not doing:

• Moving to Pinia
• Moving to composition API
• Code refactoring in components and views unless necessary

[stevieing]

List of stores/libraries to change:

vuex:

• printMyBarcode - move this over to Pinia because it already exists.
• ont/pools [Steve]
• root/tags - move over to existing Pinia store [Steve]
• pacbio/plates [Seena]
• pacbio/requests [Dasun]
• saphyr/runs - minimal [Stephen]
• saphyr/requests - minimal [Seena]
• saphyr/tubes - minimal [Dasun]

Pinia:

• index
• ontRoot - Seena
• ontRuns - Seena
• pacbioLibraries
• pacbioPoolCreate
• pacbioPools
• pacbioRoot
• pacbioRunCreate.js
• pacbioRuns.js

printing is done so can serve as a reference.

Libraries:

• lib/receptions/SamplesExtraction
• lib/receptions/sequencescapeUtils
• services/traction/Reception
• services/traction/QcResultsUpload