TrebuhD/sc-navdrawer_test.html

## sc-navdrawer_test.html
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">

  <script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <script src="/bower_components/web-component-tester/browser.js"></script>
  <script src="/bower_components/test-fixture/test-fixture-mocha.js"></script>
  <script src="/bower_components/iron-ajax/iron-ajax.html"></script>

  <!--Import the element to test -->
  <link rel="import" href="/elements/sc-drawer-layout.html">

</head>

<body>

<test-fixture id="drawer-layout">
  <template>
    <iron-ajax url="/menu"></iron-ajax>
    <sc-drawer-layout></sc-drawer-layout>
  </template>
</test-fixture>

<script>
    suite('<iron-ajax>', () => {
        let request;
        let server;
        let responseHeaders = {
            json: { 'Content-Type': 'application/json' }
        };

        setup(() => {
            server = sinon.fakeServer.create();
            server.respondWith(
                'GET',
                /\/menu.*/, [
                    200,
                    responseHeaders.json,
                    '{"success":true}'
                ]
            );
        });

        teardown(() => server.restore());

        suite('<sc-drawer-layout>', () => {
            let basic;
            setup(() => {
                basic = fixture('drawer-layout');
            });

            test('Should display title', (done) => {
              server.respond();
                flush(() => {
                    let title = basic.shadowRoot.querySelector('.nav-home-title-text');
                    assert.equal(title.innerHTML, '&nbsp;Title');
                    done();
                });
            });
        });
    });
</script>

</body>
</html>
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">

	<script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
	<script src="/bower_components/web-component-tester/browser.js"></script>
	<script src="/bower_components/test-fixture/test-fixture-mocha.js"></script>
	<script src="/bower_components/iron-ajax/iron-ajax.html"></script>

	<!--Import the element to test -->
	<link rel="import" href="/elements/sc-drawer-layout.html">

	</head>

	<body>

	<test-fixture id="drawer-layout">
	<template>
	<iron-ajax url="/menu"></iron-ajax>
	<sc-drawer-layout></sc-drawer-layout>
	</template>
	</test-fixture>

	<script>
	suite('<iron-ajax>', () => {
	let request;
	let server;
	let responseHeaders = {
	json: { 'Content-Type': 'application/json' }
	};

	setup(() => {
	server = sinon.fakeServer.create();
	server.respondWith(
	'GET',
	/\/menu.*/, [
	200,
	responseHeaders.json,
	'{"success":true}'
	]
	);
	});

	teardown(() => server.restore());

	suite('<sc-drawer-layout>', () => {
	let basic;
	setup(() => {
	basic = fixture('drawer-layout');
	});

	test('Should display title', (done) => {
	server.respond();
	flush(() => {
	let title = basic.shadowRoot.querySelector('.nav-home-title-text');
	assert.equal(title.innerHTML, ' Title');
	done();
	});
	});
	});
	});
	</script>

	</body>
	</html>