Name: 你的測試缺乏視野。為你的自動化框架添加眼睛--Angie Jones｜JSConf Hawaii 2020 (Your Tests Lack Vision: Adding Eyes to Your Automation Framework - Angie Jones | JSConf Hawaii 2020)
Uploaded: 2021-01-14T10:25:23.000Z
Duration: 27 min 10 s
Description: 【看影片學英語】數萬部 YouTube 影片，搭配英漢字典即點即查，輕鬆掌握單字發音與用法，長久累積看電影不必再看字幕。

情態副詞

I'm a developer, advocated aptly tools, and we're gonna talk about visual validation today.

But first, we're gonna play a little game off.

Somebody in this room murdered Lord Smythe, who at precisely 3 34 this afternoon was brutally bludgeoned to death with a blunt instrument.

I want each of you to tell me your whereabouts.

At precisely the time that this dastardly deed took place, I was polishing the brass in the master bedroom.

I was buttering his lordship's scones below stairs.

But I was planting my petunias in the potting shed.

As any horticulturist will tell you, one does not plant petunias until May is out.

The real question is how observant were you?

Clearly, somebody in this room murdered Lord smile who at precisely 3 34 this afternoon was brutally bludgeoned to death with a blunt instrument.

On precisely the time that this dastardly deed took place, I was polishing the brass in the master.

I can't believe you all let a dead man get up and walk away.

But actually, I can't believe it, because we all suffer from what's called in intentional blind.

This is where you're so focused on a specific task that you miss other things new and unexpected, that might come into your vision.

And this happens a lot when we're developing our code and we do these little quick.

I was about to curse these little quick, uh, half effort tests on, and we missed a lot of what else is going on in our application, right?

And when we automate the test and we're making sure that every time that test runs has taken the exact same steps and it is verifying the exact same things and that sounds really good and predictable, right?

What if I told you you were actually coding in, but an intentional blindness was all scripts a worse than we are Onley looking at the being that we told it to look at.

And it misses anything that we didn't specifically think of to code in.

For example, what about if you're text is on the screen and you want to verify that this text is there, right?

So you write some cold and it verifies that it's there.

But what if that text was bleeding off the edge of the page?

You see this all the time on mobile views?

That text was covered by another element, so your user couldn't even see it.

What about if it was the same color as the background and again your user couldn't see?

All of these things will be missed with our traditional assertions.

And this isn't one off type things that happens all the time.

Now that I'm aware of visual testing, I see these visual bugs everywhere and some of your abs.

This is the world's second largest cinema chain.

They had a visual bug on the page that actually, if you would like to store your credit card information now, if you saw this in your app, you probably would wouldn't think It was a big bug, you know?

But how many of you in here would actually Who are your credit card?

The reason for that is because you look at this and you think if they didn't even see this, I'm not convinced that they're testing the back end.

Now, your test, as written today will probably pay because it is looking Thio.

See if those labels air There's already a little buttons or there it can click things functionally.

So this gives the pool it and some production.

How many people use open table, Make reservations?

Yes, I was going to Riley, and they're famous for their barbecue.

So I wanted to make a dinner reservation at my favorite place there with some of my friends.

So I went to click a time that I wanted in this motel popped up.

I was a little bit confused at first because there was nothing in the center there.

I didn't know what I was supposed to be doing.

As I looked around, I noticed in the upper right corner those two buttons say select.

I opened Chrome Dev tools, began to dig around and figure out what were these buttons.

They were just as far away from the buttons as possible Again.

We think that these people don't test they bear cold, but they might be tested it.

The tests were passed in this case because the tests are looking in the dom.

It's present, functional, but ah, user cannot use this right.

And most of their users are not engineers who know about chrome depth tools and are gonna dig in the dom.

These aren't one offs haven't so your favorite tech companies as well Amazon Someone not only wants to purchase something but they want to multiply the number of items of the amount of money they're going to spin.

And you have this cool feet book Facebook on their marketplace.

The reason this is my favorite one is because this is sponsored content.

你的測試缺乏視野。為你的自動化框架添加眼睛--Angie Jones｜JSConf Hawaii 2020 (Your Tests Lack Vision: Adding Eyes to Your Automation Framework - Angie Jones | JSConf Hawaii 2020)

字幕列表影片播放

你的測試缺乏視野。為你的自動化框架添加眼睛--Angie Jones｜JSConf Hawaii 2020 (Your Tests Lack Vision: Adding Eyes to Your Automation Framework - Angie Jones | JSConf Hawaii 2020)

specific

entire

content

present