Switch from #panel-group to .panel-group.

tropy · May 5, 2017 · b440140 · b440140
1 parent c3b003b
commit b440140
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/panel.js b/src/components/panel.js
@@ -369,7 +369,7 @@ class PanelGroup extends PureComponent {
 
   render() {
     return (
-      <div id="panel-group">
+      <div className="panel-group">
         <header className="panel-group-header">
           {this.props.header}
         </header>

diff --git a/src/stylesheets/components/_panel-group.scss b/src/stylesheets/components/_panel-group.scss
@@ -2,7 +2,7 @@
 // Panels
 // --------------------------------------------------
 
-#panel-group {
+.panel-group {
   display: flex;
   flex-direction: column;
   height: 100%;

diff --git a/test/components/panel_test.js b/test/components/panel_test.js
@@ -6,7 +6,7 @@ const { shallow } = require('enzyme')
 describe('PanelGroup', () => {
   const { PanelGroup } = __require('components/panel')
 
-  it('has id panel-group', () => {
-    expect(shallow(<PanelGroup slots={[]}/>)).to.have.id('panel-group')
+  it('has class panel-group', () => {
+    expect(shallow(<PanelGroup slots={[]}/>)).to.have.className('panel-group')
   })
 })