block in a lightning:card component with the following attributes: + title: Filter Students + iconNvame: utity:search 6. Save the file and refresh the application in Lightning Experience. Verify that the heading text is now on a white backaround. Use SLDS to Add Margin to a Component 7. Open https:/llightningdesignsystem.com! in your browser. 8. Select Utilities | Margin 9. Review the examples for Bottom margin 410. Open StudentBrowser.cmp in Developer Console. 11. Wrap the tag in a

block with the following attribute + class: sids-mbottom smal 12. Save the file and reload the Awinstructors tab. There should now be visible margin between the Filters Students form and the Gallery tab. Use SLDS to Apply Padding within a Component 13. Open https:/ightningdesignsystem.comy in your browser. 14, Select Utilities | Padding 15. Review the examples for Hoxizontal padding 16. Return to Developer Console and StudentBrowserForm.cmp 17. Wrap the

block with a

tag that uses the following attribute: + class: side p-horizontal_small 18. Save the file and test the application. The heading text should no longer be placed against the left edge of the component. Apply Custom CSS 19. Return to Developer Console and StudentBrowserForm.cmp 20. Add the following attribute to the

tag 21. Click on the STYLE button, or pross Cirl+Shitt+4 22. Define the “crazycomic" class to apply the font Comic Sans and add a text shadow. Your code should appear similar to the following’ THIS .crazycomic { font-family: Comic Sans M3; text-shadow: 2px 2px Fe0ed<0; Section 2 (©2018 salesforce.com, inc. Page 34Getting Started 23. Save the filo and test the application. You should see results similar to what ie dopicted in Figure 17 End of Exercise Section 2 (©2018 salesforce.com, inc. Page 35Building Lightning Components and Applications 2.4 Defining and Manipulating Component Attributes Component attributes enable you te make compenents more dynamic and flexible. They are typed fields that are set on a specticinstance of a ‘component, and can be referenced from within the component's markup using an expression syntax as illustrated by the following snippet:

Hello, (!v.firstName +" ' + v.lastNane!

Note the following: + Attribute names must start with a letter or underscore. They can also contain numbers after the first character. + Attribute names must be two or more characters. + You cannot use ettributes with hyphens in expressions. ‘+ Though nota strict requirement, tags are usually the first things listed in a componert's markup, as it provides an easy way to read tho component's shape at a glance. Configuring Scope Section 2 Use the access attribute of to control its scope. The following access values are supported: co eel global _The attribute can be used in any namespace. Public (default) The attribute can be used within the same namespace only. private The attribute can be used only within the container app, interface, component, or event, and can't be referenced extemally Typically, you will implement private attributes to store variables that are set exclusively by a component's event handlers in ts controller or helper. Note that components, apps. events, and interfaces all have scope. (©2018 salesforce.com, inc. Page 36Getting Started Configuring an Attribute's Data Type The following data types are supported. = Boolean = Double = Date + Integer © DateTime = Long © Decimal String = Object + List = Map + set Use brackst notation to specify a typed array, 0.g The List type is an ordered collection of tems: A Set is a collection thal contains no duplicate elements. The order for set items is not guaranteed. For example, "1,2,3" might be returned as "3,2,1." caurarattribute name="col lection" type="set default="1,2,3" /> You can also define Salesforce standard and custom cbjects as data types, ‘as well as custom apex classes, covered later in this course. Data Types can also be sObjects. For instance, you can dectare an attribute to be of type Contact or a custom Object. ‘Section 2 (©2018 salesforce.com, inc. Page 37Building Lightning Components and Applications Passing Attributes to a Component Declaratively You can pass attributes to a component declaratively using the same syntax that's found in HTML as illustrated by the folowing example: add2Nums.cmp: omponent> rattribute name="numl" type="Decimal" dcfault="0"/> tribute name="num2" type="Decimal" cefault="0" /> { !v.numl + v.num2) AddTest.app: 141 = Using Expressions Section 2 Expressions allow you to make calculations and access property values ‘and other data within component markup. Use expressions for dynamic ‘output or passing values into components by assigning thom to attributes. ‘An expression is any set of literal values, veriables, sub-expressions, or ‘operators that can be resolved to a single value. Function calls are not allowed in exoressions. ‘The expression syntax is either (#expression) or (!expression) where expression is a placeholder for an expression. Anything inside the {1} delimiters is evaluated and dynamically replaced when the component is rendered or when the value is modified by the ‘component. Whitespace is ignored. This is referred to as a bound ‘expression, Anything inside the (#} delimiters is evaluated and dynamically replaced ‘when the component is rendered, however its output is net refrashed when the value is modified by the component. This is referred to as an unbound expression Expressions are evaluated much the same way that expressions in JavaScript or other programming languages are evaluated. Operators are ‘a subset of those available in JavaScript, and evaluation order and precedence are generally the same as JavaScript. Parentheses enable you to ensure a spocific evaluation order. The resulting value can be a primitive, such as an integer, string, or boolean. It can also be a JavaScript object, a component or collection, a ‘controller function such as an action function, and other useful resutts. If you're including Iteral values in expressions. enclose text values within single quotes, such as {#'Some text '} Include numbers without quotes, for example, (#123). (©2018 salesforce.com, inc. Page 38Getting Started To output the value of a component attribute, use the following syntax: {#v.attributeNane) or (1v-attributeName} Note: The v prefix represents a value provider for the component view. Using Numeric Literals You can use numeric literals inside of an expression, as ilustrated by the folowing snippet: saura:component >

? + {1 v.numl j= {! 2 + v.numl }

ediv>2000 = {1 203 }

Running this code results in the following output: 202-4 2000 ~ 2000 24 mull = 2 Using Arithmetic Operators Expressions based on arithmetic operators result in numerical values. The standard operators of +.-,*/,%, and are all supported, as illustrated by the following component: aura: component soura:attribute name-"numl" yame="nam2" type: default

(!v.nunl — v.num2)

{!v.nunl * v.num?}

{!v.numl} / {!v.num2) {!v.nunl / v.num2}

‘Section 2 (©2018 salesforce.com, inc. Page 39Building Lightning Components and Applications

(!v-numl} & (/v.num2) = {!v.numl % v.num2}

Negative {!v.aunl} = { !-v.numl }

Passing in attribute values of num1=2 and num2=4 into the component generates the following output: +4 -4 a4 v4 a4 gat. ENN iegative 2 Using Math Functions Section 2 ‘The following math functions are supported. Note that all function names are case-sensitive: ees oneareomd add concat add(1.2) + sub subtract sub(10.2) - mult multiply mult(10,2) . div divide div(4,2) \ mod modulus moa(s,2) % abs abs(-1) neg negate neg(100) ~(unary) For example:

2 + 2 = {# add(2,2) }

2 - 2 = {4 sub(2,2) }

abs (-5) = {# abs(-) }

Outputs: (©2018 salesforce.com, inc. Page 40Getting Started Using String Literals Literal strings must be enclosed in single quotation marks. Double ‘quotation marks are reserved for enclosing attribute values, and must be ‘escaped in strings. Use the “character to escape strings, including: ant Newline ae Tab we Carriage return aa Double quote v Single Quote a Backstash_ You can encode unicode characters as ‘wif###" where # represents a hexadecimal digit. All unicode characters require 4 digi. For example:

Copyricht {# "\u00A9"} 2015. Salesforce.com. Al] Rights Reserved.

Outputs: copyright © 2015. Salesforce.com. All Rights Reserved Implementing String Concatenation Use the + operator on string values to join them together. For oxamplo, the following component outputs an HTML mailto: link: (! velabel J ‘Section 2 (©2018 salesforce.com, inc. Page 41Building Lightning Components and Applications You can also use the concat() function instead of the + operator: Generating Conditional Markup with the Ternary Operator ‘You can use the ternary operator to conditionally output one of two values dependent on a condition, as illustrated by the folowing snippet: Generating Conditional Markup with You can also use the command to generate conditional markup, which renders content within the tag ifthe expression contained in its isTrve attribute evaluates to true. The framework evaluates the isTrue expression and instantiates ‘components either in its tag body or else attribute. For example: ttribute name="edit" type="Boolean* default="truc"/> £ isTrue="{!v.edit}"> utton label="Bdit"/> You can’t edit this. Section 2 (©2018 salesforce.com, inc. Page 42Getting Started Using Conditional Operators Lightning uses the same comparison operators as JavaScript, but also ‘supports @ two-cheracter altemative for each as well as a function. ree err) equals (vari, var2) eq pe notequaie(varl,var2) < lessthan (wart, var?) > gt sreaterthan (wari, vard) < jp leosthanorequal (varl, var2) oe ge sreaterthanorequal (vari, var2) For example, the following code snippet validates an argument's value to ‘ensure that an invalid math operation is not performed: (1 v-num2 You can't divide by zero! {1 v-numl / v.num2}

oy Using Logical Operators “The Lightning framework uses the same logical operators as JavaScript: a 2 {1 v.ieEnabled ££ v.hasPermission } ‘AND || {1 visrnabled || v-hasPermission } OR 1 (1 tweisBnabled false } NoT ‘Section 2 (©2018 salesforce.com, inc. Page 43Building Lightning Components and Applications ‘You must oscape the && operator to camp; samp; to uso it in component markup. Alternatively, you can use the and ) function and pass it two arguments. For oxamplo, and(icEnabled, hasPermiseion). For example: = 0 gamp;éamp; v-num2 >= 0)"> caurazif isTeuo="{! v.num2 == 0 }"> You can't divide by zero! set attribute="clse"> uml / v.num2} Error - both numbers must be positive. Determining if a Variable is Empty Use the length@ function to determine the length of an array or sting, Use the empty() function to retum true if one of the following condition: met: is empty + Astring is empty Note:{! lempty(v.myArray) } evaluates faster than {Wv.myArray && v.myArray.length > 0}. Looping through Arrays and Objects Use the auraiiteration component to loop through an atray as ilustrated by the following snippet: omponent > aurarattribute nane="nyNanes type="String[] default="[ "Steve", Dave", "Joe", "Jyoti'}" />

<1i>{ !thisName}

Section 2 (©2018 salesforce.com, inc. Page 44Getting Started Commenting your Component Markup ‘Section 2 ‘The Lightning Component framework uses the same comment tags as HTML - ‘omponent extends="c:wrapInBox"> This is sone child content that will appear as v.body in the parent tag. Defining Abstract Components Object-oriented languages, such as Java, support the concept of an abstract ciass that provides a partial implementation for an object but leaves the remaining implementation to concrete sub-dasses. An abstract cass in Java can't be instantiated directly, but a non-abstract subclass can. Similarly, the Lightning Component framework supports the concept of abstract components that have 2 partial implementation but leave the remaining implementation to concrete sub-components. To use an abstract component, you must extend it and fill out the remaining implomentation. An abstract component carit be used directly in markup. To define an abstract component, add the abstract=true attribute to the tag as llustrated by the following snippet. saura:component abstract="truc eltag:requize stylos="{ !$Resource -MyCustomeSs }"/> {!v.body? Section 2 (©2018 salesforce.com, inc. Page 82Getting Started Working with Inherited Attributes, Events, Helpers, and Controllers When a component contains another component, we refer in the ‘documentation to parent and chidd components in the containment hierarchy. Whon a component extonds another component, wo rofer to sub ‘and super compononis in the inheritance hierarchy. Note the following = Assub component that extends a super camponent inherits the attributes of the super component. Use in the markup of a sub component fo set the value of an attribute inherited from a super ‘component, © Assub component that extends a super component can handle events fired by the super component. The sub component automatically inherits the event handers from the super component. + The super and sub component can handle the same event in different ways by adding an tag fo the sub component. The framework doesnt guarantee the order of event handing = Assub component's helper inhorits the functions from the helper of its super component. A sub component can averride a super component's helper function by defining a function with the same name as an inherited function © Assub component that extends a super component can call actions in the super component's client-side controller. For example, if the super ‘component has an action called doSomething, the sub component can irectly call the action using the {lc.doSomething} syntax. Section 2 (©2018 salesforce.com, inc. Page 83Building Lightning Components and Applications Exercise 2-7: Working with Apex Tasks Steps Section 2 During this exercise, you will call an Apex method from a Lightning Component and rendar the result as a series of ties. In this lab, you will perform the following tasks: ‘+ Invoke functions directly from the browser console. During this exercise you will: 1. Create an Apex Class and method that can be accessed by a Lightning Component. Define an Abstract Component to facilitate code sharing. 3. Define a Helper method to invoke Apex methods in a consistent manner. Request data trom Salesforce Platform. 5. Output a set of Contacts as tiles Create the Apex Class. 1. Open Developer Console 2. Select File | New| Apex Class 3. Enter an Apex class name of StudentBrowser and press OK. (©2018 salesforce.com, ine. Page 84Section 2 Getting Started 4. Add “with sharing’ to the class definition. public with sharing class Stusdentlrow 5. Define a Lightning Component accessible function named getStudents thal retums a list of contacts and accepis two string arguments — instructorid and courseDeliveryid. @auraEnabled public static List getstudents( String instructorld, String courseDeliveryld) { ) 6. Copy the contents of /snippets/exercise2-7.apxc into the getStudents() function. 7. Save the file. Define an Abstract Component to Facilitate Code Sharing 8. From Developer Console, select File | New | Lightning Component 9. Enter a component name of Base and press Submit. 10. Modify the component to be defined as an abstract component. (!v.bedy} 11. Click on Helper. 12. Copy and paste the contents of /snippels/exercise2-7helper js.ixt and paste it into the helper, overwriting the "helperMethod"™ 13. Save the file Roquost Data from Salesforce Platform 14. Open StudentBrowser.cmp in Developer Console 15, Ad¢ attributes to the tag that link the component to the StudentBrowser Apex class and the c-Base Lightning Component. 16. Save the file. 17. Click on Helper. 18. Define a new function named queryStudents that accepts the following arguments: = component + helper + instructorid courseDeliveryld (©2018 salesforce.com, inc. Page 85Building Lightning Components and Applications Section 2 19. Inside the quoryStuderts function, invoke helper.callServer to call tho gotStudents() Apex method that you defined carlior in this exorcise and store the results in the component's studentList attribute, helper .callserver( component, "e.getstudents”, function (response) { component .set ("v.studentList', response) ; hed instructorld : instructorId, coursebeliveryid: courseDeliveryid r de 20. Delete the contents of the onlnit() function, 21. Inside the onlnit() function, call the queryStudents function, passing along referencas to the component, helper, and two empty strings. onInit : function (component, event, helper) { helper. queryStudents (component, helper ,"","") ; 22. Save the file. 23. Refresh the Awinstructors tab. You should now see multiple names that were read from Salesforce Platform. End of Exercise (©2018 salesforce.com, ine. Page 86Getting Started 2.8 Using Base Lightning Components OTB Lightring Input components that ere themed with SLDS include: ~ < ——_ Using displays an him control with evalable options. Muitiple selections are not currently supported. The following syntax generates a select box that enables a user to choose a single option: <1igntning:sciect nane="idcaptain” Jabel="Sclect a Captain” aura:Id-"icCaptain™ value=" Kiirk Sisko SJaneway Setting the value property of configures the default selected option, Generating Options Dynamically with As illustrated by the following snippet, use the entities: caurarattribute type: default=" [{ labe. {label: Kirk", value:'1"}, Picard" , value:'2"}]"/> (!v.captains) captain"> option value=" (!captain.valuc) "> (leaptain..abel) ‘Section 2 (©2018 salesforce.com, inc. Page 87Building Lightning Components and Applications Handling Events components raise the following events: © onfocus = onblur © onchange A illustrated by the following snippet, the event that you'l listen for most often is the onchange evert. This event is broadcast as soon as a user ‘changes the selected item in the box. Markup: Choose one. Kirk Sisko Janeway elect Joption> Control onCaptChange : function(component, event, helper) var selectedVal component . find ("idCaptain’ -get("v.value"); alert ("You selected " + selectedval ); Section 2 (©2018 salesforce.com, inc. Page 88Getting Started Using and ‘A component represents a button element that executes ‘an action defined by a controller. Clicking the bution triggers the clent-side ‘controller function set for the onclick event. The following button types are ‘supported: © Alabel-only button + Alabel and iccn button + Body only + Body and leon You can use the variant attribute to specify additional styling. Use if you need a button that only uses an icon from tho SLDS SVG library. Using attributes ‘Section 2 supports the following attributes: Attribute accesskey tabindex too String. The shortcut key to focus the element Number. The tab order of the element. ‘String. A ess class that is epplied to the other DOM element. type ‘String. Specifies tooltip text that appears when a user hovers their mouse over the element. ‘Specifies the type of button. Valid values are bution, reset, and submit. This valve defaults to "button" String. The name of the button element. value label variant iconName iconPosition isabled String. The value for the button element. ‘String. The text that appears inside the button. ‘String. The SLDS theme to be applied to the button, String. The SLDS name of an icon to appear in the button. String. Describes the position of the icon relative to the button label. Defaults to "left" Boolean. Specifies whether the button can be icked, (©2018 salesforce.com, inc. Page 89Building Lightning Components and Applications Implementing a Label-Only Button You can create a text-only button by using the folowing syntax: éLightning:button abo 1="Submit" . onelick="{ !c,onButtonPres Submit P Using in this fashion generates the following markup: Submit ender Implementing a Label and Icon Button The Label and Icon button uses the iconName and iconPosition attributes to select an image from the SLDS icon gallery and place it either left or Tight of the button text The SLDS icon gallery is located at https:/wwwightningdesignsystem.com/icons!.

Implementing a Body and Icon Button ‘The body and icon button enables you to wrap practically any styled markup in a button, along with docking an SLDS icon its left or right side. 1 Upload Some Stumm ‘igure 40: A Body and Icon button Upload Sone
Stuf£! ‘Section 2 (©2018 salesforce.com, inc. Page 91Building Lightning Components and Applications Theming with Variant Options ‘SLDS supports the following bution variants. Wed Pal base Removes all the styling of the native butt Used to tngger a modal or display a “ike Its typically brand Creates the "blue" brand Salesforce styles. destructive Creates a “red” style button. Should be used to indicate a destructive operation Use if your bution is going to be placed on a dark background. Awlnstructors Figure 41: Button Variants lightning: button onclick-"{! c.handleclick }" dabel-"Inverse™ variant="inversc™ /> Section 2 (©2018 salesforce.com, inc. Page 92Getting Started Handling Events The component only raises the following events: = onfocus = onblu = onclick: Typical markup and event handling is illustrated by the folowing snippet: Markup: Grid System The Lightning Design System grid, based on Flexbox, provides a flexible, mobile-first, device-agnostic scaffolding system. itincludes helper classes that you can use to alter the look and behavior of your grid, such as alignment, order, flow, and padding helpers. The Grid System is based on the 960-grid (http://960.gs) in which content 's sized based a spectfied number of columns. The columns expand and ‘contract based on the width of the container. Cortent is automatically scaled. 12 Column Gris Figure 42: 960, 12-Column Grid System, ‘The grid system consists of two buliding blocks: the grid wrapper () and the columns () that fill up the ‘wrapper, as illustrated by following example: ‘Section 2 (©2018 salesforce.com, inc. Page 93Building Lightning Components and Applications is Column 1 This is Column 2 Figure 43: Defining Elastic Columns. lightning: layout Itom floxibility="grou"> This is Column 1 This is Column 2 Manually Sizing Columns SLDS Colurm sizing classes map to the Size attribute of . In this use-case, the size is entered as a number between 1 and 12. sLightning s<"recordError"> ‘Section 2 (©2018 salesforce.com, inc. Page 117Building Lightning Components and Applications 24, Save the file 25. Refresh the auradocs for your component. You should now see that the description text has been added to the output on the overview tab. End of Exercise Section 3 (©2018 salesforce.com, inc. Page 10Documenting and Unit Testing Components 3.2 Testing and Troubleshooting APEX Section 3 To facilitate and promote the development of robust, error-free code, Apex Code requires the creation and execution of unit tests. Unit tosis are class functions that verify whether a particular piece of code is working properly. Unit tests are written in Apex Code and annotated with the testMathod keyword Test methods are required to deploy Apex to @ production environment. They are also required if your code is going to be packaged and placed on Salesforce Piatform AppExchange. The test methods must provide at least 75% code coverage. Think of a test method as ‘Apex code that tests other Apox code." Codo coverage is calculated by dividing tho number of unique ‘Apex code lines executed during your tast mathod execution by the total number of Apex cade lines in all of your trigger and classes. (Note: these umbers do not include lines of code within your testMathods.) IIs also important to not think of test methods as simply a requirement by Salesforce Platform. It should not be an afterthought. Writing test methods should be a critical part of Salesforce Platform development and they are required to ensure your success. Test methods provide test automation which can enable greater QA efficiency. It also provides en automated rogrossion testing framework to validato bug fixes or futuro dovolopmont ‘enhancements. Note the following © Upto 3 MB of Apex code can be saved in each arg. Test classes annotated with @isTest dont count toward this limit © Even though test data rolls back, no separate database is used for testing. As a result, for some sObjecis thal have fields with unique constraints, inserting duplicate sObject records results in an error. Test methods don't send emails. + Test methods can't make callouts to extemal services. You can use mock callouts in tests, + SOSL searches performed in atest retum empty results. To ensure Predictable results, you can use Test setFixedSearchResults() to ‘define the records to be returned by the search. (©2018 salesforce.com, inc. Page 11Building Lightning Components and Applications Designing Tests Salesforce recommends that you write tests for the following: + Single action Test to verify that a single record produces the correct, expected resut + Bulk actions Any Apex code, whether a trigger, a class or an extension, may be invoked for 1 to 200 records. You must test not only the single record case, but the bulk cases as wel. + Positive behavior Test to vorify that the expected bohavior occurs through every ‘expected permutation, that is, that the user filled out everything correctly and did not go past the limits, + Negative behavior ‘There are likely limits to your applications, such as not being able toadd 2 future date, not being able to specify a negative amount, and so on. You must test for the negative case and verify that the ‘error messages are correctly produced as well as for the positive, within the limits cases. + Restricted user ‘Test whether a user with restricted access to the sObjects used in your code sees the expected behavior. That is, whether they can Tun the code or receive error messages. Defining a Test Method Starting in Summer 13, test methods can be defined only in test classes (classes annotated with @isTest). You can no longer add a tost mothod in ‘a non-test class. This change applies to new Apox codo caved using Salesforce.com API version 28.0 and later. Apax code saved using earlier API versions isn't affected To define an Apex method as a test method, simply define the method as slatic and add the keyword testMetnod as ilustrated by the following srippet. A test method can be defined in any Apex class, however a test method may not be defined in an Apex trigger. Gistost public class myClass { static testMethod void myTest() { // dd test method logic using // Systom.assert(), System.assertEquals (), a. System.assertNotEqua here Section 3 (©2018 salesforce.com, inc. Page 12Documenting and Unit Testing Components Testing Assertions Use the following three functions to test application behavior. Assertions that retum false cause your test to fail, ‘+ System asserticondition, message) Asserts that the specified condition is true. Ifit is not. a fatal error is, returned that causes code execution to halt. + System.essertEquals(expecied,actual,msg) Asserts that the frsttwo arguments are the same. If they are not, a fatal error is rotumed that causes code execution to hat + System assertNotEquals(expected,actual,msg) Asserts that the first two arguments are different. If they are the same, a fatal error is retumed that causes code execution to halt. The following snippet illustrates using assertEquals() to test two values for equality: Gistest public class myClass { static testWethod void myTest() { Integer x = 10; System. assertiquals (x, 10) ; Working with Test Data By default, unit tests do not have access to your production data. In addition, any mock data that is programmatically added during a testis not ‘committed to your production or sandbox objects. Therefore, the following test would always fail, as the query would always, relum 0 records since itis looking at mock data and not production/sandbox data: Gistost public class PanicRuttonServerControllertests ( static testMethod void myfest() { test.startTest (); List MyContacts [SELECT Id,Name F test.stoptest () 7 (OM Contact]; system. assertNotiquals( MyContacts isEmpty () , de ‘Section 3 (©2018 salesforce.com, inc. Page 13Building Lightning Components and Applications Exposing Production Data to Unit Tests To expose production data to your unit tests, add the (SeeAlIData = true) attribute to your @is Test annotation: eu public cl st (SccAliData ~ truc) PanicButtonServerControllert: static tostMothod void myFost() { test.start Test (); List MyContacts = [ SELECT Id,Name FROM LG test -stopTest (); system.assertNot Equals ( MyContacts. isEmpty (), ruc @ ) Note: Exposing production data to unit tests is not generally considered to be a best practice. Using Test.startTest/Test.stopTest TeststartTest and Test stopTest, are used when testing governor limits by ‘executing test scenarios with a large data set The Test.startTest method marks the point in your test code when your test actually begins. Each test method is allowed to call this method only once. Al of the code before this method should be used to intialize variables, Populate data structures, and so on, allowing you to set up everything you need in order to run your test. After you call this metnod, you get a fresh Set of governor limits for the remainder of the test until you call Test stopTest The Test.stopTest method marks the point in your test code when your test ‘ends. Use this method in conjunztion with the starfTest method, Each test method is allowed to call this method only once. After calling this method, any post assertions are done in the original context. These static methods allow a test method to separate the Apex resources and governor limits being used to prepare and initialize the dataset from the resources and limits used during the actual test execution Section 3 (©2018 salesforce.com, inc. Page 14Documenting and Unit Testing Components ‘Tho following snippet illustrates a test using startTest() and stopTest(): Gistost public class PanicButtonServerControllerTests « static testMethod void myTest() { SoundClip _¢ s1 = new SoundClip _c( nanc=" Explosion’, filevrl_c + /resource/PanicButtonAssets/2anicButton/Explosion.m ps" Vs SoundClip _¢ 22 ~ new SoundClip _e( nane-'Sad Trombone", filowrl * /resource/PanicButtonAssets/PanicButton/SadTronbone -mp3" ve Uf insert mock data List sList = new List|); sist .add(s1)? sist .ada(sz)? insert sbist; JJonly needed when testing against Limite or asyne test .otart Test ()7 List MediaClips ELECT filcUrl__c, name FROM SoundClip_cl: J/only needed when testing against Limits test .stopTest (); J/Plways good to throw results into a log i/ _before_ the assert in case it fails. System.debug(*MediaClips: ' + MediaClips) ; U/ vest 2 condition System.assertNot Equals (MediaClips, Empty (), teue) ; ) (©2018 salesforce.com, inc. Page 15Building Lightning Components and Applications Running Tests Section 3 ‘You can run your tests from the Developer Console, as indicated in Figure 5. The results of the test are written to the Tesis tab. Figure 5: Running a Unit Test Note: Whenever you modify your Apex code, you need (0 rerun tests to refresh code coverage results. You can also run tests through the Salesforce User interface as illustrated in Figure 6. Select Setup | Custom Code | Apex Classes to reach this screen, mess 1 Figure 6: Running Apex Unit Tests (©2018 salesforce.com, inc. Page 16Documenting and Unit Testing Components Exercise 3-2: Creating Unit Tests for Apex Steps ‘Section 3 During this exercise, you will create Apex unit tests to achieve 100% code ‘coverage by completing the following tasks: + Create unit tests for your StudentBrowserForm, StudentBrowser, and StudentDetail apex classes. + Create a Unit Test that verifies schem: Figure 7: Achieve 100% Test Coverage Create and Execute an Apex Unit Test to Test for Existing Data Return to your Developer Console, Click File | New | Apex Class. Enter a name of StudentDetailTests and press OK. At the top of the fle, add an annotation to indicate that youre creating a test class. sepe @iotest public cl: (©2018 salesforce.com, inc. Page 17Building Lightning Components and Applications 5. Inside the class, define a tost function named testStudentDetail Gistest public class Studentpetailtests { static testMethod void testStudentDetail () { d 6. Inside the testMathod, define a new Contact, populating the FirsiName and LastName fields. Contact myContact = new Contact ( FirstName='Steve', LastNane=' Drucker’ de 7. After the code that you inserted from the prior stop, define a Contact List that adds the new contact record and inserts itinto the databasa. J/ insert mock data List sList = new List(); sList. add (myContact) ; insert sList; 8. After tho code that you inserted from the provious stop, dofine a List of Contacts that contains the Id of record that you just inserted and then pass the ID to the StudentDetail.getNotesByStudent() function, List myContacts = [select Id from Contact Limit 1]; List