Actions

Testing/Manual testing/Dashboard: Difference between revisions

From Mahara Wiki

< Testing
No edit summary
 
(65 intermediate revisions by the same user not shown)
Line 1: Line 1:
=Mahara 18.04 user manual section 3. Dashboard=
=Mahara 18.04 user manual section 3. Dashboard=


Line 4: Line 5:


== Mahara 18.04 user manual section 3.1 Login==
== Mahara 18.04 user manual section 3.1 Login==
'''Assumptions:''' 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


<div class="toccolours mw-collapsible mw-expanded" style="background:linen">
<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: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 28: 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:ivory">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
 
====Manual Test script scenarios====
====Automated 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">
::::'''Given''' user is not logged in <br />
::::'''And''' is on the "Mahara homepage"<br />
::::'''When''' user clicks "Registration" link <br />
::::'''Then''' user should be on the "Registration" page<br />
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed">
 
:::'''Scenario:''' "Lost username / password" links to "Forgotten your username or password?" page
 
<div class="mw-collapsible-content">
{| style="float:right; margin-left: 10px;"
::::'''Given''' user is not logged in <br />
|----
::::'''And''' is on the "Mahara homepage" <br />
|[[File:Ocean theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Ocean theme]]
::::'''When''' user clicks the "Lost username / password" link <br />
|[[File:Modern theme - Dashboard - Mahara - 04 - 04 - 2018.png|thumb|200px|Login Block Modern theme]]
::::'''Then''' user should be on the "Forgotten your username or password?" page
|[[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:''' User valid login
:::'''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 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>


<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
{| style="float:right; margin-left: 10px;"
== Mahara 18.04 user manual section 3.2 Login with strict privacy==
|----
|[[File:ResetLoginEmail_06_04_18_05-59-52.png|thumb|200px|Reset Email Instructions]]
|----
|}


'''Assumptions:''' 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
::::'''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 class="toccolours mw-collapsible mw-expanded" style="background:linen">
'''NOTE: Existing Behat automated test''' - /test/behat/features/settings/logginattempts.feature - Scenario: Asking for a username reminder (Bug 1460911)
====Things to test for Manually====
 
<div class="mw-collapsible-content">
<span style="color:red">TODO: </span>This is not set up yet 
</div>
</div>
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed" style="background:ivory">


====Automated 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>
<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->


==Mahara 18.04 user manual section 3.3 Overview page==
==Mahara 18.04 user manual section 3.3 Overview page==


'''Assumptions:''' 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
<div class="toccolours mw-collapsible mw-collapsed" style="background:#daecd6">
 
<div class="toccolours mw-collapsible mw-expanded" style="background:linen">
====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'''
#'''Visual check'''
Line 144: Line 174:
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed" style="background:ivory">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
 
====Manual Test script scenarios====
====Automated 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 />
::::'''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>
</div>
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed">
== Mahara 18.04 user manual section 3.4. Navigation==
:::'''Scenario:''' User click "More" link to see more messages
 
<div class="mw-collapsible-content">
 
:::'''Bagkground:'''
<div class="toccolours mw-collapsible mw-collapsed" style="background:#daecd6">
====Things to test for Manually====
  <div class="mw-collapsible-content">
 
{| style="float:right; margin-left: 10px;"
|----
|[[File:User_Menu_04_04_18_09-25-22.png|thumb|200px|Login Block Ocean theme]]
|[[File:Admin_menu_04_04_18_09-26-21.png|thumb|200px|Login Block Modern theme]]
|[[File:Main_menu_04_04_18_09-27-44.png|thumb|200px|Login Block Primary school theme]]
|----
|}


<span style="color:red">TODO: Create step definition to populate DB with 60 messages</span>
# '''Visual check''' main navigation
## '''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.
### '''<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.
### '''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.
###'''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'''


::::'''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>
</div>


<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
====Test script scenarios====
<div class="mw-collapsible-content">
<div class="toccolours mw-collapsible mw-collapsed">
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Scenario:''' User changes Page layout from 2 column to 3 column layout
:::'''Manual Test Scenario:''' User should see correct page styling for Navigation links
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
::::'''Given''' Some preconditions <br />
 
::::'''When''' user performs some action <br />
{| style="float:right; margin-left: 10px;"
::::'''Then''' Something should happen
|----
|[[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 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>
</div>
== Mahara 18.04 user manual section 3.5. Quick links==


<div class="toccolours mw-collapsible mw-collapsed">
<div style="margin-left;">
:::'''Scenario:''' User adds block to page, edits new block and deletes block from page
<div class="toccolours mw-collapsible mw-collapsed" style="background:#daecd6">
====Things to test for Manually====
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
::::'''Given''' Some preconditions <br />
 
::::'''When''' user performs some action <br />
{| style="float:right; margin-left: 10px;"
::::'''Then''' Something should happen <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]]
|----
|}
 
 
# '''Visual check''' three new boxes with quick links displayed
## '''Create''' (Develop your Portfolio)
## '''Share''' (Control your privacy)
## '''Engage''' (find people and join groups
# '''hover state functionality'''
# '''Verify links''' redirect to their respective pages
## Create = Pages and collections page
## Share = Share page
## Engage = Find groups page
# '''Hide information box''' - link to remove block and functionality
 
'''NOTE:''' This block will look very different depending on the '''theme''' used
</div>
</div>
</div>
</div>
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
====Test script scenarios====
<div class="mw-collapsible-content">


<div class="toccolours mw-collapsible mw-collapsed">
<div class="toccolours mw-collapsible mw-collapsed">
:::'''Scenario:''' User wants to do something
:::'''Manual Test Scenario:''' User should see correct page styling
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
::::'''Given''' Some preconditions <br />
 
::::'''When''' user performs some action <br />
{| style="float:right; margin-left: 10px;"
::::'''Then''' Something should happen <br /></div>
|----
|[[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.4. Navigation==


'''Assumptions:''' 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
== Mahara 18.04 user manual section 3.6. User-specific information==


<div class="toccolours mw-collapsible mw-expanded" style="background:linen">
<div style="margin-left;">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#daecd6">
====Things to test for Manually====
====Things to test for Manually====
<span style="color:red">TODO: </span>
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
This is where test criteria go
# '''Visual check''' default blocks in main content area on Dashboard page
## '''Latest changes I can view''' - No pages or collections.
## '''My portfolios''' - blank
## '''Inbox''' - No messages
## '''Topics I’m following''' - No messages
## '''Watched pages''' - There are no pages on your watchlist.
# '''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
</div>
</div>
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed" style="background:ivory">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
====Automated Test script scenarios====
====Test script scenarios====
<span style="color:red">TODO: </span>
<div class="mw-collapsible-content">
<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">
<div class="mw-collapsible-content">
This is where Automated test scenarios go
 
</div>
{| style="float:right; margin-left: 10px;"
</div>
|----
<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
|[[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>
 
 
 
 
 
 
 
 
 
 
 
 






== Mahara 18.04 user manual section 3.5. Quick links==


'''Assumptions:''' 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


<div class="toccolours mw-collapsible mw-expanded" style="background:linen">
====Things to test for Manually====
<span style="color:red">TODO: </span>
<div class="mw-collapsible-content">
This is where test criteria go
</div>
</div>
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed" style="background:ivory">
====Automated 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>
<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->


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


'''Assumptions:''' 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
<div class="toccolours mw-collapsible mw-collapsed" style="background:#daecd6">
 
<div class="toccolours mw-collapsible mw-expanded" style="background:linen">
====Things to test for Manually====
====Things to test for Manually====
<span style="color:red">TODO: </span>
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
This is where test criteria go
# '''Visual check''' footer has theme styling
## Mahara footer logo is displayed
# '''Links displayed in footer'''
## '''Legal''' = Legal page
## '''About''' = About page
## '''Contact us''' = Contact us page
## '''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”
</div>
</div>
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed" style="background:ivory">
<div class="toccolours mw-collapsible mw-collapsed" style="background:#c7d6c6">
====Automated 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>
</div>
<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->


== Mahara 18.04 user manual section 3.7. Footer==  
<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"


'''Assumptions:''' 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
NOTES: https://www.google.com/recaptcha/admin#list
https://www.inmotionhosting.com/support/website/restricting-bots/public-private-key-google-recaptcha


<div class="toccolours mw-collapsible mw-expanded" style="background:linen">
====Things to test for Manually====
<span style="color:red">TODO: </span>
<div class="mw-collapsible-content">
This is where test criteria go
</div>
</div>
</div>
</div>


<div class="toccolours mw-collapsible mw-collapsed" style="background:ivory">
====Automated 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>

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’