From 4e080a6ffdd1293235b7647aa547eda9eb79052e Mon Sep 17 00:00:00 2001
From: Jennifer Driskell <jennifer@compose.io>
Date: Tue, 11 Sep 2018 12:01:06 -0500
Subject: [PATCH 1/2] Adding slider-disabled class to container.

---
 index.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/index.js b/index.js
index 5cc20dc..5a1b664 100644
--- a/index.js
+++ b/index.js
@@ -223,6 +223,9 @@ var Slider = {
       classes.push("with-label")
     else
       classes.push("without-label")
+    
+    if(slider.hasAttribute('disabled'))
+      classes.push('slider-disabled')
 
     containerHTML = '<div class="'+classes.join(' ')+'" id="slider'+data.id+'">'
       + containerHTML

From 4b236cb2f9a6e04aba6f5e26598d22ed93d3b974 Mon Sep 17 00:00:00 2001
From: Jennifer Driskell <jennifer@compose.io>
Date: Thu, 20 Sep 2018 14:15:24 -0500
Subject: [PATCH 2/2] Tests for disabled slider.

---
 test/server/sliders.html | 6 +++++-
 test/slider.test.js      | 7 +++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/test/server/sliders.html b/test/server/sliders.html
index 21cc33c..6966456 100644
--- a/test/server/sliders.html
+++ b/test/server/sliders.html
@@ -39,4 +39,8 @@
 
 <label id='slider-9'>
   <input type="range" max="4" data-label="a, b, c, d" data-label-a="1, 2, 3, 4" data-label-b="5, 6, 7, 8" data-before-label-a="a" data-after-label-a="a" data-before-label-b="b" data-after-label-b="b">
-</label>
\ No newline at end of file
+</label>
+
+<label id='slider-10'>
+  <input id="disk" type="range" min="0" value="3" max="5" disabled="disabled">
+</label>
diff --git a/test/slider.test.js b/test/slider.test.js
index bc10fc4..e090e59 100644
--- a/test/slider.test.js
+++ b/test/slider.test.js
@@ -153,4 +153,11 @@ describe('Slider', () => {
 
   })
 
+  it('adds disabled class to the container when slider is disabled', async () => {
+    // when the slider input contains the disabled attribute, 
+    // the container should have the 'slider-disabled' class
+    await u.findElement('#slider-10 [disabled="disabled"]')
+    await u.findElement(`.slider-container.slider-disabled`)
+  })
+
 })