sandbox/oop/augment2.html

	augment2.html revision 3c803ac3b53ba983a143b03bf688bc67b1a9db2b
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>YUI 3.0</title>
<script type="text/javascript" src="/build3x/yui/yui-debug.js"></script>
</head>
<body>
<script type="text/javascript">
    var Y = YUI({
        base: '/build3x/'
    }).use('node', function(Y) {

    Y.on('yui:log', function(msg) {
        var d=document, b=d.body, n=d.createElement("div");
        if (b) {
            n.appendChild(d.createTextNode(msg));
            b.appendChild(n);
        }
    });

    function ClassOne() {
    }

    ClassOne.prototype = {
        methodA: function() {
            Y.log("ClassOne.methodA");
            this.methodB();
        },

        methodB: function() {
            Y.log("ClassOne.methodB");
        }
    };

    function ClassTwo() {

    }

    ClassTwo.prototype = {
        methodB: function() {
            Y.log("ClassTwo.methodB");
        },

        methodC: function() {
            this.methodB();
        }
    };

    Y.augment(ClassOne, ClassTwo);

    var c = new ClassOne();
    c.methodA();
    c.methodB();
    c.methodC();

    function BaseClass() {
    }

    BaseClass.prototype = {
        methodOne: function() {
            Y.log("BaseClass.methodOne");
        }
    };

    function Provider() {
    }

    Y.extend(Provider, BaseClass, {
        methodTwo: function() {
            Y.log("Provider.methodTwo");
        }
    });

    function Host() {
    }

    Host.prototype = {
        methodThree: function() {
            Y.log("Host.methodThree");
        }
    }

    Y.augment(Host, Provider/*, true */);

    var x = new Host();
    x.methodThree();
    x.methodTwo();
    x.methodOne();      // Fails

    Y.log('asdf');

});
</script>
</body>
</html>