diff --git a/js/x11/core/examples/xpm/test.js b/js/x11/core/examples/xpm/test.js
new file mode 100644
index 0000000..43352df
--- /dev/null
+++ b/js/x11/core/examples/xpm/test.js
@@ -0,0 +1,53 @@
+#!/usr/bin/env node
+
+var x11 = require('../../lib');
+var PixmapFromFile = require('./node-xpm.js');
+var Exposure = x11.eventMask.Exposure;
+
+x11.createClient(function(err, display)
+{
+  var X = display.client;
+  X.require('render', function(err, Render) {
+    var root = display.screen[0].root;
+    var pixmap = new PixmapFromFile();
+    pixmap.open("node-logo.xpm",function(err,logo){
+      if(err){
+        console.log(new Error().stack);
+        return console.error("pixmap open Error : ",err);
+      }
+      main(root, X, Render,logo);
+    });
+  });
+});
+
+function main(root, X, Render, logo) {
+
+  var win, picWin, pic, gc;
+
+  win = X.AllocID();
+  X.CreateWindow(
+     win, root,
+     0, 0, logo.width, logo.height,
+     0, 0, 0, 0,
+     { eventMask: Exposure }
+  );
+  X.MapWindow(win);
+
+  gc = X.AllocID();
+  X.CreateGC(gc, win);
+
+  var logoPixmap = X.AllocID();
+  X.CreatePixmap(logoPixmap, win, 24, logo.width, logo.height);
+  // TODO: add proper png pixel conversion here
+  X.PutImage(2, logoPixmap, gc, logo.width, logo.height, 0, 0, 0, 24, logo.data);
+
+  var logoPicture = X.AllocID();
+  Render.CreatePicture(logoPicture, logoPixmap, Render.rgb24);
+  var winPicture = X.AllocID();
+  Render.CreatePicture(winPicture, win, Render.rgb24);
+
+  X.on('event', function(ev) {
+    if (ev.name == 'Expose')
+      Render.Composite(3, logoPicture, 0, winPicture, 0, 0, 0, 0, 0, 0, logo.width, logo.height);
+  });
+}