xml3d.js/tests/texturemaps.js at master · Supporting/xml3d.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112

// Scene: texturemaps.xhtml
module("Texture Maps", {
    setup : function() {
        stop();
        var that = this;
        this.cb = function(e) {
            ok(true, "Scene loaded");
            that.doc = document.getElementById("xml3dframe").contentDocument;
            start();
        };
        loadDocument("scenes/texturemaps.xhtml"+window.location.search, this.cb);
    },
    teardown : function() {
        var v = document.getElementById("xml3dframe");
        v.removeEventListener("load", this.cb, true);
    }
});

test("Phong diffuse texture", 3, function() {
    var xTest = this.doc.getElementById("xml3dTest"), hTest = getHandler(xTest);
    var xRef = this.doc.getElementById("xml3dReference"), hRef = getHandler(xRef);

    this.doc.getElementById("diffuseTexture").visible = true;
    this.doc.getElementById("diffuseColor").visible = true;
    hTest.draw();
    hRef.draw();

    var docu = this.doc;
    testFunc = function(n) {
        XML3DUnit.loadSceneTestImages(docu, "xml3dReference", "xml3dTest", function(refImage, testImage){
            QUnit.imageEqual(refImage, testImage, "Diffuse texture matches");

            start();
        });
    };
    // TODO: Remove this disgusting hack once the 'loaded' events are in
    setTimeout(testFunc, 100);

    stop();

});

test("Phong specular texture", 3, function() {
    var xTest = this.doc.getElementById("xml3dTest"), hTest = getHandler(xTest);
    var xRef = this.doc.getElementById("xml3dReference"), hRef = getHandler(xRef);

    this.doc.getElementById("specularTexture").visible = true;
    this.doc.getElementById("specularColor").visible = true;
    hTest.draw();
    hRef.draw();

    var docu = this.doc;
    testFunc = function(n) {
        XML3DUnit.loadSceneTestImages(docu, "xml3dReference", "xml3dTest", function(refImage, testImage){
            QUnit.imageEqual(refImage, testImage, "Specular texture matches");

            start();
        });
    };

    setTimeout(testFunc, 100);
    stop();

});

test("Phong emissive texture", 3, function() {
    var xTest = this.doc.getElementById("xml3dTest"), hTest = getHandler(xTest);
    var xRef = this.doc.getElementById("xml3dReference"), hRef = getHandler(xRef);

    this.doc.getElementById("emissiveTexture").visible = true;
    this.doc.getElementById("emissiveColor").visible = true;
    hTest.draw();
    hRef.draw();

    var docu = this.doc;
    testFunc = function(n) {
        XML3DUnit.loadSceneTestImages(docu, "xml3dReference", "xml3dTest", function(refImage, testImage){
            QUnit.imageEqual(refImage, testImage, "Emissive texture matches");

            start();
        });
    };

    setTimeout(testFunc, 100);

    stop();

});

test("Diffuse emissive texture", 3, function() {
    var xTest = this.doc.getElementById("xml3dTest"), hTest = getHandler(xTest);
    var xRef = this.doc.getElementById("xml3dReference"), hRef = getHandler(xRef);

    this.doc.getElementById("diffuseEmissiveTexture").visible = true;
    this.doc.getElementById("diffuseEmissiveColor").visible = true;
    hTest.draw();
    hRef.draw();

    var docu = this.doc;
    testFunc = function(n) {
        XML3DUnit.loadSceneTestImages(docu, "xml3dReference", "xml3dTest", function(refImage, testImage){
            QUnit.imageEqual(refImage, testImage, "Emissive texture matches");

            start();
        });
    };

    setTimeout(testFunc, 100);
    stop();

});