ACDL eventing with getState

acdl-test1.js

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

window.adobeDataLayer =  [];

adobeDataLayer.push(function (dl) {
    dl.addEventListener("test", function() {
        console.log(dl.getState());
    });
});

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

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

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

See how getState inside the event handler returns the state correctly, as it was at the moment of the event.