Merge pull request #1889 from paulkaplan/integration-tests-for-how-tos

Add a simple smoke test for the how-to library

src/components/menu-bar/menu-bar.jsx

@@ -224,6 +224,7 @@ const MenuBar = props => (
         </div>
         <div className={styles.accountInfoWrapper}>
             <div
+                aria-label="How-to Library"
                 className={classNames(styles.menuBarItem, styles.hoverable)}
                 onClick={props.onOpenTipLibrary}
             >

test/integration/how-tos.test.js

+import path from 'path';
+import SeleniumHelper from '../helpers/selenium-helper';
+
+const {
+    clickText,
+    clickXpath,
+    getDriver,
+    getLogs,
+    loadUri
+} = new SeleniumHelper();
+
+const uri = path.resolve(__dirname, '../../build/index.html');
+
+let driver;
+
+describe('Working with the how-to library', () => {
+    beforeAll(() => {
+        driver = getDriver();
+    });
+
+    afterAll(async () => {
+        await driver.quit();
+    });
+
+    test('Choosing a how-to', async () => {
+        await loadUri(uri);
+        await clickXpath('//button[@title="tryit"]');
+        await clickText('Costumes');
+        await clickXpath('//*[@aria-label="How-to Library"]');
+        await clickText('Say hello'); // Modal should close
+        await clickText('Add a new sprite'); // Make sure first card appears
+        const logs = await getLogs();
+        await expect(logs).toEqual([]);
+    });
+
+    // @todo navigating cards, etc.
+});