This textbook was authored for the CIS 400 - Object-Oriented Design, Implementation, and Testing course at Kansas State University. This section describes assignments specific to the Fall 2022 offering of that course. If you are not enrolled in the course, please disregard this section.
General requirements:
You will need to follow the style laid out in the C# Coding Conventions
Implement functionality for a creating and updating an order
Assignment requirements:
Implement a class representing an order
Write unit tests for the order
Add the functionality for creating, updating, and displaying the order to the point of sale
Create automated tests and a testing plan for your GUI
Update UML Diagrams
Purpose:
This assignment is intended to help you gain a greater grasp of creating complex objects and collections, data binding, customizing controls, and more complex relationships between objects. It also revisits testing in the context of GUI applications.
Implement functionality for the Order class
In the Data project, create an Order
class to represent an order, which is a collection of IMenuItem
s. You will need to create public Add(IMenuItem item)
and Remove(IMenuItem item)
methods, which add or remove IMenuItems
respectively. Additionally, you should implement a getter and setter for SalesTaxRate
(a decimal, default 0.09) and getter-only properties for Subtotal
(a decimal), Tax
(a decimal), and Total
(a decimal). The Subtotal
is the total price for all items in the order, the Tax
is the Subtotal
multiplied by the SalesTaxRate
, and Total
is the sum of the Subtotal
and Tax
. It should also provide a property Calories
which is a unsigned integer, and the sum of all the calories of the items in the order.
Additionally, the Order
should have an identifying Number
getter property, which is unique to each order. An easy way to ensure uniqueness is to have a private static field, i.e. nextOrderNumber
, which is initialized to 1. In the Order
constructor, set this order’s Number
property to nextOrderNumber
and then increment nextOrderNumber
. When your next order is created, it will use the incremented value, and increment it again. Technically this only ensures a single Point of Sale terminal is using unique order numbers (as multiple terminals will have duplicate values), but it is sufficient for now.
Also, the Order
should have a get-only DateTime
property PlacedAt
identifying the date and time the order was placed.
Finally, this class should implement the ICollection
, INotifyCollectionChanged
, and INotifyPropertyChanged
interfaces. Each of these requires you to add specific properties and methods to the Order
class. This also means triggering a host of events when specific actions are taken, i.e.:
- Adding an
IMenuItem
to theOrder
should trigger:- A
CollectionChanged
event noting the addition of a new item - A
PropertyChanged
event noting theSubtotal
property has changed - A
PropertyChanged
event noting theTax
property has changed - A
PropertyChanged
event noting theTotal
property has changed - A
PropertyChanged
event noting theCalories
property has changed
- A
- Removing an
IMenuItem
from theOrder
should trigger:- A
CollectionChanged
event noting the removal of the item - A
PropertyChanged
event noting theSubtotal
property has changed - A
PropertyChanged
event noting theTax
property has changed - A
PropertyChanged
event noting theTotal
property has changed - A
PropertyChanged
event noting theCalories
property has changed
- A
- Changing an item already in the order should trigger:
PropertyChanged
events forSubtotal
,Tax
, andTotal
when the item’sPrice
changes- A
PropertyChanged
event forCalories
when the item’sCalories
changes
You may either write your collection class from scratch, or inherit from one of the existing collections and provide the extra functionality (such as ObservableCollection
). Each of these approaches has its strengths and drawbacks.
When implementing the INotifyCollectionChanged
interface, you must supply a NotifyCollectionChangedEventArgs
object that describes the change to the collection. This class has multiple constructors, and you must select the correct one, or your code will cause a runtime error when the event is invoked.
The possible events are represented by the NotifyCollectionChangedAction
enumeration, and are:
NotifyCollectionChangedAction.Add
- one or more items were added to the collectionNotifyCollectionChangedAction.Move
- an item was moved in the collectionNotifyCollectionChangedAction.Remove
- one or more items were removed from the collectionNotifyCollectionChangedAction.Replace
- an item was replaced in the collectionNotifyCollectionChangedAction.Reset
- drastic changes were made to the collection
When representing an add action, you must use the two-parameter constructor and supply the item being added as the second argument.
When representing an remove action, you must use the three-parameter constructor. The second argument is the item to be removed, and the third is the index of the item in the collection before it is removed.
Order Unit Tests
Additionally, you should write unit tests to verify all of the expected functionality:
- Adding an item to the
Order
results in that item being included in the order - Removing an item from the
Order
results in that item being removed from the order - The order implements the
INotifyCollectionChanged
andINotifyPropertyChanged
interfaces That adding an an item triggers aCollectionChanged
eventThat removing an item triggers aCollectionChanged
event- That and that each of the
andCollectionChanged
PropertyChanged
events described above occur in the described circumstances.
Currently XUnit does not have an assertion that can be used with the CollectionChanged
event, so we are not requiring that it be tested at the moment. That it works will be covered by your manual GUI tests.
Integrate the Order into the Point of Sale Project
The Point of Sale GUI’s primary role is to build Order
objects to match the customers’ requests. Thus, you will want to integrate your new Order
class into the GUI to provide this functionality. The easiest way to accomplish this is to set your Order
as the DataContext
of one of your WPF elements - ideally towards the top of the tree. Then, all of the descendant elements will also have it as their DataContext
.
You should replace this Order
object any time the “New Order” or “Cancel Order” button (depending on your implementation) are clicked.
Clicking on one of the “Add to Order” buttons you implemented should add an instance of the associated order item to the current Order
object.
The contents of the current Order
should be displayed prominently in your GUI, for example, by using a <ListView>
. You will want to display:
- The
IMenuItem
’s name (what you get when you invokeToString()
upon it) - The
IMenuItem
’s price - The
IMenuItem
’s special instructions
Hint: You can add a StringFormat
attribute to a binding to display it as currency, i.e.: <TextBlock Text={Binding Path=Total, StringFormat={}{0:c}}>
. This approach can also be used to add bullets or extra text to a bound string before it is displayed. See the docs for more details.
In addition, you will need to show:
- The
Order
’sNumber
property, formatted for readability, i.e. “Order #2” - The
Order
’sPlacedDate
property, formatted for readability, i.e. “3/20/2021 10:32 pm” - The
Order
’sSubtotal
property, formatted for readability, i.e. “Subtotal: $10.00” - The
Order
’sTax
property, formatted for readability, i.e. “Tax: $1.20” - The
Order
’sTotal
property, formatted for readability, i.e. “Total: $11.20”
One possible layout appears below:
The displayed order should update all of this displayed information as it changes. If you use data binding for binding the Order
properties, and have implemented the CollectionChanged
and PropertyChanged
events as described above, this should happen automatically, with no further code required from you.
You should also allow the user to select an item already in the order display to customize, i.e. if they have a Apple Fritters and a Fried Pie in the Order, and then need to change the Glazed
property for the Apple Fritters, they should be able to do so. There several approaches you might consider:
- Putting the order items in a
<ListView>
and using itsOnSelectionChanged
event to swap to the customization screen. You can then either: a. Listen for theListView.SelectionChanged
routed event and use theSelectedChangedEventArgs.SelectedItem
for the item to customize, or b. Setting the List’sIsSynchronizedWithCurrentItem
property to true allows you to bind your customization screens to theCurrentItem
Path of theOrder
, i.e. the item just selected in the<ListView>
, or - Adding an edit button to the item in the
<ListView>
, following the same strategy detailed for the “Remove” button (below)
Finally, you should provide a means for removing an item from the Order
. This is most commonly accomplished by adding a button to the ListBoxItem
data template displaying the items in the <ListBox>
, so that there is a delete button for each row in the order. Another approach would be to have a single “Remove Selected Item from Order” which removes the item currently selected in the <ListBox>
. A third approach would be to put a “Remove from Order” button in the customization screen, that when clicked removes the item from the order an switches back to the menu item selection screen. Other approaches are possible, but should be easy for the user to intuit.
Writing Tests for your GUI
Graphical user interfaces are notoriously difficult to test in an automated fashion. For this reason, most software developers fall back on manual testing routines. To ensure that these have the same rigor as automated tests, a test plan document is written that tells a tester step-by-step what they should do in the interface, and what the expected result should be.
You will need to write one for your GUI that takes the user through adding each menu item to the order, and changing each of hte the menu item customization options. At each step, you should call out for the user what the expected values appearing in the various GUI controls should be - especially the information in the order. The testing plan should be saved in an editable format (Word is recommended) in the documentation folder of your project, and committed to GitHub with your source files.
In addition to writing your test plan, you must use it every milestone, and submit your records of its results. A common approach for this is to create a spreadsheet with the first column labeling each test from the test plan, and each subsequent column representing an instance of working through the test plan and recording results. This can be a simple “pass” for passing tests, but should have detailed notes of a failure (and you should go back and fix that issue, then re-run all your GUI tests).
A second strategy for testing GUIs in WPF is the MVVM (Model-View-ViewModel) architecture encouraged by WPF. In this architecture, the GUI becomes little more than a thin layer for displaying and updating data-bound values. If your control is doing significant logic, this instead is pushed to a ModelView class, which can be unit tested like any other non-GUI class. If your controls contain significant logic (i.e. calculations, or creating the WPF controls programmatically), you should consider refactoring to adopt this approach.
Update Your UML Diagrams
You will need to update your UML diagrams to reflect the changes you have made to the Data and Point of Sale projects. Remember to mark the associations between your Order
and its various IMenuItem
instances.
Submitting the Assignment
Once your project is complete create a release tagged v0.7.0
with name "Milestone 7"
. Copy the URL for the release page and submit it to the Canvas assignment.
Grading Rubric
The grading rubric for this assignment will be:
15% Structure Did you implement the structure as laid out in the specification? Are the correct names used for classes, enums, properties, methods, events, etc? Do classes inherit from expected base classes?
15% Documentation Does every class, method, property, and field use the correct XML-style documentation? Does every XML comment tag contain explanatory text?
15% Design Are you appropriately using C# to create reasonably efficient, secure, and usable software? Does your code contain bugs that will cause issues at runtime?
15% UML Diagrams Does your UML diagram reflect the code actually in your release? Are all classes, enums, etc. included? Are associations correctly identified?
20% Functionality Does the program do what the assignment asks? Do properties return the expected values? Do methods perform the expected actions?
20% Testing Do you have unit tests for all classes? Do your unit tests cover all the functionality of those classes? Do you have a written test plan for your GUI? Do you have a record of employing the test plan in your release?
Projects that do not compile will receive an automatic grade of 0.