FlexUnit 组件测试模式：使用addAsync还是手动初始化？

Question

我们在工作中使用 Flex 已经有大约 6 个月了，我发现我的第一批涉及自定义组件的 FlexUnit 测试往往遵循这种模式：

import mx.core.Application;
import mx.events.FlexEvent;
import flexunit.framework.TestCase;

public class CustomComponentTest extends TestCase {
    private var component:CustomComponent;

    public function testSomeAspect() : void {
        component = new CustomComponent();
        // set some properties...

        component.addEventListener(FlexEvent.CREATION_COMPLETE, 
            addAsync(verifySomeAspect, 5000));

        component.height = 0;
        component.width = 0;
        Application.application.addChild(component);
    }

    public function verifySomeAspect(event:FlexEvent) : void {
        // Assert some things about component...
    }

    override public function tearDown() : void {
        try {
            if (component) {
                Application.application.removeChild(component);
                component = null;
            }
        } catch (e:Error) {
            // ok to ignore
        }
    }

基本上，您需要确保组件已完全初始化，然后才能可靠地验证有关该组件的任何内容，而在 Flex 中，这在将其添加到显示列表后会异步发生。因此，您需要设置一个回调（使用 FlexUnit 的 addAsync 函数）以便在发生这种情况时收到通知。

最近我只是手动调用运行时在必要的地方为您调用的方法，所以现在我的测试看起来更像是这样：

    import flexunit.framework.TestCase;

    public class CustomComponentTest extends TestCase {

        public function testSomeAspect() : void {
            var component:CustomComponent = new CustomComponent();
            component.initialize();
            // set some properties...
            component.validateProperties();

            // Assert some things about component...
        }

这更容易理解，但无论哪种方式都感觉我有点作弊。第一种情况是将其放入当前应用程序（这将是单元测试运行器外壳应用程序），而后者不是“真实”环境。

我想知道其他人会如何处理这种情况？

Answer 1

我认为使用异步版本没有任何问题。我同意第二个版本更短，但我不确定我认为它更容易理解。该测试会执行许多您通常不会执行的操作，而第一个示例更真实地说明您将如何在测试环境之外使用该组件。

另外，在第二种形式中，您必须确保您完全按照框架执行的操作，错过一个步骤，您的测试就不相关，并且每个测试都必须重复此代码。在我看来，最好在尽可能接近真实情况的情况下进行测试。

你可以看看 dpUint的 序列, ，他们使组件测试更具声明性：

public function testLogin():void {
    var passThroughData:Object = new Object();

    passThroughData.username = "myuser1";
    passThroughData.password = "somepsswd";

    var sequence:SequenceRunner = new SequenceRunner(this);

    sequence.addStep(new SequenceSetter(form.usernameTI, {text:passThroughData.username}));
    sequence.addStep(new SequenceWaiter(form.usernameTI, FlexEvent.VALUE_COMMIT, 100));

    sequence.addStep(new SequenceSetter(form.passwordTI, {text:passThroughData.password}));
    sequence.addStep(new SequenceWaiter(form.passwordTI, FlexEvent.VALUE_COMMIT, 100));

    sequence.addStep(new SequenceEventDispatcher(form.loginBtn, new MouseEvent("click", true, false)));
    sequence.addStep(new SequenceWaiter(form, "loginRequested", 100));

    sequence.addAssertHandler(handleLoginEvent, passThroughData);

    sequence.run();
}

（示例来自 dpUint 维基百科， 请参阅此处了解更多信息).