1
00:00:01,230 --> 00:00:02,063
Instructor: In the last section

2
00:00:02,063 --> 00:00:04,350
we finished up our first test that made sure

3
00:00:04,350 --> 00:00:06,120
that we saw exactly one instance

4
00:00:06,120 --> 00:00:09,120
of our comment box inside the app component.

5
00:00:09,120 --> 00:00:11,700
We wrote that test by using the shallow renderer

6
00:00:11,700 --> 00:00:13,740
that's part of the enzyme library.

7
00:00:13,740 --> 00:00:15,600
So remember, the shallow function right here

8
00:00:15,600 --> 00:00:17,640
is gonna render just the app component,

9
00:00:17,640 --> 00:00:20,460
but not any components inside of it.

10
00:00:20,460 --> 00:00:21,750
So even though it appears

11
00:00:21,750 --> 00:00:24,090
that there might be an instance of comment box,

12
00:00:24,090 --> 00:00:26,820
there's just kind of a placeholder, something that says,

13
00:00:26,820 --> 00:00:29,010
oh yeah, there should be a comment box here.

14
00:00:29,010 --> 00:00:30,060
It doesn't actually exist,

15
00:00:30,060 --> 00:00:33,900
it's just a bookmark or a placeholder for that component.

16
00:00:33,900 --> 00:00:36,420
So in this section, we're gonna move on to our next test

17
00:00:36,420 --> 00:00:38,160
where we're gonna make sure that the comment list

18
00:00:38,160 --> 00:00:41,100
is also displayed inside the app component.

19
00:00:41,100 --> 00:00:43,740
Now, for this test, I would like you to give a shot

20
00:00:43,740 --> 00:00:46,440
at writing out this test on your own.

21
00:00:46,440 --> 00:00:48,630
So I want you to take everything that we've covered so far

22
00:00:48,630 --> 00:00:52,350
and attempt to write out another test inside of this file,

23
00:00:52,350 --> 00:00:54,300
then make sure that we have an instance

24
00:00:54,300 --> 00:00:57,900
of the comment list being displayed inside the app as well.

25
00:00:57,900 --> 00:00:59,130
Just as a quick hint,

26
00:00:59,130 --> 00:01:02,010
I really expect the implementation is gonna be very similar

27
00:01:02,010 --> 00:01:03,840
to what we see right here.

28
00:01:03,840 --> 00:01:05,700
We could merge the two tests together

29
00:01:05,700 --> 00:01:06,960
into a single it statement,

30
00:01:06,960 --> 00:01:08,760
but I think it'd be really nice if you wrote out

31
00:01:08,760 --> 00:01:12,090
a second it statement and wrote the test inside there.

32
00:01:12,090 --> 00:01:14,130
So let's take a quick break, give it a shot,

33
00:01:14,130 --> 00:01:15,990
and we'll come back and get a better sense

34
00:01:15,990 --> 00:01:18,390
of how to take care of this in the next section.