Question

updated2

hey, 



 I moved the grid value in a new mthod carSource so the previous error I removed but right now I am getting another error,
    - is there any way I can spy on _dataSource or mock the value to pass the test cases.

     can you tell me how to fix it

**TypeError: Cannot read property 'length' of undefined**

更新代码

    public carSource():any{
      let car = $('#laptopMousesGrid').data('kendoGrid');
      return  grid.dataSource;
    }

  playing(evt, dropValue, values) {
      let todayDate = this.todayDate();
      //et car = $('#laptopMousesGrid').data('kendoGrid');
      //let _dataSource = car.dataSource;

          let _dataSource =this.carSource();

      let pageSize = _dataSource.pageSize();
      if(_dataSource) {

         console.log("playing--->");
      console.log("_dataSource--->" + JSON.stringify(_dataSource));
      console.log("_dataSource._data--->" + _dataSource._data);

        let carLength = _dataSource._data.length;
      }
      let filename;
      let mainValue = this.spaceService.getSeesionStorageValue();
      console.log("playing mainValue----> " + mainValue);
      if (mainValue) {
        this.userStem = mainValue.user_mainValue.SSO[0];
        this.loggedUserName = mainValue.user_mainValue.DisplayName[0];
      }
  }

输出日志：＆＃39;播放---＆gt;＆＃39; 记录：＆＃39; _dataSource ---＆gt; {＆＃34; _isScalar＆＃34;：true，＆＃34; value＆＃34;：[{＆＃34; carsId＆＃34;：＆＃34; 100＆＃ 34;，＆＃34; carsName＆＃34;：＆＃34; uuiiuui＆＃34;＆＃34; carsType＆＃34;：＆＃34; TITLE＆＃34;＆＃34; carsData＆＃34;：＆＃ 34; YWZjYXJlZ2Vyamh2dmFyZWdoYnZi＆＃34;＆＃34;笔记＆＃34;：＆＃34;＆＃34;＆＃34; notesId＆＃34;：＆＃34; 100＆＃34;＆＃34;鱼＆＃34 ;：＆＃34; 100＆＃34;＆＃34; URL＆＃34;：＆＃34; ioioioiooi＆＃34;＆＃34;日期＆＃34;：＆＃34; IOIOI＆＃34;＆＃34 ; addedByName＆＃34;：＆＃34;哈拉＆＃34;＆＃34;用户ID＆＃34;：＆＃34; 6765676565＆＃34;＆＃34; operationType＆＃34;：＆＃34;创建＆＃34; }，{＆＃34; carsId＆＃34;：＆＃34; 101＆＃34;＆＃34; carsName＆＃34;：＆＃34;为例.pdf＆＃34;＆＃34; carsType＆＃34 ;: ＆＃34; TITLE＆＃34;＆＃34; carsData＆＃34;：＆＃34;约翰＆＃34;＆＃34;笔记＆＃34;：＆＃34;＆＃34;＆＃34; notesId＆＃34;：＆＃34; 101＆＃34;＆＃34;鱼＆＃34;：＆＃34; 101＆＃34;＆＃34; URL＆＃34;：＆＃34; ioioioiooi＆＃34;，＆＃34;日期＆＃34;：＆＃34; IOIOI＆＃34;＆＃34; addedByName＆＃34;：＆＃34;哈拉＆＃34;＆＃34;用户ID＆＃34;：＆＃34; 6765676565＆＃ 34;，＆＃34; operationType＆＃34;：＆＃34;创建＆＃34;}，{＆＃34; carsId＆＃34;：＆＃34; 101＆＃34;＆＃34; carsName＆＃34 ;: ＆＃34; example.ppt＆＃34;＆＃34;车STYPE＆＃34;：＆＃34; TITLE＆＃34;＆＃34; carsData＆＃34;：＆＃34;约翰＆＃34;＆＃34;笔记＆＃34;：＆＃34;＆＃34 ;, ＆＃34; notesId＆＃34;：＆＃34; 101＆＃34;＆＃34;鱼＆＃34;：＆＃34; 101＆＃34;＆＃34; URL＆＃34;：＆＃34; ioioioiooi＆＃34;＆＃34;日期＆＃34;：＆＃34; IOIOI＆＃34;＆＃34; addedByName＆＃34;：＆＃34;哈拉＆＃34;＆＃34;用户ID＆＃34;：＆＃34; 6765676565＆＃34;＆＃34; operationType＆＃34;：＆＃34;创建＆＃34;}]，＆＃34;调度＆＃34;：空}＆＃39; 日志：＆＃39; _dataSource._data ---＆gt; undefined＆＃39; Chrome 61.0.3163（Windows 10 0.0.0）Jasmine单元测试：添加FAILED [0] TypeError：无法读取属性＆＃39;长度＆＃39;未定义的 Chrome 61.0.3163（Windows 10 0.0.0）：执行1的69（1失败）（跳过68）错误（0.56秒/ 0.422秒）

更新

嘿我做了进一步的研究，问题在于这句话让car = $（＆＃39;＃laptopMousesGrid＆＃39;）。数据（＆＃39; kendoGrid＆＃39;）; < / p>

当我尝试打印汽车时，我得到了未定义是否可以模拟汽车或spyon的值，以便我们可以设置一些值并通过测试用例...我做了一些研究，但不知道如何继续< / p>

我的应用程序运行正常，下面的代码行

let mainValue=this.spaceService.getSeesionStorageValue();

我能够在浏览器中看到mainValue的值，就像在我的测试用例中一样。在

下面提供mainValue结果

acr:{values: Array(1)}
amr:["ext"]
cid:"7823459-78237832387278-237823873278"
client_id:"7823459-78237832387278-237823873278"
email:"parrot.tiger.com"
scope:["openid"]
sub:"3623673267-278782378-23872872378-2378327832"
user_mainValue:{BusinessSegment:["Operations & Technical Services"], DisplayName:["pen"], Title: ["Developer"], SSO:["bndsbsbnsd"]}
zid:"6fc3c2b8-f6b4-4376-824f-9c93dfcc19a3"

我无法看到。

我的测试用例LOG中出现了一个未定义的错误：

'playing mainValue----> undefined'.

我是否需要为此值添加spyon？

我也对spyon感到困惑。

你能告诉我如何解决它吗？

[0] 23 09 2017 22:28:36.720:DEBUG [web-server]: serving (cached): C://app/components/laptops/jumping-l    LOG: '**playing mainValue----> undefined'**
[0] Chrome 60.0.3112 (Windows 10 0.0.0): Executed 17 of 34 (1 FAILED) (0 secs / 3.434 secs)
[0] 23 09 2017 22:28:36.824:DEBUG [middleware:source-files]: Requesting /app/components/laptops/swimming.html /
[0] 23 09 2017 22:28:36.824:DEBUG [middleware:source-files]: Fetching /app/components/laptops/swimming.html
[0] 23 09 2017 22:28:36.832:DEBUG [proxy]: proxying request - /app/components/laptops/swimming.html to localhost:9876
[0] 23 09 2017 22:28:36.832:DEBUG [middleware:source-files]: Requesting /base/app/components/shared/progress/progress-circle.html /
[0] 23 09 2017 22:28:36.832:DEBUG [middleware:source-files]: Fetching C://app/components/shared/progress/progress-circle.html
[0] 23 09 2017 22:28:36.832:DEBUG [middleware:source-files]: Requesting /app/components/laptops/jumping-left-slider.html /
[0] 23 09 2017 22:28:36.832:DEBUG [middleware:source-files]: Fetching /app/components/laptops/jumping-left-slider.html
[0] 23 09 2017 22:28:36.836:DEBUG [web-server]: serving (cached): C://app/components/shared/progress/progress-circle.html
    Chrome 60.0.3112 (Windows 10 0.0.0) Jasmine Unit Tests: parrot-Manage-Mouses Add Hiding Mouse FAILED
**[0]     TypeError: Cannot read property 'user_mainValue' of undefined**
[0] Chrome 60.0.3112 (Windows 10 0.0.0): Executed 18 of 34 (2 FAILED) (0 secs / 3.562 secs)

实际代码

playing(evt, dropValue, values) {
  let todayDate = this.todayDate();
  let car = $('#laptopMousesGrid').data('kendoGrid');
  let _dataSource = car.dataSource;
  let pageSize = _dataSource.pageSize();
  let carLength = _dataSource._data.length;
  let filename;
  let mainValue = this.spaceService.getSeesionStorageValue();
  console.log("playing mainValue----> " + mainValue);
  if (mainValue) {
    this.userStem = mainValue.user_mainValue.SSO[0];
    this.loggedUserName = mainValue.user_mainValue.DisplayName[0];
  }

测试用例

<!-- language-all: lang-or-tag-here -->

it('Add Hiding Mouse', (done) => {
  let callFirstTime: boolean = true;
  let url = spyOn(rainbow.HidingMouses.spaceService, 'getResponse').and.
  callFake(() => {
    if (callFirstTime) {
      callFirstTime = false; // Invoked by detectChanges() 
      return Observable.of([{
        "starsStem": "100",
        "starsName": "/assets/js/actualairings.json",
        "starsType": "TITLE",
        "starsData": "YWZjYXJlZ2Vyamh2dmFyZWdoYnZi",
        "jersey": "",
        "jerseyStem": "100",
        "DocRing": "100",
        "url": "/upload",
        "date": "06/27/2017",
        "addedByName": "Kamal",
        "userRing": "",
        "operationType": "create"
      }]);
    }
  });
  spyOn(rainbow.HidingMouses.carkendo, 'enableSaveMouse').and.returnValue(
    null);
  rainbow.HidingMouses.fileSelect = "text.txt";
  let values = {
    "url": "laptops/v1/stars/current",
    "columns": [],
    "title": "sky",
    "excelFileName": "ViewAiringsExport",
    "mainStem": current
  };

  rainbow.HidingMouses.playing('', '', values);
  fixture.whenStable().then(() => {
    done();
    expect(rainbow.HidingMouses._dataSource._data.length).toEqual(3);
  });
});

Answer 1

我假设this.spaceService.getSeesionStorageValue();实际上正在从浏览器会话存储中读取内容，这些内容在测试时尚未添加到测试浏览器的sessionStorage中。无论哪种方式，您都应该将该服务模拟为对单元测试的外部依赖。茉莉花间谍会起作用。

将spaceService注入您的测试，如此

var spaceService;
beforeEach(inject(function(_spaceService_){
spaceService = _spaceService_
));

现在模拟服务上的方法

spyOn(spaceService, 'getSeesionStorageValue');
spaceService.getSeesionStorageValue.andReturn('here is the main value');

现在你应该得到一个说'playing mainValue----> here is the main value'

的日志

Answer 2

你看到错字吗？您使用两个e而不是两个s编写了会话。

let mainValue = this.spaceService.getSeesionStorageValue()

我知道这是愚蠢的，但如果在那里收到错误，mainValue将会undefined。

Answer 3

它看起来不像_dataSource._data是从_dataSource的输出定义的。希望有所帮助！

TypeError：无法读取属性＆＃39; user_mainValue＆＃39;未定义的

3 个答案: