ACDL eventing, manually tracking the variables

acdl-test5.js

// In a browswer window with URL about:blank
// Open the JS console and paste this code

window.adobeDataLayer =  [];

adobeDataLayer.push({
    event: "test",
    x: 1
});
adobeDataLayer.push({
    event: "test",
    y: "a"
});
adobeDataLayer.push({
    event: "test",
    x: 2
});
adobeDataLayer.push({
    event: "test",
    y: "b"
});

adobeDataLayer.push(function (dl) {
    var state = {};
    dl.addEventListener("test", function(e) {
        state = Object.assign(state, e);
        console.log(state);
    });
});

var scriptElement = document.createElement('script');
scriptElement.src = "https://unpkg.com/@adobe/[email protected]/dist/adobe-client-data-layer.js";
document.body.append(scriptElement);

// Console output will be:
// {event: "test", x: 1}
// {event: "test", x: 1, y: "a"}
// {event: "test", x: 2, y: "a"}
// {event: "test", x: 2, y: "b"}

If you have some push that set x and others that set y and you want to consolidate the state between those two, then those push must share the same "test" event that you can listen to. This will allow to get everything in order, and to track in your own state variable what happened.