Actions

Testing/Manual testing/Dashboard: Difference between revisions

From Mahara Wiki

< Testing
No edit summary
 
(47 intermediate revisions by the same user not shown)
Line 12: Line 12:
{| style="float:right; margin-left: 10px;"
{| style="float:right; margin-left: 10px;"
|----
|----
|[[File:Login_Block_05_04_18_09-25-11.png|thumb|Login Block Ocean theme]]
|[[File:Login_Block_05_04_18_09-25-11.png|thumb|200px|Login Block Ocean theme]]
|[[File:ModerLogin 05 04 18 15-19-33.png|thumb|200px|Login Block Modern theme]]
|[[File:PrimarySchoolLogin_05_04_18_15-16-36.png|thumb|200px|Login Block Primary school theme]]
|[[File:RawLogin_05_04_18_15-20-47.png|thumb|200px|Login Block Raw theme]]
|----
|----
|}
|}


#'''Visual check'''
#'''Visual check'''
## Login page uses correct colour "Raw" <span style="color:red">TODO: We need to find a way to toggle this easily </span>
## Login page uses correct colour "Raw"  
## header elements displayed  
## header elements displayed  
### Mahara logo displayed -top left of page
### Mahara logo displayed -top left of page
Line 34: Line 37:
#'''"Registration"''' link is displayed and functioning
#'''"Registration"''' link is displayed and functioning
#'''"Lost username / password"''' link is displayed and functioning
#'''"Lost username / password"''' link is displayed and functioning
<span>'''Note:'''  Use the Mahara Style guide found here for more details [your regular Mahara URL]/theme/styleguide.php</span>
</div>
</div>
</div>
</div>
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
====Test script scenarios====
====Manual Test script scenarios====
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">


<div class="toccolours mw-collapsible mw-collapsed">
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Scenario:''' User should see correct page styling
:::'''Manual Test Scenario:''' User should see correct page styling
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
::::'''Given''' user is logged in <br />
 
::::'''When''' is on the "Mahara homepage"<br />
{| style="float:right; margin-left: 10px;"
::::'''Then''' user should see "Raw" theme colours <br />
|----
|[[File:Ocean theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Ocean theme]]
|[[File:Modern theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Modern theme]]
|[[File:Primary school theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Primary school theme]]
|[[File:Raw theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Raw theme]]
|----
|}
::::'''Given''' user is logged in  
::::'''When''' is on the "Mahara homepage"
::::'''Then''' user should see "Raw" theme colours - <span style="color:red">Compare the page with the screenshots for correct theme colours</span>
 
 
 
 
 
 
 
 
</div>
</div>
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed">
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Scenario:''' User invalid login
:::'''Manual Test Scenario:''' User can see help icon in the login block
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
::::'''Given''' user is not logged in <br />
::::'''Given''' user is not logged in  
::::'''And''' is on the Mahara homepage<br />
::::'''And''' the SIte theme is set to "Modern Theme"
::::'''When''' user enters valid username <br />
::::'''When''' user is on the login page
::::'''And''' user enters invalid password <br />
::::'''Then''' user should see a help icon displayed in top right corner of login block
::::'''Then''' user should see "You have not provided the correct credentials to log in. Please check your username and password are correct." error message<br />
::::'''And''' user should see "There was an error with submitting this form. Please check the marked fields and try again."<br />
::::'''And''' user will not be logged in
</div>
</div>
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed">
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Scenario:''' "Registration" links to "Registration" page
:::'''Manual Test Scenario:''' "Registration" links to "Registration" page
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
::::'''Existing Behat automated test''' - /test/behat/features/settings/register_configuration.feature
 
 
 
{| style="float:right; margin-left: 10px;"
|----
|[[File:Ocean theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Ocean theme]]
|[[File:Modern theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Modern theme]]
|[[File:Primary school theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Primary school theme]]
|[[File:Raw theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Raw theme]]
|----
|}
 
::::'''Given''' I am on homepage
::::'''When''' I follow "Register"
::::''' And I fill in the following:
::::::: | First name | Lightening |
::::::: | Last name | McQueen |
::::::: | Email address | [email protected] |
::::::: | Registration reason | I will absolutely make this institution more amazing!! |
::::'''And''' I press "Send request"
::::'''Then''' I should see "You should receive an email shortly with a link that you can use to change the password for your account."
::::'''And''' email is recieved <span style="color:red">- this requires a manual inspection of email address to ensure email was sent and is correct</span>
 
</div>
</div>
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed">
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Scenario:''' "Lost username / password" links to "Forgotten your username or password?" page
:::'''Manual Test Scenario:''' User clicks "Lost username / password" to receive an email to log into site
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
::::'''Given''' user is not logged in <br />
::::'''And''' is on the "Mahara homepage" <br />
::::'''When''' user clicks the "Lost username / password" link <br />
::::'''Then''' user should be on the "Forgotten your username or password?" page
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed">
{| style="float:right; margin-left: 10px;"
:::'''Scenario:''' User valid login
|----
<div class="mw-collapsible-content">
|[[File:ResetLoginEmail_06_04_18_05-59-52.png|thumb|200px|Reset Email Instructions]]
::::'''Given''' user is not logged in <br />
|----
::::'''And''' is on the "Mahara homepage"<br />
|}
::::'''When''' user enters valid username <br />
::::'''And''' user enters valid password <br />
::::'''Then''' user should be on the "Dashboard" page <br />
::::'''And''' user will be logged in</div>
</div>
</div>
</div>


== Mahara 18.04 user manual section 3.2 Login with strict privacy==
::::'''Given''' I am on homepage
::::'''When''' I follow "Lost username / password"
::::'''And''' I fill in "Email address or username" with "UserA"
::::'''And''' I press "Send request"
::::'''Then''' I should see "You should receive an email shortly with a link that you can use to change the password for your account."
::::'''And''' email is recieved <span style="color:red">- this requires a manual inspection of email address to ensure email was sent and is correct</span>


<div style="margin-left: 10em;">
'''NOTE: Existing Behat automated test''' - /test/behat/features/settings/logginattempts.feature - Scenario: Asking for a username reminder (Bug 1460911)
<div class="toccolours mw-collapsible mw-collapsed" style="background:#daecd6">
====Things to test for Manually====
<span style="color:red">TODO: </span>
<div class="mw-collapsible-content">
</div>
</div>
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
 
====Test script scenarios====
<span style="color:red">TODO: </span>
<div class="mw-collapsible-content">
This is where Automated test scenarios go
</div>
</div>
</div>
</div>
</div>
Line 116: Line 142:
====Things to test for Manually====
====Things to test for Manually====
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
====Things to test for Manually====


{| style="float:right; margin-left: 10px;"
{| style="float:right; margin-left: 10px;"
|----
|----
|[[File:Raw_theme_-_Dashboard_-_Mahara_-_04_-_04_-_2018.png|thumb|Raw Theme]]
|[[File:Ocean theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Ocean theme]]
|[[File:Primary_school_theme_-_Dashboard_-_Mahara_-_04_-_04_-_2018.png|thumb|Primary School Theme]]
|[[File:Modern theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Modern theme]]
|-
|[[File:Primary school theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Primary school theme]]
|[[File:Ocean_theme_-_Dashboard_-_Mahara_-_04_-_04_-_2018.png|thumb|Ocean Theme]]
|[[File:Raw theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Raw theme]]
|[[File:Modern_theme_-_Dashboard_-_Mahara_-_04_-_04_-_2018.png|thumb|Modern Theme]]
|----
|----
|}
|}


#'''Visual check'''
#'''Visual check'''
Line 152: Line 175:


<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
====Test script scenarios====
====Manual Test script scenarios====
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">


<div class="toccolours mw-collapsible mw-collapsed">
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Scenario:''' User should see correct page styling
:::'''Manual Test Scenario:''' User should see correct page styling
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
{| style="float:right; margin-left: 10px;"
|----
|[[File:Ocean theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Ocean theme]]
|[[File:Modern theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Modern theme]]
|[[File:Primary school theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Primary school theme]]
|[[File:Raw theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Raw theme]]
|----
|}
::::'''Given''' user is logged in <br />
::::'''Given''' user is logged in <br />
::::'''Then''' user should be on "Dashboard" page<br />
::::'''Then''' user should be on "Dashboard" page<br />
::::'''And''' user should see "Raw" theme colours <br />Raw_theme_-_Dashboard_-_Mahara_-_04_-_04_-_2018.png
::::'''And''' user should see "Raw" theme colours <br />
::::: Raw_theme_-_Dashboard_-_Mahara_-_04_-_04_-_2018.png <span style="color:red">Compare the page with the screenshots above for correct theme colours</span>
::::'''Then''' automation script take screenshot
::::'''Then''' automation script take screenshot
::::'''And''' save the file in "Local folder"
::::'''And''' save the file in "Local folder"
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed">
:::'''Scenario:''' User click "More" link to see more messages
<div class="mw-collapsible-content">
:::'''Bagkground:'''


<span style="color:red">TODO: Create step definition to populate DB with 60 messages</span>


::::'''Given''' the following "60""Messages" exist:
::::::| |  |
::::'''Given''' user is logged in <br />
::::'''When''' user is on the "Dashboard"<br />
::::'''Then''' user should see "Inbox" block <br />
::::'''When''' I follow "More" <br />
::::'''And''' I select 10 from Results per page:
::::'''Then''' I should be on "Notifications" page <br />
::::'''And''' I should see 10 messages displayed </br>
::::'''And''' I should see pagination
</div>
</div>
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Scenario:''' User changes Page layout from 2 column to 3 column layout
<div class="mw-collapsible-content">
::::'''Given''' Some preconditions <br />
::::'''When''' user performs some action <br />
::::'''Then''' Something should happen
</div>
</div>
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Scenario:''' User changes the page skin from default "Raw" pre-made site skin
<div class="mw-collapsible-content">
::::'''Given''' Some preconditions <br />
::::'''When''' user performs some action <br />
::::'''Then''' Something should happen <br />
</div>
</div>
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Scenario:''' User adds block to page, edits new block and deletes block from page
<div class="mw-collapsible-content">
::::'''Given''' Some preconditions <br />
::::'''When''' user performs some action <br />
::::'''Then''' Something should happen <br />
</div>
</div>
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed">
:::'''Scenario:''' User wants to do something
<div class="mw-collapsible-content">
::::'''Given''' Some preconditions <br />
::::'''When''' user performs some action <br />
::::'''Then''' Something should happen <br /></div>
</div>
</div>
</div>
</div>
</div>
Line 230: Line 213:
   <div class="mw-collapsible-content">
   <div class="mw-collapsible-content">


<gallery>
{| style="float:right; margin-left: 10px;"
File:User_Menu_04_04_18_09-25-22.png|thumb|User menu
|----
File:Admin_menu_04_04_18_09-26-21.png|thumb|Admin menu
|[[File:User_Menu_04_04_18_09-25-22.png|thumb|200px|Login Block Ocean theme]]
File:Main_menu_04_04_18_09-27-44.png|thumb|Main menu
|[[File:Admin_menu_04_04_18_09-26-21.png|thumb|200px|Login Block Modern theme]]
</gallery>
|[[File:Main_menu_04_04_18_09-27-44.png|thumb|200px|Login Block Primary school theme]]
|----
|}


# '''Visual check''' main navigation
# '''Visual check''' main navigation
## '''Profile image''' - silhouette by default and is apart of the user menu
## '''Profile image''' - silhouette by default and is apart of the user menu
## '''User menu''' - The user menu is visible to all users. It allows you to acces your account settings, inbox, and profile easily.
## '''User menu''' - The user menu is visible to all users. It allows you to acces your account settings, inbox, and profile easily.
### '''<name> User'''
### '''Settings'''
###* '''Settings'''
###* '''Legal'''
###* '''Notifications'''
### '''Messages counter'''
### '''Logout'''
## '''Administration menu''' - if you have access to administration functionality, you see a second menu, the administration menu.
## '''Administration menu''' - if you have access to administration functionality, you see a second menu, the administration menu.
### '''Admin home'''
###* '''Overview'''
###* '''Register'''
### '''Configure site'''
###* '''Site options'''
###* '''Static pages'''
###* '''Legal'''
###* '''Menus'''
###* '''Networking'''
###* '''Licenses'''
###* '''Pages and collections'''
###* '''Journals'''
###* '''Share'''
###* '''Skins'''
###* '''Fonts'''
###* '''Files'''
###* '''Cookie Consent'''
### '''Users'''
###*'''Suspended and expired users'''
###*'''Site staff'''
###*'''Site administrators'''
###*'''Export queue'''
###*'''Add user'''
###*'''Add users by CSV'''
### '''Groups'''
###*'''Administer groups'''
###*'''Group categories'''
###*'''Archived submissions'''
###*'''Add groups by CSV'''
###*'''Update group members by CSV'''
### '''Institution'''s
###*'''Settings'''
###*'''Static pages'''
###*'''Legal'''
###*'''Members'''
###*'''Staff'''
###*'''Administrators'''
###*'''Admin notifications'''
###*'''Profile completion'''
###*'''Pages and collections'''
###*'''Journals'''
###*'''Share'''
###*'''Files'''
###*'''Pending registrations'''
###*'''Pending deletions'''
### '''Reports'''
### '''Extensions'''
###*'''Plugin administration'''
###*'''HTML filters'''
###*'''Allowed iframe sources'''
###*'''Clean URLs'''
###*'''SmartEvidence'''
### '''Web services'''
###*'''Configuration'''
###*'''Application connections'''
###*'''Connection manager'''
###*'''External apps'''
###*'''Logs'''
###*'''Test client'''
## '''Main menu''' - is visible to all users and allows everyone to navigate to their content, portfolios, and groups.
## '''Main menu''' - is visible to all users and allows everyone to navigate to their content, portfolios, and groups.
  </div>
###'''Dashboard'''
###'''content'''
###*'''Profile'''
###*'''Profile pictures'''
###*'''Files'''
###*'''Journals'''
###*'''Résumé'''
###*'''Notes'''
###*'''Plans'''
###'''Portfolio'''
###*'''Pages and collections'''
###*'''Shared by me'''
###*'''Shared with me'''
###*'''Skins'''
###*'''Export'''
###*'''Import'''
###'''Groups'''
###*'''My groups'''
###*'''Find groups'''
###*'''My friends'''
###*'''Find people'''
###*'''Institution membership'''
###*'''Topics'''
 
</div>
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
====Test script scenarios====
====Test script scenarios====
<span style="color:red">TODO: </span>
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
This is where Automated test scenarios go
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Manual Test Scenario:''' User should see correct page styling for Navigation links
<div class="mw-collapsible-content">
 
{| style="float:right; margin-left: 10px;"
|----
|[[File:User_Menu_04_04_18_09-25-22.png|thumb|200px|Raw Theme]]
|[[File:Admin_menu_04_04_18_09-26-21.png|thumb|200px|Raw Theme]]
|[[File:Main_menu_04_04_18_09-27-44.png|thumb|200px|Ocean Theme]]
|----
|}
 
::::'''Given''' user is logged in
::::'''When''' is on the "Mahara homepage"
::::'''Then''' user should see "Raw" theme colours - <span style="color:red">Compare the page with the screenshots above for correct theme colours</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
</div>
</div>
</div>


</div>
</div>
== Mahara 18.04 user manual section 3.5. Quick links==  
== Mahara 18.04 user manual section 3.5. Quick links==  


<div style="margin-left: 10em;">
<div style="margin-left;">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#daecd6">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#daecd6">
====Things to test for Manually====
====Things to test for Manually====
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
{| style="float:right; margin-left: 10px;"
|----
|[[File:Ocean theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Ocean theme]]
|[[File:Modern theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Modern theme]]
|[[File:Primary school theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Primary school theme]]
|[[File:Raw theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Raw theme]]
|----
|}
# '''Visual check''' three new boxes with quick links displayed
# '''Visual check''' three new boxes with quick links displayed
## '''Create''' (Develop your Portfolio)
## '''Create''' (Develop your Portfolio)
Line 267: Line 385:
## Share = Share page
## Share = Share page
## Engage = Find groups page
## Engage = Find groups page
# '''Hide information box''' - link to remove block
# '''Hide information box''' - link to remove block and functionality


'''NOTE:''' This block will look very different depending on the '''theme''' used
'''NOTE:''' This block will look very different depending on the '''theme''' used
Line 275: Line 393:
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
====Test script scenarios====
====Test script scenarios====
<span style="color:red">TODO: </span>
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
This is where Automated test scenarios go
 
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Manual Test Scenario:''' User should see correct page styling
<div class="mw-collapsible-content">
 
{| style="float:right; margin-left: 10px;"
|----
|[[File:Ocean theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Ocean theme]]
|[[File:Modern theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Modern theme]]
|[[File:Primary school theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Primary school theme]]
|[[File:Raw theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Raw theme]]
|----
|}
 
::::'''Given''' user is logged in
::::'''When''' is on the "Mahara homepage"
::::'''Then''' user should see "Raw" theme colours - <span style="color:red">Compare the page with the screenshots above for correct theme colours</span>
 
 
 
 
 
 
 
 
 
</div>
</div>
</div>
</div>
</div>
</div>
</div>


== Mahara 18.04 user manual section 3.6. User-specific information==  
== Mahara 18.04 user manual section 3.6. User-specific information==  


<div style="margin-left: 10em;">
<div style="margin-left;">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#daecd6">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#daecd6">
====Things to test for Manually====
====Things to test for Manually====
Line 295: Line 440:
## '''Watched pages''' - There are no pages on your watchlist.
## '''Watched pages''' - There are no pages on your watchlist.
# '''Edit Dashboard tab is displayed''' and links to "Admin User's dashboard | Edit" page  
# '''Edit Dashboard tab is displayed''' and links to "Admin User's dashboard | Edit" page  
# '''Profile completion  block''' - insure progress bar displays correctly


'''NOTE:''' These blocks will be empty but will be filled with content once you start using Mahara and create pages, receive messages from other users, have access to others’ portfolio pages and use the forums for discussions
'''NOTE:''' These blocks will be empty but will be filled with content once you start using Mahara and create pages, receive messages from other users, have access to others’ portfolio pages and use the forums for discussions
Line 302: Line 448:
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
====Test script scenarios====
====Test script scenarios====
<span style="color:red">TODO: </span>
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
This is where Automated test scenarios go
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Manual Test Scenario:''' User should see correct page styling for default blocks on page
<div class="mw-collapsible-content">
 
{| style="float:right; margin-left: 10px;"
|----
|[[File:Ocean theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Ocean theme]]
|[[File:Modern theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Modern theme]]
|[[File:Primary school theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Primary school theme]]
|[[File:Raw theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Raw theme]]
|----
|}
 
::::'''Given''' user is logged in
::::'''When''' is on the "Mahara homepage"
::::'''Then''' user should see "Raw" theme colours - <span style="color:red">Compare the page with the screenshots above for correct theme colours</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</div>
</div>
 
</div>
</div>
</div>
</div>
Line 320: Line 500:
## '''Contact us''' = Contact us page  
## '''Contact us''' = Contact us page  
## '''Help''' = Mahara 18.04 user manual
## '''Help''' = Mahara 18.04 user manual
# '''confirm "Re-Captcha" displays''' on the Contact us page and is functioning correctly


'''NOTE:''' The site administrator can decide in the configuration of the footer whether to display the links “Legal”, “About us”, “Contact us”, and “Help”
'''NOTE:''' The site administrator can decide in the configuration of the footer whether to display the links “Legal”, “About us”, “Contact us”, and “Help”
Line 327: Line 508:
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
====Test script scenarios====
====Test script scenarios====
<span style="color:red">TODO: </span>
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
This is where Automated test scenarios go
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Manual Test Scenario:''' User should see correct page styling for default blocks on page
<div class="mw-collapsible-content">
 
{| style="float:right; margin-left: 10px;"
|----
|[[File:Ocean theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Ocean theme]]
|[[File:Modern theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Modern theme]]
|[[File:Primary school theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Primary school theme]]
|[[File:Raw theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Raw theme]]
|----
|}
 
::::'''Given''' user is '''not''' logged in 
::::'''When''' is on the "Mahara homepage"
::::'''And''' user follows the Contact us Link in the footer
::::'''Then''' user should be on the "Contact us" page
::::'''And''' user should see "Re-Captcha" field displayed correctly
::::'''When''' user fills in required fields
::::'''And''' user fills in "Re-Captcha" field
::::'''And''' user clicks the submit button
::::'''Then''' user should be on conformation page
::::'''And''' user should see conformation message ""
::::'''When''' user does not fill in "Re-Captcha" correctly than user should see an error message ""
 
 
 
 
 
 
 
 
 
 
 
</div>
</div>
 
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Manual Test Scenario:''' User fills in "Contact us" form and Re-Captcha
<div class="mw-collapsible-content">
:::'''Background:'''
:::::'''Admin has set up Re-Captcha for site in the Admin menu > Site Options > Security settings > '''reCAPTCHA on user registration / contact us forms''' = '''Yes'''
::::: reCAPTCHA site key = 6Lc6wUwUAAAAAIPcQvT1Yx5O2gzKowhjI3tvVpRD
::::: reCAPTCHA secret key = 6Lc6wUwUAAAAAJhNDD-uyLLEdC4QhqB_vgxy16Kv
::::'''Given''' user is logged in <br />
::::'''Then''' user should be on "Dashboard" page<br />
::::'''And''' user should see "Raw" theme colours <br />Raw_theme_-_Dashboard_-_Mahara_-_04_-_04_-_2018.png  <span style="color:red">Compare the page with the screenshots above for correct theme colours</span>
::::'''Then''' automation script take screenshot
::::'''And''' save the file in "Local folder"
 
NOTES: https://www.google.com/recaptcha/admin#list
https://www.inmotionhosting.com/support/website/restricting-bots/public-private-key-google-recaptcha
 
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Latest revision as of 16:26, 21 Mayıs 2018

Mahara 18.04 user manual section 3. Dashboard

To test this page it is assumed that a fresh install of Mahara has taken place and user sets "Password" and "email" for the initial login. It is also assumed that there is a fresh database with no data. For more information of the dashboard please see Mahara 18.04 user manual section 3. Dashboard. This page will have screenshots of pages using the "Raw" theme. Other themes will need to be tested but will have to be set by the Site admin in the Site settings panel found here Admin menu > Configure site > Site options > Site settings

Mahara 18.04 user manual section 3.1 Login

Things to test for Manually

Login Block Ocean theme
Login Block Modern theme
Login Block Primary school theme
Login Block Raw theme
  1. Visual check
    1. Login page uses correct colour "Raw"
    2. header elements displayed
      1. Mahara logo displayed -top left of page
      2. Search bar displayed
      3. navigation menus displayed - User menu, Administration menu and Main menu
    3. Static Welcome Page title h1 displayed
    4. Text "Edit this text via "Administration menu" → "Configure site" → "Static pages"." is displayed with link to "Static pages" page
    5. Clicking "Static pages" link - takes user to a Log in to Mahara page with only the Login Block displayed
    6. Static "Quick links" displayed but link functionality suppressed until user logs in
    7. buttons displayed "Login"
    8. fields displayed "Username" & "Password"
    9. Links displayed "Register" & "Lost username / password"
    10. footer is displayed and links functioning correctly
  2. User invalid login- user should see an error message and will not be logged in
  3. User valid login- user should be logged in and and redirected to the Dashboard page
  4. "Registration" link is displayed and functioning
  5. "Lost username / password" link is displayed and functioning

Note: Use the Mahara Style guide found here for more details [your regular Mahara URL]/theme/styleguide.php

Manual Test script scenarios

Manual Test Scenario: User should see correct page styling
Login Block Ocean theme
Login Block Modern theme
Login Block Primary school theme
Login Block Raw theme
Given user is logged in
When is on the "Mahara homepage"
Then user should see "Raw" theme colours - Compare the page with the screenshots for correct theme colours





Manual Test Scenario: User can see help icon in the login block
Given user is not logged in
And the SIte theme is set to "Modern Theme"
When user is on the login page
Then user should see a help icon displayed in top right corner of login block
Manual Test Scenario: "Registration" links to "Registration" page


Login Block Ocean theme
Login Block Modern theme
Login Block Primary school theme
Login Block Raw theme
Given I am on homepage
When I follow "Register"
And I fill in the following:
| First name | Lightening |
| Last name | McQueen |
| Email address | [email protected] |
| Registration reason | I will absolutely make this institution more amazing!! |
And I press "Send request"
Then I should see "You should receive an email shortly with a link that you can use to change the password for your account."
And email is recieved - this requires a manual inspection of email address to ensure email was sent and is correct
Manual Test Scenario: User clicks "Lost username / password" to receive an email to log into site
Reset Email Instructions
Given I am on homepage
When I follow "Lost username / password"
And I fill in "Email address or username" with "UserA"
And I press "Send request"
Then I should see "You should receive an email shortly with a link that you can use to change the password for your account."
And email is recieved - this requires a manual inspection of email address to ensure email was sent and is correct

NOTE: Existing Behat automated test - /test/behat/features/settings/logginattempts.feature - Scenario: Asking for a username reminder (Bug 1460911)


Mahara 18.04 user manual section 3.3 Overview page

Things to test for Manually

Login Block Ocean theme
Login Block Modern theme
Login Block Primary school theme
Login Block Raw theme


  1. Visual check
    1. Login page uses correct colour "Raw"
    2. header elements displayed
    3. Welcome Page title h1 displayed
    4. Text "Edit this text via "Administration menu" → "Configure site" → "Static pages"." is displayed with link to "Static pages" page
    5. "Quick links" block is displayed with correct links to respective pages
    6. user info block displayed
    7. online users block displayed
    8. Latest changes I can view block displayed
    9. My portfolios block displayed
    10. Inbox block displayed
    11. Topics I am following block displayed
    12. Watched pages block displayed
    13. footer is displayed and links functioning correctly
  2. Change page "Layout" functionality works
  3. Change page "Skin" functionality works
  4. Page edit functionality works Create edit and delete page blocks
  5. Page links working Tester can use Chrome extension Link Checker or dev tools to determine "200 code return"

Manual Test script scenarios

Manual Test Scenario: User should see correct page styling
Login Block Ocean theme
Login Block Modern theme
Login Block Primary school theme
Login Block Raw theme
Given user is logged in
Then user should be on "Dashboard" page
And user should see "Raw" theme colours
Raw_theme_-_Dashboard_-_Mahara_-_04_-_04_-_2018.png Compare the page with the screenshots above for correct theme colours
Then automation script take screenshot
And save the file in "Local folder"


Mahara 18.04 user manual section 3.4. Navigation

Things to test for Manually

Login Block Ocean theme
Login Block Modern theme
Login Block Primary school theme
  1. Visual check main navigation
    1. Profile image - silhouette by default and is apart of the user menu
    2. User menu - The user menu is visible to all users. It allows you to acces your account settings, inbox, and profile easily.
      1. <name> User
      2. Settings
        • Settings
        • Legal
        • Notifications
      3. Messages counter
      4. Logout
    3. Administration menu - if you have access to administration functionality, you see a second menu, the administration menu.
      1. Admin home
        • Overview
        • Register
      2. Configure site
        • Site options
        • Static pages
        • Legal
        • Menus
        • Networking
        • Licenses
        • Pages and collections
        • Journals
        • Share
        • Skins
        • Fonts
        • Files
        • Cookie Consent
      3. Users
        • Suspended and expired users
        • Site staff
        • Site administrators
        • Export queue
        • Add user
        • Add users by CSV
      4. Groups
        • Administer groups
        • Group categories
        • Archived submissions
        • Add groups by CSV
        • Update group members by CSV
      5. Institutions
        • Settings
        • Static pages
        • Legal
        • Members
        • Staff
        • Administrators
        • Admin notifications
        • Profile completion
        • Pages and collections
        • Journals
        • Share
        • Files
        • Pending registrations
        • Pending deletions
      6. Reports
      7. Extensions
        • Plugin administration
        • HTML filters
        • Allowed iframe sources
        • Clean URLs
        • SmartEvidence
      8. Web services
        • Configuration
        • Application connections
        • Connection manager
        • External apps
        • Logs
        • Test client
    4. Main menu - is visible to all users and allows everyone to navigate to their content, portfolios, and groups.
      1. Dashboard
      2. content
        • Profile
        • Profile pictures
        • Files
        • Journals
        • Résumé
        • Notes
        • Plans
      3. Portfolio
        • Pages and collections
        • Shared by me
        • Shared with me
        • Skins
        • Export
        • Import
      4. Groups
        • My groups
        • Find groups
        • My friends
        • Find people
        • Institution membership
        • Topics

Test script scenarios

Manual Test Scenario: User should see correct page styling for Navigation links
Raw Theme
Raw Theme
Ocean Theme
Given user is logged in
When is on the "Mahara homepage"
Then user should see "Raw" theme colours - Compare the page with the screenshots above for correct theme colours









Mahara 18.04 user manual section 3.5. Quick links

Things to test for Manually

Login Block Ocean theme
Login Block Modern theme
Login Block Primary school theme
Login Block Raw theme


  1. Visual check three new boxes with quick links displayed
    1. Create (Develop your Portfolio)
    2. Share (Control your privacy)
    3. Engage (find people and join groups
  2. hover state functionality
  3. Verify links redirect to their respective pages
    1. Create = Pages and collections page
    2. Share = Share page
    3. Engage = Find groups page
  4. Hide information box - link to remove block and functionality

NOTE: This block will look very different depending on the theme used

Test script scenarios

Manual Test Scenario: User should see correct page styling
Login Block Ocean theme
Login Block Modern theme
Login Block Primary school theme
Login Block Raw theme
Given user is logged in
When is on the "Mahara homepage"
Then user should see "Raw" theme colours - Compare the page with the screenshots above for correct theme colours






Mahara 18.04 user manual section 3.6. User-specific information

Things to test for Manually

  1. Visual check default blocks in main content area on Dashboard page
    1. Latest changes I can view - No pages or collections.
    2. My portfolios - blank
    3. Inbox - No messages
    4. Topics I’m following - No messages
    5. Watched pages - There are no pages on your watchlist.
  2. Edit Dashboard tab is displayed and links to "Admin User's dashboard | Edit" page
  3. Profile completion block - insure progress bar displays correctly

NOTE: These blocks will be empty but will be filled with content once you start using Mahara and create pages, receive messages from other users, have access to others’ portfolio pages and use the forums for discussions

Test script scenarios

Manual Test Scenario: User should see correct page styling for default blocks on page
Login Block Ocean theme
Login Block Modern theme
Login Block Primary school theme
Login Block Raw theme
Given user is logged in
When is on the "Mahara homepage"
Then user should see "Raw" theme colours - Compare the page with the screenshots above for correct theme colours









Mahara 18.04 user manual section 3.7. Footer

Things to test for Manually

  1. Visual check footer has theme styling
    1. Mahara footer logo is displayed
  2. Links displayed in footer
    1. Legal = Legal page
    2. About = About page
    3. Contact us = Contact us page
    4. Help = Mahara 18.04 user manual
  3. confirm "Re-Captcha" displays on the Contact us page and is functioning correctly

NOTE: The site administrator can decide in the configuration of the footer whether to display the links “Legal”, “About us”, “Contact us”, and “Help”

Test script scenarios

Manual Test Scenario: User should see correct page styling for default blocks on page
Login Block Ocean theme
Login Block Modern theme
Login Block Primary school theme
Login Block Raw theme
Given user is not logged in
When is on the "Mahara homepage"
And user follows the Contact us Link in the footer
Then user should be on the "Contact us" page
And user should see "Re-Captcha" field displayed correctly
When user fills in required fields
And user fills in "Re-Captcha" field
And user clicks the submit button
Then user should be on conformation page
And user should see conformation message ""
When user does not fill in "Re-Captcha" correctly than user should see an error message ""






Manual Test Scenario: User fills in "Contact us" form and Re-Captcha
Background:
Admin has set up Re-Captcha for site in the Admin menu > Site Options > Security settings > reCAPTCHA on user registration / contact us forms = Yes
reCAPTCHA site key = 6Lc6wUwUAAAAAIPcQvT1Yx5O2gzKowhjI3tvVpRD
reCAPTCHA secret key = 6Lc6wUwUAAAAAJhNDD-uyLLEdC4QhqB_vgxy16Kv
Given user is logged in
Then user should be on "Dashboard" page
And user should see "Raw" theme colours
Raw_theme_-_Dashboard_-_Mahara_-_04_-_04_-_2018.png Compare the page with the screenshots above for correct theme colours
Then automation script take screenshot
And save the file in "Local folder"

NOTES: https://www.google.com/recaptcha/admin#list https://www.inmotionhosting.com/support/website/restricting-bots/public-private-key-google-recaptcha

Retrieved from ‘https://wiki.mahara.org/index.php?title=Testing/Manual_testing/Dashboard&oldid=9699’