อยากจะทำ Automate Testing ให้ถึงพริกถึงขิง ไม่รู้จัก Automate Testing Framework ไม่ได้เน้ววว 🔥
.
และวันนี้แอดจะพาเพื่อน ๆ มารู้จักกับ Framework ที่เขาใช้ทำ Automate Testing ซึ่งจะมีรายละเอียดยังไง ไปติดตามกันได้ในโพสต์นี้เลย !! ~
.
✏️ ก่อนอื่นเรามาทำรู้จักกับ Automate Testing Framework กันก่อน
.
Automate Testing Framework เป็นแนวทางสำหรับการออกแบบการทดสอบ ซึ่งจะช่วยให้เราสามารถใช้ทรัพยากรในการทดสอบซอฟต์แวรได้อย่างมีประสิทธิภาพมากขึ้นนั่นเอง
.
🔹 ทำไมถึงต้องใช้ Automate Testing Framework ?
.
เจ้า Automate Testing Framework จะมาช่วยเพิ่มประสิทธิภาพและความเร็วในการทดสอบซอฟต์แวร์ของเราได้มากขึ้น อีกทั้งยังช่วยปรับปรุงความแม่นยำในการทดสอบให้เพิ่มมากขึ้นอีกด้วย
.
Linear Scripting Framework
.
เป็นวิธีทดสอบที่ง่ายที่สุด ใช้แนวคิด “record and playback” โดยจะรัน Test Script เพื่อทำการทดสอบตามขั้นตอนที่วางแผนไว้ตามลำดับ และจะบันทึกผลลัพธ์ของแต่ละขั้นตอนไปพร้อมกัน เหมาะกับการทดสอบซอฟต์แวร์ขนาดเล็ก เช่น User Interface บนหน้าเว็บแอปพลิเคชัน
.
👍 ข้อดี
🔹 สร้าง Test Script ได้รวดเร็ว ไม่ต้องใช้เวลานานในการวางแผน
🔹 ผู้ทดสอบไม่จำเป็นต้องมีความรู้ด้าน Coding
🔹 ทดสอบได้รวดเร็ว
.
⚠️ ข้อพิจารณา
🔸 หากโปรแกรมมีการอัปเดตจะต้องเปลี่ยนแปลง Test Script
🔸 บำรุงรักษาได้ยาก หากโปรแกรมมีการขยายจะไม่สามารถเพิ่มขอบเขตในการทดสอบได้
.
Modular Testing Framework
.
เป็นการทดสอบแบบแยกส่วน ซึ่งจะต้องแบ่งการทดสอบออกเป็นหน่วย ฟังก์ชัน หรือโมดูลเล็ก ๆ โดยแต่ละส่วนจะทดสอบแยกกัน และสามารถรวมกันเพื่อสร้าง Test Script ที่ใหญ่ขึ้นได้ในภายหลัง เช่น การทดสอบแบบ End-to-End
.
👍 ข้อดี
🔹 ยืดหยุ่นและสามารถบำรุงรักษาได้ง่าย เนื่องจากแบ่งการทดสอบออกเป็นหน่วยเล็ก ๆ
🔹 สามารถเขียน Test Script ได้อย่างอิสระ
🔹 การเปลี่ยนแปลงของฟังก์ชันหนึ่งจะไม่กระทบกับการทดสอบอื่น ๆ
.
⚠️ ข้อพิจารณา
🔸 ใช้เวลามากในการวางแผนและสร้าง Test Case
🔸 ต้องใช้ทักษะในการ Coding
.
Library Architecture Testing Framework
.
เป็นการทดสอบแบบแยกส่วน โดยจะแบ่งกลุ่มฟังก์ชันต่าง ๆ ของแอปพลิเคชันที่จะทำการทดสอบและเก็บไว้ภายใน Library ฟังก์ชันที่คล้าย ๆ กันจะถูกจัดอยู่ในกลุ่มเดียวกัน ซึ่งจะสามารถใช้ Test Script เดียวกันได้นั่นเอง
.
👍 ข้อดี
🔹 ใช้ Test Script ซ้ำกันได้
🔹 ปรับขนาดได้อย่างยืดหยุ่น
.
⚠️ ข้อพิจารณา
🔸 ใช้เวลานานในการเตรียม Test Script
🔸 ผู้ทดสอบจำเป็นต้องมีทักษะ Coding
.
Data Driven Testing Framework
.
เป็นการทดสอบโดยจะแยก Logic Script และข้อมูลการทดสอบออกจากกัน โดยชุดข้อมูลจะถูกเก็บไว้ในไฟล์ต่าง ๆ เช่น MS Excel Sheets, MS Access Tables, SQL Database, XML File เป็นต้น โดย Test Script จะดึงข้อมูลจากไฟล์เหล่านั้นออกมาทดสอบนั่นเอง จะใช้กับการทดสอบในฟังก์ชันหรือฟีเจอร์เดียวกันในแอปพลิเคชันหลาย ๆ ครั้ง ด้วยชุดข้อมูลที่แตกต่างกัน
.
👍 ข้อดี
🔹 มีข้อมูลหลายชุดในการทดสอบ
🔹 สามารถทดสอบในสถานการณ์ต่าง ๆ ได้อย่างรวดเร็ว
🔹 ประหยัดเวลาในการทดสอบ
.
⚠️ ข้อพิจารณา
🔸 ผู้ทดสอบจะต้องมีประสบการณ์ และเชี่ยวชาญการเขียนโปรแกรม
🔸 ใช้เวลานานในการวางแผน และตั้งค่า Framework
.
Keyword Driven Testing Framework
.
การทดสอบโดยใช้ Keyword จะใช้ตารางเพื่อกำหนด Keyword หรือชุดคำสั่ง แต่ละฟังก์ชันที่จะใช้ทดสอบถูกจัดเรียงอยู่บนตารางตามลำดับของชุดคำสั่ง มีความคล้ายกับ Data Driven Testing ตรงที่ Logic Script และข้อมูลการทดสอบจะแยกจากกัน แต่การทดสอบจะละเอียดและทำได้ง่ายมากกว่า
.
👍 ข้อดี
🔹 แม้แอปพลิเคชันมีการเปลี่ยนแปลง สามารถใช้ Test Script ซ้ำได้
🔹 ใช้ Keyword กับ Test Script หลาย ๆ ชุดได้
.
⚠️ข้อพิจารณา
🔸 ใช้เวลานานในการวางแผน และตั้งค่า Framework
🔸 ยุ่งยากในการบำรุงรักษา เมื่อมีการขยายวิธีการทดสอบจะต้องสร้าง Keyword เพิ่ม
.
Hybrid Testing Framework
.
เป็นการผสมผสานระหว่าง Modular, Data Driven, และ Keyword Driven Testing Framework ซึ่งจะใช้ข้อดีและจุดแข็งของแต่ละ Framework มารวมกันนั่นเอง
.
👍 ข้อดี
🔹 เป็นการนำข้อดีของทั้ง 3 Framework มารวมกัน
.
⚠️ข้อพิจารณา
🔸 ต้องใช้เวลานานในการวางแผน
🔸 จำเป็นต้องมีทักษะการเขียนโปรแกรม
.
📑 และสำหรับใครที่อยากอ่านเพิ่มเติม กดลิงค์ด้านล่างเลย 👇👇 https://www.softwaretestingmaterial.com/types-test-automation-frameworks/#Linear-Scripting-Framework , https://smartbear.com/learn/automated-testing/test-automation-frameworks/ , https://www.testingxperts.com/blog/test-automation-frameworks
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有63部Youtube影片,追蹤數超過2萬的網紅Untyped 對啊我是工程師,也在其Youtube影片中提到,👇👇👇【凱心琳粉絲Himalaya專屬優惠】(提供30天免費試用!)👇👇👇 https://www.himalaya.com/mPmC6 (此連結已有我的優惠不用再輸入優惠碼!) 2. 點擊「領取30天免費暢聽」 3. 登入 or 注冊後右邊就會出現「優惠碼untyped已兌換 」 ★ 如果...
「data types」的推薦目錄:
- 關於data types 在 BorntoDev Facebook 的最讚貼文
- 關於data types 在 BorntoDev Facebook 的精選貼文
- 關於data types 在 Facebook 的最佳解答
- 關於data types 在 Untyped 對啊我是工程師 Youtube 的最讚貼文
- 關於data types 在 Untyped 對啊我是工程師 Youtube 的精選貼文
- 關於data types 在 Untyped 對啊我是工程師 Youtube 的最讚貼文
- 關於data types 在 Understanding Data Types in Python 的評價
- 關於data types 在 What Are Data Types? - YouTube 的評價
- 關於data types 在 JavaScript Data Types Demystifed 的評價
data types 在 BorntoDev Facebook 的精選貼文
อยากเริ่มเขียนเว็บด้วย React แบบคนอื่นบ้าง แต่ไม่รู้จะเริ่มต้นยังไงดี ? 😖
.
ไม่ต้องกังวลไป...เพราะวันนี้แอดสรุปมาให้แล้วจ้า กับสิ่งที่ต้องรู้ก่อนจะเริ่มต้นใช้ Library ที่ช่วยในการเขียนเว็บแอปพลิเคชันอย่าง React
.
มีอะไรต้องรู้บ้าง ? หากพร้อมแล้วไปดูกันเลย ~
.
🌟 พื้นฐาน HTML CSS JavaScript
.
ก่อนอื่นเราต้องมาสำรวจตัวเองก่อนว่าเราเข้าใจพื้นฐานพวกนี้แล้วหรือยัง ถ้ายังไม่เข้าใจ ควรจะไปศึกษาให้เข้าใจอย่างถ่องแท้ก่อนนะ ส่วนพื้นฐานที่แอดพูดถึงก็มีดังนี้
.
🔸 HTML เช่น HTML Element, Form, Table, และ Div เป็นต้น
🔸 CSS เช่น Styling, CSS Selectors และ Box Model
🔸 JavaScript เช่น variables, Conditional Statements, Loops, Data Types, และ DOM เป็นต้น
.
✨ NPM
.
รู้จักการใช้งาน NPM ซึ่งเป็นเครื่องมือที่ช่วยในการติดตั้ง อัปเดต กำหนดค่าต่าง ๆ และรันคำสั่งบางอย่างผ่าน Terminal เพื่อใช้งานคำสั่ง และ Library บนโปรเจกต์ React ของเรานั่นเอง
.
อ่านวิธีการใช้งานเพิ่มเติมได้ที่นี่ 👇
Link : https://www.npmjs.com/
.
✨ React Concept
.
เมื่อเราเรียนรู้พื้นฐานและฝึกฝนจนเชี่ยวชาญแล้ว ขั้นตอนต่อมาเราก็จะต้องเรียนรู้และทำความเข้าใจโครงสร้างและการทำงานของ React เช่น
.
🔹 Create React App - เป็นการตั้งค่าสภาพแวดล้อมและเครื่องมือต่าง ๆ ให้เหมาะสมกับการพัฒนาโปรเจกต์บน React เพื่อให้เราสามารถใช้คุณสมบัติของ JavaScript ได้อย่างเต็มประสิทธิภาพนั่นเอง !
.
อ่านวิธีการติดตั้งแบบเต็ม ๆ ได้ที่นี่ 👇
📑 https://reactjs.org/docs/create-a-new-react-app.html
.
🔹 JSX - เป็นส่วนเสริมของ JavaScript ที่ทำให้เราสามารถจัดการกับ UI ใน React ได้อย่างง่ายดาย ซึ่งจะมี Syntax คล้าย ๆ กับ HTML
.
สามารถอ่านเรื่อง JSX แบบเต็ม ๆ ได้ที่นี่ 👇
📑 https://reactjs.org/docs/introducing-jsx.html
.
🔹 Virtual DOM - เป็นตัวที่ช่วยจัดการ Object และ Element ต่าง ๆ บน React เปรียบเสมือนพิมพ์เขียวของ DOM ถ้าหากมีการแก้ไขหรือเปลี่ยนแปลง Object บน React มันก็จะไม่กระทบกับ DOM ทั้งหมด เพราะมันจะเปลี่ยนแปลงเฉพาะ Object ที่มีการอัปเดตเท่านั้น ทำให้การแสดงผลมีความรวดเร็วมากขึ้นนั่นเอง
.
สามารถอ่านเรื่อง Virtual DOM แบบเต็ม ๆ ได้ที่นี่ 👇
📑 https://reactjs.org/docs/faq-internals.html
.
🔹 Props & State - Props (Properties) เปรียบเสมือนแท็กใน HTML เช่น src, href, หรือ class แต่ความพิเศษของมันก็คือทำให้ React Component สามารถส่งค่าต่าง ๆ ระหว่างกันได้ ส่วน State จะแตกต่างกับ Props เพราะมันจะเป็นการเก็บค่าเพื่อใช้ใน Component นั้น ๆ เท่านั้น
.
สามารถอ่านเรื่อง Props & State แบบเต็ม ๆ ได้ที่นี่ 👇
📑 https://reactjs.org/docs/faq-state.html
.
🔹 Conditional Rendering - เป็นการแสดงผล Element ต่าง ๆ บน UI แบบมีเงื่อนไขนั่นเอง โดยใช้ตัวดำเนินการใน JavaScript เช่น if...else เป็นต้น
.
สามารถอ่านเรื่อง Conditional Rendering แบบเต็ม ๆ ได้ที่นี่ 👇
📑 https://reactjs.org/docs/conditional-rendering.html
.
🔹 React Hook - เป็น Functions เจ๋ง ๆ ใน React ซึ่งเป็นฟีเจอร์ใหม่ที่มีใน React v16.7.0-alpha -ข้อดีของมันก็คือทำให้เราสามารถเรียกใช้ State ต่าง ๆ ใน React แบบไม่ต้องเขียน Class ให้เมื่อยมือ! เป็นการเพิ่มคุณสมบัติของ Component ไม่ว่าจะ Test หรือ Refactor ก็ทำได้ง่าย ๆ
.
สามารถอ่านเรื่อง React Hook แบบเต็ม ๆ ได้ที่นี่ 👇
📑 https://reactjs.org/docs/hooks-intro.html
.
✨ API
.
เรียนรู้โครงสร้าง และวิธีการดึงข้อมูลจาก API โดยต้องเข้าใจการใช้งานฟังก์ชันใน JavaScript เพื่อช่วยในการดึงข้อมูลและนำมาใช้ภายในโปรเจกต์ หรืออาจจะใช้เครื่องมืออย่าง Axios ซึ่งเป็นอีกหนึ่ง Library ยอดนิยมที่ช่วยให้เราดึงข้อมูลจาก API ได้อย่างง่ายดาย !
.
เพื่อน ๆ สามารถอ่านวิธีการใช้งาน Axios ได้ที่นี่ 👇
Link : https://www.npmjs.com/package/axios
.
✨ Server-side Rendering
.
รู้จักการใช้งานเครื่องมือที่ช่วยในการแสดงผลฝั่ง Server เช่น Next.js, After.js, Rogue ซึ่งเหล่า React Dev ส่วนใหญ่จะนิยมใช้เจ้า Next.js เพราะใช้งานง่าย ไม่ต้อง Config อะไรเพิ่มเติมและช่วยให้เราสามารถเขียนเว็บได้สะดวก รวดเร็วมากขึ้นนั่นเอง !
.
✨ Styling UI
.
ใช้แนวคิด CSS มาช่วยให้เราออกแบบ วาง Layout และจัดองค์ประกอบบนหน้าเว็บไซต์ ซึ่งในปัจจุบันก็มีเครื่องมือต่าง ๆ ที่จะช่วยให้เราเขียน CSS ได้ง่ายมากขึ้น ไม่ว่าจะเป็น Material UI และ TailwindCSS นั่นเอง
.
และเมื่อเราได้เรียนรู้ทุกหัวข้อที่แอดกล่าวมาแล้ว เราก็เริ่มต้นทำโปรเจกต์ React กันได้เลย !! ซึ่งทางทีมแอดเคยทำสรุปการใช้งาน React ไว้ให้แล้ว หากสนใจสามารถกดเข้าไปอ่านกันได้เลย ~
📑 Link : https://www.borntodev.com/2020/07/15/react-101/
.
หวังว่าจะเป็นประโยชน์กับเพื่อน ๆ ที่กำลังเริ่มต้นเขียน React นะ หากชอบเนื้อหานี้ อย่าลืมกดไลก์ กดแชร์ เพื่อเป็นกำลังใจให้พวกเราด้วยล่ะ 😁
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#React #javascript #ฺBorntoDev
data types 在 Facebook 的最佳解答
今晚我想來點 …… Binding Nullable Value Types
在 Windows Forms 中要對 Nullable Value Types 的屬性做雙向綁定,我們可能要多寫一些程式碼,來去處理控制項與 Data Source 之間值的轉換。
data types 在 Untyped 對啊我是工程師 Youtube 的最讚貼文
👇👇👇【凱心琳粉絲Himalaya專屬優惠】(提供30天免費試用!)👇👇👇
https://www.himalaya.com/mPmC6
(此連結已有我的優惠不用再輸入優惠碼!)
2. 點擊「領取30天免費暢聽」
3. 登入 or 注冊後右邊就會出現「優惠碼untyped已兌換 」
★ 如果沒有出現請在優惠碼欄位輸入「untyped」
(可隨時退訂,且30天內完全免費)
這集會聊到...
💬 Overview 💬
1:30 💙 不用早起通勤
2:40 💙 聊聊有聲書
6:30 💙 工作時間彈性
8:26 💙 工作地點彈性
9:09 💙 沒有免費食物
9:40 💙 不用看到同事
11:00 💙 凱心琳喜歡遠端工作嗎
📢 📣 📢 本頻道影片內容有輸出成 podcast 📢 📣 📢
可以在各大podcast平台搜尋「Untyped 對啊我是工程師」
請大家多多支持呀!!🙏🏻💁🏻♀️
#遠端工作 #WorkFromCar #Himalaya有聲書
一定要看到影片最後面並且在「YouTube影片下方」按讚留言訂閱分享唷!
【愛屋及烏】
YouTube 👉 https://www.youtube.com/c/Untyped對啊我是工程師
Podcast 👉 https://open.spotify.com/show/3L5GRMXmq1MRsliQt43oi2?si=3zgvfHlETeuGfp9rIvwTdw
Facebook 臉書粉專 👉 https://www.facebook.com/untyped/
Instagram 👉 https://www.instagram.com/untypedcoding/
合作邀約 👉 untypedcoding@gmail.com
-
Untyped 對啊我是工程師 - There are so many data types in the world of computer science, so are the people who write the code. We aim to UNTYPE the stereotype of engineers and of how coding is only for a certain type of people.
凱心琳: 一個喜歡電腦科學邏輯推理,在科技圈努力為性別平等奮鬥的工程師。
data types 在 Untyped 對啊我是工程師 Youtube 的精選貼文
今天巧遇來 Google 借廁所看烏龜的哈佛姐 Alice
雖然廁所沒上到,免費的飯也沒吃到,但是卻從訪談中認識到學霸轉職的心路歷程其實不如大家預期的輕鬆!哈佛姐這次也在訪談中提到許多tips 跟建議,希望對於想轉職軟體工程師的你有所幫助~
哈佛姐的影片:https://youtu.be/P8X5-LoaCis
這集會聊到...
💬 Overview 💬
💙 哈佛姐是誰 0:55
💙 如何去常春藤名校 2:35
💙 學霸兒時夢想就很驚人 4:03
💙 哈佛 vs 博客來 4:45
💙 學霸轉職心得 6:03
💙 工程師職涯規劃 6:39
💙 讀書有用嗎 7:45
💙 為何要讀那麼多學位 9:14
💙 轉職需要學位嗎 9:40
💙 想跟剛進哈佛的自己說什麼 10:50
💙 遊完矽谷,哈佛姐想夢遊 __? 12:10
👇🏻 哈佛姐夢遊矽谷 AliceInSiliconWonderland 👇🏻
https://www.youtube.com/channel/UCB9ryAh6vhavNxALJUJT6-Q
📢 📣 📢 本頻道影片內容有輸出成 podcast 📢 📣 📢
可以在各大podcast平台搜尋「Untyped 對啊我是工程師」
請大家多多支持呀!!🙏🏻💁🏻♀️
#哈佛姐 #讀書有用嗎 #哈總統
一定要看到影片最後面並且在「YouTube影片下方」按讚留言訂閱分享唷!
【愛屋及烏】
YouTube 👉 https://www.youtube.com/c/Untyped對啊我是工程師
Podcast 👉 https://open.spotify.com/show/3L5GRMXmq1MRsliQt43oi2?si=3zgvfHlETeuGfp9rIvwTdw
Facebook 臉書粉專 👉 https://www.facebook.com/untyped/
Instagram 👉 https://www.instagram.com/untypedcoding/
合作邀約 👉 untypedcoding@gmail.com
-
Untyped 對啊我是工程師 - There are so many data types in the world of computer science, so are the people who write the code. We aim to UNTYPE the stereotype of engineers and of how coding is only for a certain type of people.
凱心琳: 一個喜歡電腦科學邏輯推理,在科技圈努力為性別平等奮鬥的工程師。
data types 在 Untyped 對啊我是工程師 Youtube 的最讚貼文
LeetCode是所有軟體工程師找實習找工作都必用的平台,雖然大部分功能都是免費的,但天下沒有白吃的午餐,讓人好奇付費版 LeetCode Premium 到底有沒有用?今天讓使用過 LeetCode Premium 準備並通過 Google軟體工程師面試的我來分享一下我的使用感想!
影片中會告訴你如何免費拿到各種付費功能~
然後還有我到底刷了幾題通過了Google面試哈哈!
這集會聊到...
💬 Overview 💬
💙 LeetCode Premium功能簡介 1:25
💙 我覺得好用的付費版功能 1:50
💙 我覺得沒用的付費版功能 4:00
💙 如何免費得到類似的付費功能 1:50 3:00
💙 結論:LeetCode Premium 到底值不值得?5:58
💙 誰適合買 LeetCode Premium?6:38
💙 我刷了多少題通過 Google 面試 7:57
📢 📣 📢 本頻道影片內容有輸出成 podcast 📢 📣 📢
可以在各大podcast平台搜尋「Untyped 對啊我是工程師」
請大家多多支持呀!!🙏🏻💁🏻♀️
#LeetCodePremium值得嗎 #力扣刷題進階功能免費用
一定要看到影片最後面並且在「YouTube影片下方」按讚留言訂閱分享唷!
【愛屋及烏】
YouTube 👉 https://www.youtube.com/c/Untyped對啊我是工程師
Podcast 👉 https://open.spotify.com/show/3L5GRMXmq1MRsliQt43oi2?si=3zgvfHlETeuGfp9rIvwTdw
Facebook 臉書粉專 👉 https://www.facebook.com/untyped/
Instagram 👉 https://www.instagram.com/untypedcoding/
合作邀約 👉 untypedcoding@gmail.com
-
Untyped 對啊我是工程師 - There are so many data types in the world of computer science, so are the people who write the code. We aim to UNTYPE the stereotype of engineers and of how coding is only for a certain type of people.
凱心琳: 一個喜歡電腦科學邏輯推理,在科技圈努力為性別平等奮鬥的工程師。
data types 在 JavaScript Data Types Demystifed 的推薦與評價
This tutorial introduces you to the JavaScript data types including primitive types that consist of undefined, null string, boolean, number, and symbol. ... <看更多>
data types 在 Understanding Data Types in Python 的推薦與評價
This section outlines and contrasts how arrays of data are handled in the Python ... Notice the main difference: in C, the data types of each variable are ... ... <看更多>