POD KMU Check

INFO: 26. April 2021

• Migration done with Martin Oss and Marc Saudan

How To Start

• npm install
• npm start to start local DEV environment

How to release

1. npm run patch
2. git push
3. npm run release (npm login might be needed)
4. Connect to VDI, open Jenkins, Execute jenkins jobs (build & deploy and if all good: promote) with the version added in point 1

Good to know

An api proxy for dev env is enabled via webpack.config.js. All HTTP requests (fetch) to /api are rewritten to the DEV API host URL (hardcoded in webpack.config.js).

• index.html
• webpack.config.js
• podproperties.json

they all contain API endpoints and must be changed at all places.

Demo Mode:

For easier testing ?demo=true can be added to prefill all forms with default values

API Requests via Insomnia

Import config/api-requests-insomnja-latest.json via into Insomnia.app to test API requests on all stages (DEV, ACC, PROD)

TODO

DONE

• ~~Add new fields. Check mail of Martin~~
• ~~Check with invalid referrers~~
• ~~Martin Oss bug null mitliefern~~
• ~~Check for API delivery of new text. Epidemeieversicherung (Martin OSS)~~
• ~~Double click on form weird bug~~
• ~~PopUp for Success- and Error messages on forms~~
• ~~Use popup for forms, same sas KMU Rechner~~
• ~~Forward incoming url parameters to KMU Rechner (Links on the offer page) args: referrer, svrcontext Examplelink: https://insurance-check.axa.ch/#/de-ch/?referrer=consultantde&svrcontext=RGo5UG~~
• ~~No option "Keine Mitarbeiter" for Juristische person.~~
• ~~Add keywords search for select dropdown, to find industries~~
• ~~Open offer by code in URL~~
• ~~Reponsive offer list~~
• ~~State management~~
• ~~IE11 and EDGE bugs coz of 3rd party libs~~
• ~~Hide formular~~
• ~~NUR MOBILE: Keine offerte bei: Werbung - Zurich - Nicht Juristisch - 1-3: nicht reproduzierbar~~
• ~~Angestelle werden immmer uebermittelt~~
• ~~NUR MOBILE:Falsche Offerte: Neuer Fehler von Mike oder Hanspeter - falsche offertenanzeige - guter Test?~~
• ~~Fahrzeuge werden immer abeschickt~~
• ~~Technische anlagen~~
• ~~Dropdown Aargau~~
• ~~UEbersetzungen~~
• ~~Scroll issue last page when all~~
• ~~Test Beratungsform~~
• ~~Scroll on offerview fix~~
• ~~Test Print link. wohl zusammengehangen mit dem falsche code~~
• ~~Ken Review: Wait for Kens feedbacks Industry Search~~
• ~~Ken Review: Enter offer loading~~
• ~~Ken Review: Tooltip open on click, close on X or outside or Escape~~
• ~~Ken Review: Truncate text in tabs on small screens~~
• ~~Ken Review: Text anstatt Drucken~~
• ~~Ken Review: Step bar: borders on small and med and large screens.~~
  • ~~Check height on large screens~~
  • ~~Image mobile overflow~~
  • ~~Border offer~~

Discussed but No-fix

• Memoize results
• Check custom PDF Gen Test
• On mobile on deselected checkboxes, the hover state is still active which is a bit confusing

Stages

DEV

• OLD: https://insurance-check.axa.ch/#/de-ch/advisory/suggestion/
• NEW: http://localhost:8080?suggestion=U3QFGED6

ACC

• https://www.acc.axa.ch/de/test-pods/kmu-check.html
• https://www.acc.axa.ch/de/test-pods/kmu-check.html?suggestion=M2P95ZVK

PROD

• https://www.axa.ch/de/rechner/kmu-check.html

This is going to be an updated version of this legacy KMU Check

• https://axa.ch/de/unternehmenskunden/beratung-kontakt-service/beratung/versicherungs-check.html
• Design based on: https://www.figma.com/proto/PmZLNtirFrhA6IOICpJKcR/KMU-Check?node-id=9%3A237&scaling=min-zoom
• This is a POD / AXA Micro Frontend. (created by create-pod-app)

Worth a read

• Midgard
• Checklist for POD devs