Angular Polyfill

Built With

• Angular
• Angular CLI version 18.0.2.
• Cypress

Thoughts

• It is easy to create a polyfill for Angular.
• There are plenty of resources to find polyfills that you can copy and paste.
• It is important to verify that the polyfill is actually being used. I added a console.log to see if the polyfill was being used. I also checked for the polyfill file in the bundle.
• I used the new Object.groupBy method for my polyfill subject.
• This method is really not great for Angular, as such a structure can be hard to iterate over in an Angular template. You cannot use Object.keys(), and nested keyvalue pipes can be difficult to implement.

Continued Development

• Cypress 13.11 works with Angular 18, but there are some glitches.

Useful Resources

• Cypress Docs - angular overview
• MDN Docs - Object.groupBy
• Telerik - sorting filtering grouping aggregating data angular
• Medium - how to build an angular polyfill
• Medium - what is the use of polyfills in angular
• Blog - test polyfills with cypress
• Gist - Object.groupby polyfill
• Github - es-shims/Object.groupBy
• Github - TypeScript pull #56805
• Stack Overflow - how to enable object groupby in typescript and node js
• YouTube - Native Html Dialog With Polyfill in Angular Tutorial
• Blog - reading and testing json object in cypress
• Stack Overflow - uncausght reference error global is not defined in angular