1 00:00:00,960 --> 00:00:01,793 Instructor: In the last section, 2 00:00:01,793 --> 00:00:02,626 we spoke a little bit 3 00:00:02,626 --> 00:00:05,100 about running Jest inside of our project. 4 00:00:05,100 --> 00:00:06,390 As we said in the last section, 5 00:00:06,390 --> 00:00:08,700 we're gonna learn a lot about Jest over time 6 00:00:08,700 --> 00:00:10,440 inside this project. 7 00:00:10,440 --> 00:00:12,240 Let's now continue by talking a little bit 8 00:00:12,240 --> 00:00:14,580 about the first application you and I are going to make 9 00:00:14,580 --> 00:00:17,490 to get a better idea of how testing works. 10 00:00:17,490 --> 00:00:19,350 All right, so here's a quick mockup 11 00:00:19,350 --> 00:00:20,550 and I'm gonna tell you right now 12 00:00:20,550 --> 00:00:23,100 this is a very humble project. 13 00:00:23,100 --> 00:00:24,600 So we're very purposefully starting 14 00:00:24,600 --> 00:00:27,060 with a simple project to get a good idea 15 00:00:27,060 --> 00:00:29,460 of how testing works by itself 16 00:00:29,460 --> 00:00:31,140 and not have to simultaneously worry 17 00:00:31,140 --> 00:00:34,050 about making a really complicated project. 18 00:00:34,050 --> 00:00:36,630 In other words, if we tried making a complicated project 19 00:00:36,630 --> 00:00:38,730 and learning testing at the same time, 20 00:00:38,730 --> 00:00:40,590 well that'd be a little bit challenging. 21 00:00:40,590 --> 00:00:42,780 So instead, we're gonna work on a very simple 22 00:00:42,780 --> 00:00:43,950 and straightforward project 23 00:00:43,950 --> 00:00:47,490 so we can really focus on the testing aspect of it. 24 00:00:47,490 --> 00:00:48,450 So we're going to essentially 25 00:00:48,450 --> 00:00:51,540 be building a comment form of sorts. 26 00:00:51,540 --> 00:00:53,220 At the top of our application, 27 00:00:53,220 --> 00:00:56,940 we're going to display a comment box of sorts to our user. 28 00:00:56,940 --> 00:00:59,010 So a user can enter in some text 29 00:00:59,010 --> 00:01:01,170 to this little text area right here 30 00:01:01,170 --> 00:01:04,140 that represents the comment that they're trying to add. 31 00:01:04,140 --> 00:01:06,180 After they add in some amount of text, 32 00:01:06,180 --> 00:01:09,240 they can click on the submit button right here. 33 00:01:09,240 --> 00:01:11,640 And our application should then take all the text 34 00:01:11,640 --> 00:01:12,870 out of the text area 35 00:01:12,870 --> 00:01:15,750 and add it to the list of comments down here. 36 00:01:15,750 --> 00:01:17,730 So you can kind of imagine that the user 37 00:01:17,730 --> 00:01:20,610 of this application has already added on comment one, 38 00:01:20,610 --> 00:01:23,880 comment two, and comment three down here on the list. 39 00:01:23,880 --> 00:01:25,770 So like I said, straightforward application 40 00:01:25,770 --> 00:01:28,050 but it's going to allow us to focus a hundred percent 41 00:01:28,050 --> 00:01:29,820 on the testing setup. 42 00:01:29,820 --> 00:01:31,290 Now, a little bit more on the tech stack 43 00:01:31,290 --> 00:01:32,580 we're going to use here. 44 00:01:32,580 --> 00:01:34,680 So we're gonna go totally overboard here 45 00:01:34,680 --> 00:01:36,480 and we're going to use both React 46 00:01:36,480 --> 00:01:38,970 and Redux to build out this app. 47 00:01:38,970 --> 00:01:40,530 Now, without a doubt, we could build this thing 48 00:01:40,530 --> 00:01:42,360 without making use of Redux at all, 49 00:01:42,360 --> 00:01:44,400 but of course we want to understand 50 00:01:44,400 --> 00:01:46,860 how to work Redux into our testing setup. 51 00:01:46,860 --> 00:01:48,690 So yes, we're going to include Redux 52 00:01:48,690 --> 00:01:50,670 in this project as well. 53 00:01:50,670 --> 00:01:52,440 Okay, so let's take a quick pause right here. 54 00:01:52,440 --> 00:01:54,060 We're gonna come back the next section 55 00:01:54,060 --> 00:01:56,490 we're gonna talk a little bit about our testing approach 56 00:01:56,490 --> 00:01:59,040 for this application and then start putting it together. 57 00:01:59,040 --> 00:02:01,490 So quick break and I'll see you in just a minute.