Fix #3 Add User Group Test (#15)

* Fix #3 Add User Group Test

This adds a test to try and reproduce the issue #3.

Signed-off-by: David Brown <dmlb2000@gmail.com>

* Fix the right css selector

Signed-off-by: David Brown <dmlb2000@gmail.com>

Author: dmlb2000

tests/issue_3.test.js

@@ -0,0 +1,51 @@
+module.exports = {
+    'Create a User Group entry': function (browser) {
+        // Open up the browser to the website
+        browser.url('http://localhost:8080')
+        browser.pause(100)
+        // Wait for the open drawer icon to show up
+        browser.waitForElementPresent('button[id=header-open-drawer]')
+        // Open the drawer
+        browser.click('button[id=header-open-drawer]')
+        browser.pause(100)
+        // Wait for User Group to show up in the drawer
+        browser.waitForElementPresent('div[id=listitem-user-group]')
+        // Click on the User Group text
+        browser.click('div[id=listitem-user-group]')
+        browser.pause(100)
+        // Wait for the close drawer icon to show up
+        browser.waitForElementPresent('button[id=drawer-close-drawer]')
+        // Close the drawer
+        browser.click('button[id=drawer-close-drawer]')
+        browser.pause(100)
+        // Wait for the Create icon to show up
+        browser.waitForElementPresent('button[id=modal-button-create]')
+        // Click on the Create icon to show the window
+        browser.click('button[id=modal-button-create]')
+        browser.pause(100)
+        // Wait for the window to render the input User ID
+        browser.waitForElementPresent('input[id=modal-input-user]')
+        // Enter a valid User ID
+        browser.setValue('input[id=modal-input-user]', '10')
+        // Wait for the window to render the input Group ID
+        browser.waitForElementPresent('input[id=modal-input-group]')
+        // Enter a valid Group ID
+        browser.setValue('input[id=modal-input-group]', '1000')
+        // Save the User Group entry
+        browser.click('button[id=modal-button-save]')
+        browser.pause(200)
+        // Verify the User Group entry is in the table
+        browser.expect.element('div.rt-tr-group:nth-child(2)').text.to.contain('10')
+        browser.expect.element('div.rt-tr-group:nth-child(2)').text.to.contain('1000')
+        // Delete the entry we just put in
+        browser.click('button[id=modal-button-delete-row-1]')
+        browser.pause(100)
+        // Wait for the confirm window to show up
+        browser.waitForElementPresent('div[id=react-confirm-alert]')
+        // Confirm we are deleting the right element
+        browser.expect.element('#react-confirm-alert').text.to.contain('{"force":"True","user":10,"group":1000}')
+        // Click on the 'Yes' button
+        browser.click('div#react-confirm-alert button') // This should be the yes button
+        browser.end()
+    }
+}