RayLuxembourg

const romanNumerics = {
  I: 1,
  V: 5,
  X: 10,
  L: 50,
  C: 100,
  D: 500,
  M: 1000
};

RayLuxembourg

export const DragEvent = (selector:string):Observable<boolean> => {
 
  //element where the drag event should be recorded (make sure element is in the dom)
  const elem = document.querySelector(selector);

  // touch events to handle mobile devices
  const touchStart$ = fromEvent<TouchEvent>(elem, 'touchstart');

  const touchEnd$ = fromEvent<TouchEvent>(elem, 'touchend');

RayLuxembourg

//testing both success and fail status  
it('should handle Add to bag Message', () => {
    const msg: BagResponse = {
      actionType: 'add',
      category: 'bag',
      product: { colorId: '01', productId: '23423', sizeId: 'SM003' },
      status: 'success'
    };
    component.chooseMessageHandler(msg);
    expect(component.bag[0]).toBe(component.buildIdentifier(msg.product));

RayLuxembourg

describe('CounterComponent', () => {
  let component: CounterComponent;
  let fixture: ComponentFixture<CounterComponent>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [CounterComponent]
    }).compileComponents();
  }));

RayLuxembourg

interface BaseProduct {
    name: string;
    id: number;
    price: number;
}


interface ProductsList {
    top: BaseProduct[];
    bottom: BaseProduct[];

RayLuxembourg

interface BaseProduct {
    name: string;
    id: number;
    price: number;
}


interface ProductsList {
    top: BaseProduct[];
    bottom: BaseProduct[];

RayLuxembourg

export class ProductComponent implements OnInit {
  
  product: Product;
  
  constructor(private route: ActivatedRoute) {}
  
  ngOnInit() {
    this.product = this.route.snapshot.data['product'];
  }
}

RayLuxembourg

@Injectable()
export class ProductResolver implements Resolve<Product> {
  
  constructor(private api: ApiService) {}

  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Product> {
    return this.api.product(route.params['id']);
  }
}

RayLuxembourg

export class ProductComponent implements OnInit {
    product$: Observable<Product>;

    constructor(private api: ApiService,private route:ActivatedRoute) {}
    
    ngOnInit() {
        const id = this.route.snapshop.params['id'];
        this.product$ = this.api.product(id);
        // ...
    }

RayLuxembourg

//src/common/services/api.service.ts
@Injectable({ providedIn: 'root' })
export class ApiService {
    
    monitor = "/monitor";
    analytics = "/analytics";
    api = "/api"
    
    constructor(private httpClient: HttpClient) { }