在Jasmine

Question

我是React项目的新手，并且在运行测试套件时遇到了一些失败（'gulp spec-app'）。基本上，应用程序的一个组件是您添加新患者，然后有一些人口统计信息的下拉菜单。如果我手动测试他们的工作，我可以选择性别或种族并保存患者，但Jasmine测试失败。这是测试的代码：

describe('if adding a new patient, ie no patient loaded', () => {
    let patient;

    beforeEach(() => {
      patient = {mrn: "", surgeries: [], diagnoses: []};

      render(PatientPage, {patient, schema});
    });

    it('renders patient race as empty initially', () => {
      expect('.race-select .Select-
      placeholder').toContainText('Select');
    });

    it('renders race options', () => {
      click('.race-select .Select-arrow');
      expect('.race-select .Select-menu').toExist();
    });

    it('renders gender options', () => {
      click('.gender-select .Select-arrow');
      expect(`.gender-select .Select-
        option:contains(${currentGender})`).toExist();
      expect(`.gender-select .Select-
        option:contains(${newGender})`).toExist();
    });

第一个'它'通过，但其他两个没有。第一次失败测试的错误输出是： Expected .race-select .Select-menu to exist 而其他两个失败同样说： Expected .gender-select .Select-option:contains(M) to exist Expected .gender-select .Select-option:contains(F) to exist

第一次在这里发帖，所以如果我遗漏了一些其他背景线索，请告诉我。