Leaflet WMS

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.0-beta.2/leaflet-src.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.0-beta.2/leaflet.css">
<script src="//rawgit.com/heigeo/leaflet.wms/gh-pages/leaflet.wms.js"></script>
<body>
<div id="map" ></div>
</body>

CSS

html, body, #map {
        margin: 0;
        width: 100%;
        height: 100%;
}

JavaScript

var map = new L.Map('map');

var basemap = L.tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="http://cartodb.com/attributions">CartoDB</a>'
});

basemap.addTo(map);

var options = {
'transparent': true,
'layers': ['Road:test']
};

var source = L.WMS.source("http://road.infolan.org:8080/geoserver/ows?service=wms", options);
source.addTo(map);