xml3d.js/tests/id-changes.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
module("ID Changes", {
    setup : function() {
        stop();
        var that = this;
        this.cb = function(e) {
            ok(true, "Scene loaded");
            that.doc = document.getElementById("xml3dframe").contentDocument;
            start();
        };
        loadDocument("scenes/id-changes.xhtml"+window.location.search, this.cb);
    },
    teardown : function() {
        var v = document.getElementById("xml3dframe");
        v.removeEventListener("load", this.cb, true);
    }
});

test("Shader ID changes", function() {
    var xTest = this.doc.getElementById("xml3dTest"),
        glTest = getContextForXml3DElement(xTest), hTest = getHandler(xTest);
    var self = this;

    hTest.draw();

    var upperLeft = XML3DUnit.getPixelValue(glTest, 64, 200);
    var upperRight = XML3DUnit.getPixelValue(glTest, 164, 200);
    var lowerLeft = XML3DUnit.getPixelValue(glTest, 64, 128);
    var lowerRight = XML3DUnit.getPixelValue(glTest, 164, 128);

    deepEqual(upperLeft, [0,0,0,255] , "Upper left rectangle is black");
    deepEqual(upperRight, [255,0,0,255] , "Upper right rectangle is red");
    deepEqual(lowerLeft, [0,0,255,255] , "Lower left rectangle is blue");
    deepEqual(lowerRight, [255,0,0,255] , "Lower right rectangle is red");

    // ---------------------------------------------------------------------

    // change id of #green shader to #green42
    this.doc.getElementById("green").id = "green42";
    hTest.draw();
    ok(true, "Changed id of green shader");

    upperRight = XML3DUnit.getPixelValue(glTest, 164, 200);
    deepEqual(upperRight, [0,255,0,255] , "Upper right rectangle is green");

    // ---------------------------------------------------------------------

    // change id of #black shader to #black23
    this.doc.getElementById("black").id = "black23";
    hTest.draw();
    ok(true, "Changed id of black shader");

    upperLeft = XML3DUnit.getPixelValue(glTest, 64, 200);
    deepEqual(upperLeft, [255,0,0,255] , "Upper left rectangle is red");

    // ---------------------------------------------------------------------

    var newShader = this.doc.createElementNS(XML3D.xml3dNS,"shader");
    var color = this.doc.createElementNS(XML3D.xml3dNS, "float3");
    color.name = "diffuseColor";
    color.textContent = "1 0 1";
    newShader.appendChild(color);
    newShader.id = "notThere";
    newShader.script = "urn:xml3d:shader:flat";
    this.doc.getElementsByTagName("defs")[0].appendChild(newShader);
    hTest.draw();
    ok(true, "Add a new shader of id #notThere");

    lowerRight = XML3DUnit.getPixelValue(glTest, 164, 128);
    deepEqual(lowerRight, [255,0,255,255] , "Lower right rectangle is pink");


});