bobangajicsm / e-commerce-store

EcommerceStore

Watch tutorial on how I built this store => https://youtu.be/-QV07KcnJEk

This project was generated with Angular CLI version 13.2.0.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

e-commerce-store's Issues

NullInjectorError with MatSnackBar in Angular Component.

Steps to Reproduce:
1. Clone the repository
2. Navigate to the project directory
3. Install dependencies: npm install
4. Run the tests: npm test

Expected Behavior:
Successful Testing

Actual Behavior:
❌

Connected on socket 3BpPSBBaQ5lWCS9PAAAB with id 
11971178
Chrome 121.0.0.0 (Windows 10): ExecutChrome 121.0.0.0 (Windows 10) AppComponent should have as title 'ecommerce-store' FAILED
       NullInjectorError: R3InjectorError(DynamicTestModule)[CartService 
-> MatSnackBar -> MatSnackBar]:      
         NullInjectorError: No provider for MatSnackBar!
       error properties: Object({ ngTempTokenPath: null, ngTokenPath: [ 'CartService', 'MatSnackBar', 'MatSnackBar' ] })
       NullInjectorError: R3InjectorError(DynamicTestModule)[CartService 
-> MatSnackBar -> MatSnackBar]:      
         NullInjectorError: No provider for MatSnackBar!
           at NullInjector.get (node_modules/@angular/core/fesm2020/core.mjs:6367:27)
           at R3Injector.get (node_modules/@angular/core/fesm2020/core.mjs:6794:33)
           at R3Injector.get (node_modules/@angular/core/fesm2020/core.mjs:6794:33)
           at injectInjectorOnly (node_modules/@angular/core/fesm2020/core.mjs:4782:33)
           at ɵɵinject (node_modules/@angular/core/fesm2020/core.mjs:4786:12)
           at Object.factory (ng:///CartService/ɵfac.js:4:39)
           at R3Injector.hydrate (node_modules/@angular/core/fesm2020/core.mjs:6895:35)
           at R3Injector.get (node_modules/@angular/core/fesm2020/core.mjs:6783:33)
           at ChainedInjector.get (node_modules/@angular/core/fesm2020/core.mjs:13824:36)
           at lookupTokenUsingModuleInjector (node_modules/@angular/core/fesm2020/core.mjs:3293:39)
Chrome 121.0.0.0 (Windows 10): Executed 1 of 3 (1 FAILED) (0 secs / 0.089 
Chrome 121.0.0.0 (Windows 10) AppComponent should render title FAILED     
       NullInjectorError: R3InjectorError(DynamicTestModule)[CartService 
-> MatSnackBar -> MatSnackBar]:      
         NullInjectorError: No provider for MatSnackBar!
       error properties: Object({ ngTempTokenPath: null, ngTokenPath: [ 'CartService', 'MatSnackBar', 'MatSnackBar' ] })
       NullInjectorError: R3InjectorError(DynamicTestModule)[CartService 
-> MatSnackBar -> MatSnackBar]:      
         NullInjectorError: No provider for MatSnackBar!
           at NullInjector.get (node_modules/@angular/core/fesm2020/core.mjs:6367:27)
           at R3Injector.get (node_modules/@angular/core/fesm2020/core.mjs:6794:33)
           at R3Injector.get (node_modules/@angular/core/fesm2020/core.mjs:6794:33)
           at injectInjectorOnly (node_modules/@angular/core/fesm2020/core.mjs:4782:33)
           at ɵɵinject (node_modules/@angular/core/fesm2020/core.mjs:4786:12)
           at Object.factory (ng:///CartService/ɵfac.js:4:39)
           at R3Injector.hydrate (node_modules/@angular/core/fesm2020/core.mjs:6895:35)
           at R3Injector.get (node_modules/@angular/core/fesm2020/core.mjs:6783:33)
           at ChainedInjector.get (node_modules/@angular/core/fesm2020/core.mjs:13824:36)
           at lookupTokenUsingModuleInjector (node_modules/@angular/core/fesm2020/core.mjs:3293:39)
Chrome 121.0.0.0 (Windows 10): Executed 2 of 3 (2 FAILED) (0 secs / 0.099 
Chrome 121.0.0.0 (Windows 10) AppComponent should create the app FAILED   
       NullInjectorError: R3InjectorError(DynamicTestModule)[CartService 
-> MatSnackBar -> MatSnackBar]:      
         NullInjectorError: No provider for MatSnackBar!
       error properties: Object({ ngTempTokenPath: null, ngTokenPath: [ 'CartService', 'MatSnackBar', 'MatSnackBar' ] })
       NullInjectorError: R3InjectorError(DynamicTestModule)[CartService 
-> MatSnackBar -> MatSnackBar]:      
         NullInjectorError: No provider for MatSnackBar!
           at NullInjector.get (node_modules/@angular/core/fesm2020/core.mjs:6367:27)
           at R3Injector.get (node_modules/@angular/core/fesm2020/core.mjs:6794:33)
           at R3Injector.get (node_modules/@angular/core/fesm2020/core.mjs:6794:33)
           at injectInjectorOnly (node_modules/@angular/core/fesm2020/core.mjs:4782:33)
           at ɵɵinject (node_modules/@angular/core/fesm2020/core.mjs:4786:12)
           at Object.factory (ng:///CartService/ɵfac.js:4:39)
           at R3Injector.hydrate (node_modules/@angular/core/fesm2020/core.mjs:6895:35)
           at R3Injector.get (node_modules/@angular/core/fesm2020/core.mjs:6783:33)
           at ChainedInjector.get (node_modules/@angular/core/fesm2020/core.mjs:13824:36)
           at lookupTokenUsingModuleInjector (node_modules/@angular/core/fesm2020/core.mjs:3293:39)    
Chrome 121.0.0.0 (Windows 10): Executed 3 of 3 (3 FAILED) (0 secs / 0.107 Chrome 121.0.0.0 (Windows 10): Executed 3 of 3 (3 FAILED) (0.166 secs / 0.107 secs)
TOTAL: 3 FAILED, 0 SUCCESS