ksakae1216

  it('should call SampleContainerComponent.submitAction()', () => {
    jest.spyOn(container, 'submitAction');

    // 子Componentのemit
    (fixture.debugElement.query(By.directive(SampleComponent)).componentInstance as SampleComponent).submitAction.emit();

    // 親Containerのmethodがcallされてるかテスト
    expect(container.submitAction).toHaveBeenCalledWith();
  })

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]),
  ],