Question

到目前为止我读过的大多数问题只涉及在运行Protractor / vscode时尝试调试单元测试/ e2e测试（或者更确切地说如何使断点在vscode中工作）

在我的情况下，我能够在我的e2e测试中放置断点，而vscode对它们没有任何问题，但问题是，一旦我在 it()函数中，我不知道如何访问/检查我的组件

我知道e2e测试不是关于组件，但在这种情况下，我能够找到一个只有e2e测试才能捕获的讨厌的bug，我真的需要检查组件变量以查看发生了什么

    it('should do something with ProductComponent', () =>
{
    // Code...
        
    // Once I'm here, how can I inspect ProductComponent anyway??
}

其中，例如，ProductComponent看起来像这样：

@Component({
    selector   : 'app-product',
    templateUrl: './product.component.html',
    styleUrls  : ['./product.component.css']
})
export class ProductComponent
{
    productId: number;
    productSKU: number;
    
    // ...
}

Answer 1

尝试browser.pause()或browser.explore()方法。我认为explore更符合您的需求。

http://www.protractortest.org/#/api?view=ProtractorBrowser.prototype.pause http://www.protractortest.org/#/api?view=ProtractorBrowser.prototype.explore

import {browser} from 'protractor';

describe('suite', () => {
    it('test',() => {
        browser.pause();
        browser.explore();
    });
});

如何在运行Protractor时调试组件/打字稿代码

1 个答案: