more

Author: dimaMachina

website/app/layout.tsx

@@ -36,7 +36,7 @@ const RootLayout: FC<{
       layoutProps={{
         banner: (
           <Banner dismissible={false}>
-            🚧 This is WIP documentation for v4 of the plugin. For v3 click{' '}
+            This is documentation for v4 of the plugin. For v3 click{' '}
             <Anchor href="https://074c6ee9.graphql-eslint.pages.dev/docs">here</Anchor>.
           </Banner>
         ),

website/content/docs/custom-rules.mdx

@@ -33,7 +33,7 @@ type. But if you wish to use JavaScript - that's fine :)
 
 Here's an example for a simple rule that reports on anonymous GraphQL operations:
 
-```ts filename="your-rule-name.ts"
+```ts filename="my-rule.ts"
 import { GraphQLESLintRule } from '@graphql-eslint/eslint-plugin'
 
 const rule: GraphQLESLintRule = {
@@ -82,7 +82,7 @@ objects.
 
 Here's an example for using original `graphql-js` validate method to validate `OperationDefinition`:
 
-```ts filename="your-rule-name.ts"
+```ts filename="my-rule.ts"
 import { validate } from 'graphql'
 import { requireGraphQLSchemaFromContext } from '@graphql-eslint/eslint-plugin'
 
@@ -131,12 +131,12 @@ call `requireGraphQLSchemaFromContext` - it will validate that the schema is loa
 `typeInfo` is provided on every node, based on the type of that node, for example, to access the
 `GraphQLOutputType` while you are visiting a `SelectionSet` node, you can do:
 
-```ts filename="your-rule-name.ts"
+```ts filename="my-rule.ts"
 import { requireGraphQLSchemaFromContext } from '@graphql-eslint/eslint-plugin'
 
 export const rule = {
   create(context) {
-    requireGraphQLSchemaFromContext('your-rule-name', context)
+    requireGraphQLSchemaFromContext('my-rule', context)
 
     return {
       SelectionSet(node) {
@@ -163,13 +163,28 @@ of ESLint.
 The wrapped `GraphQLRuleTester` provides built-in configured parser, and a schema loader, if you
 need to test your rule with a loaded schema.
 
-```ts filename="your-rule-name.spec.ts"
-import { GraphQLRuleTester } from '@graphql-eslint/eslint-plugin'
+```ts filename="my-rule.test.ts"
+import { parser } from '@graphql-eslint/eslint-plugin'
+import { RuleTester } from 'eslint';
 import { rule } from './my-rule'
 
-const ruleTester = new GraphQLRuleTester()
-
-ruleTester.runGraphQLTests('your-rule-name', rule, {
+const ruleTester = new RuleTester({
+  languageOptions: {
+    parser,
+    parserOptions: {
+      graphQLConfig: {
+        schema: /* GraphQL */ `
+          # Optionally, your schema, your rule could have access to it
+        `,
+        documents: /* GraphQL */ `
+          # Optionally, your operations, your rule could have access to them
+        `,
+      },
+    },
+  },
+});
+
+ruleTester.run('my-rule', rule, {
   valid: [
     {
       code: 'query something { foo }'