Question

我正在使用Bryntum Siesta进行UI测试ExtJS应用程序。我创建了一个TestClass，旨在将其方法用于不同的视图。测试的整个操作是相同的，只有一些特定的事情正在发生变化，例如package，view，grid名称。以下是Test Suite的一些代码：

主要测试类

var isDisplaying =  'Grid is displaying now.';
var collapseDesc = 'Collapse Navbar';

Class('Siesta.Test.ListScreen', {

    isa     : Siesta.Test.ExtJS,

    methods: {
        navigation: function (callback) {
            var t = this;

            t.chain(
                {waitForCQ: 'treelist[itemId=navigationTreeList]'},

                function (next) {
                    t.click('treelist[itemId=navigationTreeList]');
                    next();

                },
                {click: '>> treelistitem[_text=Package_Name]'},
                {click: '>> treelistitem[_text=Package_Submodule]', desc: 'Package Submodule'+isDisplaying},
                {click: '#main-navigation-btn => .fa-navicon', desc: collapseDesc},

                function (next) {
                    console.log('navigation func log');
                    next();
                },

                callback
           )
       }
   }
});

此testClass从Package_Submodule致电并获得成功：

describe('UI Testing: Submodule List Screen', function (t) {

    //Extended method for navigation to submodule
    t.it('Should open: Submodule Grid', function (t) {
        t.chain(
            {
                navigation: t.next
            }
        )
    });
});

这里的事情是我想为另一个子模块调用相同的TestClass方法，并覆盖一些内容，例如Package_Name和Package_Submodule。我怎样才能成功呢？

提前致谢

通过JackSamura的回答

更新：

亲爱的@SamuraiJack我重构了主类（ListScreen）并插入了has属性。同样修改了harness config属性，但不幸的是它没有覆盖myPackageName或mySubModule。而不是我得到这个错误：

Waiting for element ">> treelistitem[_text=packageName]" to appear

我也试过使用函数参数，但它也没有用。您能否想一想为什么我无法覆盖新值？

主类（已更新）：

   var isDisplaying =  'Grid is displaying now.';
   var collapseDesc = 'Collapse Navbar';

    Class('Siesta.Test.ListScreen', {

        isa     : Siesta.Test.ExtJS,

        has : {
          myPackageName : 'packageName',
          mySubModule   : 'subModule'
        },

        methods: {
            navigation: function (callback) {
                var t = this;

                t.chain(
                    {waitForCQ: 'treelist[itemId=navigationTreeList]'},

                    function (next) {
                        t.click('treelist[itemId=navigationTreeList]');
                        next();

                    },
                    {click: '>> treelistitem[_text='+this.myPackageName+']'},
                    {click: '>> treelistitem[_text='+this.mySubModule+']', desc: this.mySubModule+isDisplaying},
                    {click: '#main-navigation-btn => .fa-navicon', desc: collapseDesc},

                    function (next) {
                        console.log('navigation func log');
                        next();
                    },

                    callback
               )
           }
       }
    });

index.js ：

group: 'UI Tests',
    items: [
        {
            group: 'Submodule List Screen',
            testClass: Siesta.Test.ListScreen,
            items: [
                {
                    title           : 'Submodule1',
                    hostPageUrl     : localApp,
                    url             : '02-ui-tests/02_01-submodule-list-screen/submodule1-list.t.js',
                    config      : {
                        myPackageName     : 'Package1',
                        mySubModule       : 'Submodule1'
                    }
                },

Answer 1

您可以通过两种方式实现：

1）为“导航”方法添加参数：

// callback should be the last one
navigation: function (packageName, packageSubModule, callback) {

可能不言自明

2）稍微复杂一点 - 在自定义测试类中添加新属性：

Class('Siesta.Test.ListScreen', {

    isa     : Siesta.Test.ExtJS,

    has : {
        // values goes into prototype, like in Ext
        myPackageName : 'packageName',
        mySubModule   : 'subModule'
    },

    methods: {

然后您可以像往常一样在“导航”方法中引用这些属性：this.myPackageName

然后，要覆盖，您可以创建一个新的测试类（子类化Siesta.Test.ListScreen）并重新定义其中的属性，或者使用测试描述符的config属性：

harness.start(
    {
        url         : 'mytest.t.js',
        config      : {
            myPackageName     : 'value1',
            mySubModule       : 'value2'
        }
    },
    ...
)

提示：为了更快地得到答案 - 将其发布到Siesta论坛：https://www.bryntum.com/forum/viewforum.php?f=20

更新：

您获得的错误可能是因为“导航”方法是从子测试启动的（每个“t.it（）”或“t.describe（）”部分创建一个单独的“子测试”）。这些子测试不会应用配置 - 它仅适用于顶级测试。一种解决方案是复制属性值：

    // in the "methods" of the custom test class
    processSubTestConfig : function (config) {
        var cfg = this.SUPER(config)

        cfg.myPackage = this.myPackage
        ...

        return cfg
    },

但这已经是Siesta内部编码的先进。可能只是使用函数参数会更简单..

如何用Siesta覆盖testClass方法？

1 个答案: