-
Notifications
You must be signed in to change notification settings - Fork 79
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into feature_addCommandLine
- Loading branch information
Showing
6 changed files
with
266 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,208 @@ | ||
| "use client" | ||
| import React, { useEffect, useState } from "react"; | ||
| import Tweet from "./tweets"; | ||
| const tweets = [ | ||
| { | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/837573171427487744/IGQLsM55_400x400.jpg", | ||
| name: "やまもと@視力2.0", | ||
| id: "yamamoto_febc", | ||
| post: "https://x.com/yamamoto_febc/status/1755802346188390531?s=20", | ||
| content: | ||
| "It is quite easy to create normal tests. On the other hand, abnormal systems may be a little difficult. I think it's okay to use it only for normal systems.", | ||
| }, | ||
| { | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1653250498127089665/x5RJbLq5_400x400.jpg", | ||
| name: "きょん/kyong", | ||
| id: "kyongshiii06", | ||
| post: "https://x.com/kyongshiii06/status/1753030333128495470?s=20", | ||
| content: | ||
| "I tried keploy, but it was amazing. Just wrap and start docker, and then just hit the API with curl or the client and you'll be able to test more and more. This is the golden test.", | ||
| }, | ||
| { | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1741543460115812352/8x4aAI9k_400x400.jpg", | ||
| name: "Shivam Sourav Jha", | ||
| id: "ShivamSouravJha", | ||
| post: "https://x.com/ShivamSouravJha/status/1747517726749286713?s=20", | ||
| content: | ||
| "Why do I like keploy so much? Literally I see many tools and so hard to integrate. I mean update VScode , use the sdk , make this change make that change. With Keploy, don't worry buddy just run your application, we will literally do everything for you. You need to 0 efforts.", | ||
| }, | ||
| { | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1653250498127089665/x5RJbLq5_400x400.jpg", | ||
| name: "きょん/kyong", | ||
| id: "kyongshiii06", | ||
| post: "https://x.com/kyongshiii06/status/1746532217336250821?s=20", | ||
| content: | ||
| "Keploy can record and replay complex, distributed API flows as mocks and stubs. It's like having a time machine for your tests—saving you tons of time.", | ||
| }, | ||
| { | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1422864637532332033/mC1Nx0vj_400x400.jpg", | ||
| name: "matsuu@充電期間", | ||
| id: "matsuu", | ||
| post: "https://x.com/matsuu/status/1747448928575099236?s=20", | ||
| content: | ||
| "Based on the communication trace information that can be obtained using eBPF, it is possible to generate a test and a stub server to be used when executing the test.” / “The automated testing tool “Keploy” using eBPF is amazing.", | ||
| }, | ||
| { | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1604797450124144640/6G7KytX8_400x400.jpg", | ||
| name: "あんどーぼんばー", | ||
| id: "AndooBomber", | ||
| post: "https://x.com/AndooBomber/status/1747663021747691808?s=20", | ||
| content: | ||
| "I tried Keploy, but it might be a god tool. The automated testing tool “Keploy” using eBPF is amazing", | ||
| }, | ||
| { | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1569793803313201154/Lso5fu1j_400x400.jpg", | ||
| name: "Jay Vasant", | ||
| id: "__alter123", | ||
| post: "https://x.com/__alter123/status/1731985031521014236?s=20", | ||
| content: | ||
| "The point being, maintaining unit tests is terribly difficult, and in general requires more efforts than the actual development itself. I've hardly seen any startups even at good scale able to manage unit tests. If you really think it's a requirement you can try tools like Keploy. But I feel even if you honestly think, manual testing should be always feasible", | ||
| }, | ||
| { | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1213737438830452736/5_5zXtXN_400x400.jpg", | ||
| name: "mugi", | ||
| id: "mugi_uno", | ||
| post: "https://x.com/mugi_uno/status/1745726154924003502?s=20", | ||
| content: | ||
| "I want to try this. I think the problem with mock data is that it is difficult to maintain, so if it makes it easier, I think it would be a good idea. The automated testing tool “Keploy” using eBPF is amazing", | ||
| }, | ||
| { | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1482259385959464960/1pQMXwj7_400x400.jpg", | ||
| name: "yadon", | ||
| id: "Seipann11", | ||
| post: "https://x.com/Seipann11/status/1755989987039064103?s=20", | ||
| content: | ||
| "Keploy is seriously amazing, a genius Indian is crushing issues at lightning speed.", | ||
| }, | ||
| { | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1763255658777120770/7SsuKwlS_400x400.jpg", | ||
| name: "Akash Singh", | ||
| id: "Kind_Of_Akash", | ||
| post: "https://x.com/Kind_Of_Akash/status/1754207010470736165?s=20", | ||
| content: | ||
| "Hey people, I wanted to share about my first month as an open source contributor at Keploy -Picked up 10 issues including bugs, features, documentation and opened 3 issues. -Submitted 8 PR's, out of which 2 have been merged and rest are on review", | ||
| }, | ||
| { | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1712175220176355329/sLXbk_PZ_400x400.jpg", | ||
| name: "TadasG", | ||
| id: "JustADude404", | ||
| post: "https://x.com/JustADude404/status/1746888711491424681?s=20", | ||
| content: | ||
| "Keploy is a tool which can automatically generate tests based on data from your running app. It simply attaches to your app, reads the data being passed through, and generates tests with real data. Pretty cool, huh?", | ||
| }, | ||
| { | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1701251291861712897/PiTZ0UO7_400x400.jpg", | ||
| name: "Junichi.Y🐼@休職中", | ||
| id: "ymnk_8752", | ||
| post: "https://x.com/ymnk_8752/status/1745458928698450057?s=20", | ||
| content: | ||
| "Looks amazing. I hear about eBPF a lot, but I don't know what it is. The automated testing tool “Keploy” using eBPF is amazing", | ||
| }, | ||
| ]; | ||
| const TwitterTestimonials = () => { | ||
| const [isMobile,setIsMobile] = useState(false); | ||
| useEffect(()=>{ | ||
| const handleSize=()=>{ | ||
| setIsMobile(window.innerWidth>=1023); | ||
| } | ||
| handleSize(); | ||
| window.addEventListener("resize",handleSize); | ||
| return()=>{ | ||
| window.removeEventListener("resize",handleSize) | ||
| } | ||
| },[]) | ||
| return ( | ||
| <> | ||
| <div className="relative mt-20 mb-20"> | ||
| <div className=" relative mt-2 mb-8 z-10 max-w-5xl mx-auto flex flex-col justify-center"> | ||
| <h3 className=" text-center h2 px-10 text-secondary-300"> | ||
| We love when users talk about Keploy.. | ||
| </h3> | ||
| {isMobile ? ( | ||
| <div className="flex flex-row max-lg:flex-col mt-10"> | ||
| <div className="flex flex-col"> | ||
| {tweets.slice(0, 4).map((tweet, index) => ( | ||
| <Tweet | ||
| key={index} | ||
| avatar={tweet.avatar} | ||
| name={tweet.name} | ||
| id={tweet.id} | ||
| post={tweet.post} | ||
| content={tweet.content} | ||
| /> | ||
| ))} | ||
| </div> | ||
| <div className="flex flex-col"> | ||
| {tweets.slice(4, 8).map((tweet, index) => ( | ||
| <Tweet | ||
| key={index} | ||
| avatar={tweet.avatar} | ||
| name={tweet.name} | ||
| id={tweet.id} | ||
| post={tweet.post} | ||
| content={tweet.content} | ||
| /> | ||
| ))} | ||
| </div> | ||
| <div className="flex flex-col"> | ||
| {tweets.slice(8, 12).map((tweet, index) => ( | ||
| <Tweet | ||
| key={index} | ||
| avatar={tweet.avatar} | ||
| name={tweet.name} | ||
| id={tweet.id} | ||
| post={tweet.post} | ||
| content={tweet.content} | ||
| /> | ||
| ))} | ||
| </div> | ||
| </div> | ||
| ):( | ||
| <div className="flex flex-row max-lg:flex-col mt-10 mx-10"> | ||
| <div className="flex flex-col"> | ||
| {tweets.slice(0, 4).map((tweet, index) => ( | ||
| <Tweet | ||
| key={index} | ||
| avatar={tweet.avatar} | ||
| name={tweet.name} | ||
| id={tweet.id} | ||
| post={tweet.post} | ||
| content={tweet.content} | ||
| /> | ||
| ))} | ||
| </div> | ||
| <div className="flex flex-col"> | ||
| {tweets.slice(4, 6).map((tweet, index) => ( | ||
| <Tweet | ||
| key={index} | ||
| avatar={tweet.avatar} | ||
| name={tweet.name} | ||
| id={tweet.id} | ||
| post={tweet.post} | ||
| content={tweet.content} | ||
| /> | ||
| ))} | ||
| </div> | ||
|
|
||
| </div> | ||
| )} | ||
|
|
||
| </div> | ||
| </div> | ||
| </> | ||
| ); | ||
| }; | ||
|
|
||
| export default TwitterTestimonials; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
| import React from "react"; | ||
| import Image from "next/image"; | ||
| import XImage from "@/public/images/x-twitter.svg"; | ||
| const Tweets = ({ | ||
| avatar, | ||
| name, | ||
| id, | ||
| post, | ||
| content, | ||
| }: { | ||
| avatar: string; | ||
| name: string; | ||
| id: string; | ||
| post: string; | ||
| content: string; | ||
| }) => { | ||
| return ( | ||
| <> | ||
| <a | ||
| className="bg-gray-100 border p-6 rounded-md lg:hover:shadow-md transition m-1 hover:scale-101" | ||
| href={post} | ||
| target="_blank" | ||
| > | ||
| <div className="flex flex-row items-center justify-between"> | ||
| <div className="flex flex-row gap-2 items-center"> | ||
| <img | ||
| src={avatar} | ||
| alt="profile_image" | ||
| className="rounded-full h-12" | ||
| /> | ||
| <div className="flex flex-col justify-center"> | ||
| <div className="font-bold">{name}</div> | ||
| <div className="">@{id}</div> | ||
| </div> | ||
| </div> | ||
| <Image | ||
| src={XImage} | ||
| width={20} | ||
| height={20} | ||
| alt="twitter icon" | ||
| /> | ||
| </div> | ||
| <div className="pt-2">{content}</div> | ||
| </a> | ||
| </> | ||
| ); | ||
| }; | ||
|
|
||
| export default Tweets; |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters