如何在Angular中返回可观察到的模拟值

import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';

@Injectable()
export class MockDataService {
  getMockData(): Observable<any> {
    // 模拟返回可观察对象的数据
    const mockData = ['value1', 'value2', 'value3'];
    return of(mockData);
  }
}

import { TestBed } from '@angular/core/testing';
import { MockDataService } from './mock-data.service';

describe('MyComponent', () => {
  let mockDataService: MockDataService;

  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [
        { provide: DataService, useClass: MockDataService } // 使用模拟服务替换实际服务
      ]
    });

    mockDataService = TestBed.inject(MockDataService);
  });

  it('should return mock data', () => {
    const mockData = ['value1', 'value2', 'value3'];
    spyOn(mockDataService, 'getMockData').and.returnValue(of(mockData));

    // 执行组件或服务中的方法，验证返回的可观察对象是否为模拟数据
    // ...
  });
});