使用cypress运行测试时出现错误';TypeError:无法设置属性';宽度';空..';测试失败了

使用cypress运行测试时出现错误';TypeError:无法设置属性';宽度';空..';测试失败了,cypress,Cypress,我正在用cypress运行测试,结果出现了一个错误 Cannot set property 'width' of null TypeError: Cannot set property 'width' of null at l 尝试使用“等待”,但得到相同的结果。我是cypress的新手,网页是由其他人开发的 describe('Check kaiinPageTransit', function() { context('Navigation', () => { beforeE

我正在用cypress运行测试,结果出现了一个错误

Cannot set property 'width' of null
TypeError: Cannot set property 'width' of null
at l
尝试使用“等待”,但得到相同的结果。我是cypress的新手,网页是由其他人开发的

describe('Check kaiinPageTransit', function() {

context('Navigation', () => {
    beforeEach(() => {
    cy.visit('https://student-staging.xxx/#/')
    cy.contains('ログイン').click()

            cy.get('.is-mail > input').type(‘abc@miail.com’) 
            cy.get('.is-key > input').type('123qwerty')
            cy.get('.el-button').click()
            cy.get('.bl-mystatus-profile-name').contains('ひっでさん', { timeout: 10000 } )
    })
    it('check kaiinPageTransit', () => {

        //学習状況
        cy.contains('会員').click()
        cy.contains('学習状況').click()
        cy.contains('最近よく学習している科目’)

        //ブックマーク
        cy.contains('会員').click()
        cy.contains('ブックマーク').click()
        cy.contains(‘まだブックマークありません’)

        //視聴履歴
        cy.contains('会員').click()
        cy.contains('視聴履歴').click()
        cy.contains(‘まだ視聴履歴ありません’)

    })

})

})

在您的cypress测试中,有几行您添加了错误的引号,例如,
cy.contains('まだ視聴履歴ありません’)
,您必须在cypress中使用单引号
'
。我看到cypress在使用以下符号
'
时面临问题。接下来,我假设您正在测试导航选项卡。那么我可以问您,为什么需要单击此选项卡
cy.contains>会員').重复单击()
?您仍在该页面上,因此无需额外单击即可访问另一个导航选项卡。我已删除了这些单击并按如下方式重构了测试,它在此处成功运行,请参阅下面的屏幕截图;单击此
ブックマーク导航选项卡,例如
cy.contains('ブックマーク').单击()視聴履歴'。我已经在这里更新了这些测试步骤

describe('Check kaiinPageTransit', function() {
  context('Navigation', () => {
      beforeEach(() => {
      cy.visit('https://student.try-it.jp/#/')
      cy.contains('ログイン').click()

              cy.get('.is-mail > input').type('chanya.deshani@gmail.com') 
              cy.get('.is-key > input').type('12345678')
              cy.get('.el-button').click()
              cy.get('.bl-mystatus-profile-name').contains('さん', { timeout: 10000 } )
      })
      it.only('check kaiinPageTransit', () => {

          //学習状況
         cy.contains('会員').click()
         cy.contains('学習状況').click()
         cy.contains('最近よく学習している科目')


          //ブックマーク        
         cy.contains('ブックマーク').click()
         cy.get('.bl-container>p').invoke('text')       
            .then((text) => {
              const txt = text;
              expect(txt).to.equal('まだブックマークがありません。');

            })

          //視聴履歴
          cy.contains('視聴履歴').click()
          cy.get('.bl-container>p').invoke('text')       
            .then((text) => {
              const txt = text;
              expect(txt).to.equal('まだ視聴履歴がありません。');

            })

      })

  })
  })

您可以添加您正在运行的cypress测试吗。@soccerway添加了测试。只需单击主页上的按钮,检查页面是否正确打开。您还可以从控制台添加错误的详细信息,从测试运行程序中添加失败步骤的屏幕截图,这将更有助于查看。还可以共享url如果可能的话。@soccerway我有没有办法通过私人渠道将这些信息发送给您?这是一个客户项目,我的经理不希望屏幕截图出现在互联网上。:(是否可以共享您正在测试的url?