refactor: make fixed prop true by default in CHeader and CFooter

Author: woothu

src/components/footer/CFooter.vue

@@ -1,6 +1,6 @@
 <template>
   <component :is="tag" :class="classList">
-    <slot>Footer</slot>
+    <slot></slot>
   </component>
 </template>
 
@@ -12,7 +12,10 @@ export default {
       type: String,
       default: 'footer'
     },
-    fixed: Boolean
+    fixed: {
+      type: Boolean,
+      default: true
+    }
   },
   computed: {
     classList () {

src/components/footer/tests/CFooter.spec.js

@@ -3,20 +3,13 @@ import Component from '../CFooter'
 
 const ComponentName = 'CFooter'
 const wrapper = mount(Component)
-// /* eslint-disable no-console */
-// console.log("something")
+
 
 describe(`${ComponentName} .vue`, () => {
   it('has a name', () => {
-    expect(Component.name).toMatch(ComponentName)
+    expect(Component.name).toBe(ComponentName)
   })
-  // Inspect the raw component options
-  // it('has isFixed method', () => {
-  //   expect(typeof Component.methods.isFixed).toBe('function')
-  // })
   it('renders correctly', () => {
     expect(wrapper.element).toMatchSnapshot()
-    expect(wrapper.element.textContent).toEqual('Footer')
-    // expect(wrapper.classes()).toContain('app-footer')
   })
-});
+})

src/components/footer/tests/__snapshots__/CFooter.spec.js.snap

@@ -2,8 +2,6 @@
 
 exports[`CFooter .vue renders correctly 1`] = `
 <footer
-  class="c-footer"
->
-  Footer
-</footer>
+  class="c-footer c-footer-fixed"
+/>
 `;

src/components/header/CHeader.vue

@@ -16,7 +16,10 @@ export default {
       type: String,
       default: 'light'
     },
-    fixed: Boolean,
+    fixed: {
+      type: Boolean,
+      default: true
+    },
     withSubheader: Boolean
   },
   computed: {

src/components/header/tests/__snapshots__/CHeader.spec.js.snap

@@ -2,6 +2,6 @@
 
 exports[`CHeader .vue renders correctly 1`] = `
 <header
-  class="c-header c-header-light"
+  class="c-header c-header-light c-header-fixed"
 />
 `;