ksakae1216

  beforeEach(async () => {
    TestBed.configureTestingModule({
      // 親Container, 子Component
      declarations: [SampleContainerComponent, SampleComponent],
    });

    await TestBed.compileComponents();
  });

ksakae1216

fetch('https://hoge.com/users/1', {method: 'GET'})

ksakae1216

import '../mocks/browser';  // add code

export const environment = {
  production: false,
};

ksakae1216

import { setupWorker, rest } from 'msw'

export const mocks = [
  rest.get('https://hoge.com/users/:user', (req, res, ctx) => {
    const { user } = req.params

    return res(
      ctx.status(200),
      ctx.json({
        name: `mocked-${user}`,

ksakae1216

// 例(myorgは自分のアプリ名)
npx msw init apps/myorg/src

ksakae1216

npm install msw --save-dev
# or
yarn add msw --dev

ksakae1216

// appNameは自分のアプリ名
nx g nx-ng-esbuild:add-esbuild-config appName

ksakae1216

yarn add -D nx-ng-esbuild

ksakae1216

import { StoreModule } from '@ngrx/store';
import { EffectsModule } from '@ngrx/effects';

@NgModule({
  declarations: [
    StoreModule.forRoot({ LoginState: loginReducer}), // LoginStateはselectorで書いたキー
    EffectsModule.forRoot([LoginEffects]),
  ],

ksakae1216

import { Injectable } from '@angular/core';
import { Actions, createEffect, ofType } from '@ngrx/effects';
import { map, switchMap } from 'rxjs/operators';

import { doLogin, setLoginStateSuccess, setErrorMessage } from './login.action';
import { LoginService } from '../../services/login/login.service';

@Injectable()
export class LoginEffects {
  setLoginStateSuccess$ = createEffect(() =>