javascript - 如何用 Siesta 覆盖 testClass 方法？

Question

我正在使用 Bryntum Siesta 对 ExtJS 应用程序进行 UI 测试。我创建了一个 TestClass 并旨在将其方法用于不同的 View 。测试的整个操作是相同的，只有一些特定的事情发生了变化，例如 package、view、grid 名称。以下是测试套件的一些片段:

主要测试类

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 属性。还使用 config 属性修改了 harness，但不幸的是它没有覆盖 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)并重新定义其中的属性，或者使用测试的配置属性描述符:

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 内部编码。可能只使用函数参数会更简单..